*{
            margin: 0;
            padding: 0;
        }
        
        body{
           background-color: #F3F6FD; 
           max-width: 1200px;
           margin: auto;
   font-family: 'Noto Serif Bengali', serif, 'Plus Jakarta Sans', sans-serif;
        }
        
        a{
          text-decoration: none;
        }
        ul{
          list-style: none;
        }
        
        
     .container {
      margin:0px 50px;
     
      
      }
      
     .headermain {
       background-color: white;
       position: ;
       z-index: 999;
       top: 0;
        box-shadow: 0px 5px 10px #ddd;
       
        
                
     }
      
      .navborder {
   background-color: black;
    height: 3px;
    display: flex;
 
}

.single-border {
    
    background-color: #0a19e4;
    height: 100%;
    width: 100%;
    
}

      
         
        .nav-wrapper{
            display: flex;
            justify-content: space-between;
        }      
            
      
      
      
        .nav-logo {
          width: 35%;
      
      padding-top: 5px;
        }
      
        .nav-logo img {
      width: 100%;
       
        }
      
      
             
             .header-nav-bar{
           
    display: none;
             }
             
              
 .menu-bars {
   display: none;
 }                       
                          
.bars-items{
  display: none;
}
 
.menu-icon {
  display: none;
}
 
 
.nav-items{
  width: 50%;
  
  
}
 
 
.nav-bar-web{
  
  
  width: 100%;
}
 
.nav-bar-web-ul {
  padding: 20px 0px;
  width: 100%;
  display: flex;
  list-style: none;
  justify-content: space-between;
  
  
}
 
.nav-bar-web-ul li{
  color:  black;
   
  font-size: 16px;
  font-weight: bold;
  position: relative;
  
}

.nav-bar-web-ul li a{
  color:  black;
   
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
}
      
      
.nav-bar-web-ul li:hover .fa-caret-down{
  display: none;
}      

.nav-bar-web-ul li:hover .fa-caret-up{
  display: inline-block;
}

.fa-caret-up{
  display:none;
}

.fa-search{
  background-color: #E6456C;
  border-radius: 50%;
  color: white;
  font-size: 16px;
  padding: 8px;
}



.nav-ul {
  list-style: none;
  background-color: white;
  position: absolute;
 
  width: 280px;
  top: 55px;
  left: -5px;
  padding: 0px 10px ;
  transform: scaleY(0);
  transition:.3s;
  transform-origin:top;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 7px 10px #666;
}


.nav-ul li{
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
}

.nav-bar-web-ul li:hover .nav-ul 
{
  transform: scaleY(1)
}

.nav-bar-web-ul li:hover .nav-ul2 {
  transform: scaleY(1);
}

.nav-bar-web-ul li:hover .nav-ul3 {
  transform: scaleY(1);
}


.nav-ul li a{
  font-size: 16px;
}


.nav-ul2{
  background-color: white;
  position: absolute;
  
  width: 300px;
  top: 55px;
  right: 0px;
  
  transform: scaleY(0);
  transition:.3s;
  transform-origin:top;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 7px 10px #666;
  overflow: hidden;
 
  
  
}

.nav-ul3{
  background-color: white;
  position: absolute;

  width: 300px;
  top: 55px;
  right:0;

  transform: scaleY(0);
  transition: .3s;
  transform-origin: top;
  border-radius: 0px 0px 10px 10px;
  box-shadow: 0px 7px 10px #666;
  overflow: hidden;



}

.nav-ul3 input{
 width: 80%;
 color: #08C372;
 font-size: 25px;
 outline: none;
 padding: 10px;
 border: none;
 background-color: none;
 
 
}
.icon-search{
  position: absolute;
  top: 10px;
  right: 5px;
  
  
}

.notice {
  display: none;
}



.login {
  display: none;  
}


    .nav-profile {
           background-color:#02CFF4;
         }
         
        .nav-profile-pic {
          height: 100px;
       
          padding: 15px 0px;
        }
          
         .profile-items ul {
           list-style: none;
           display: flex;
      
           padding: 5px 5px;
         }
         
      .profile-items ul li{
         text-transform: capitalize;
         color: #fff;
         font-size: 16px;
        text-shadow: 1px 1px #666;
        
        font-weight: 400;
         
          
      }  
      
      .profile-items ul li:last-child {
        padding-left: 10px;
      }
      
     .profile-items ul li:first-child {
       padding-right: 10px;
       border-right: 1px solid #666;
     }
      
      
        .profile-image {
          height: 100px;
          width: 100px;
          border-radius: 50%;
          border:1px solid black;
          margin: auto;
          overflow: hidden;
          position: relative;
        }
         
        .profile-image img {
          width: 100%;
        }
         
        .profile-image a{
          display: block;
          width: 100%;
          position: absolute;
          bottom: 0px;
          text-align: center;
          background-color: rgba(0,0,0,0.5);
          color: #fff;
          z-index: 3;
          text-decoration: none;
          font-size: 16px;
         
          
        }
         


 /* POPULAR BOOKS------------------------  --*/      
 
  
  .popular-books{
    
      background-color: white;
      margin: 10px 0px;
  }
   
   .heading{
       overflow: hidden;


   }
 .heading h2{
     padding-top: 20px;
     font-size: 25px;
     text-align: center;

     color: #08C372;
     font-weight: 700;
              	position: relative;
              	overflow: hidden;
z-index: 0;
    
 }
  
   
  
  
  
  .heading-after{
       background-color:#08C372;
      height: 3px;
      width: 100px;
      border-radius: 5px;
         	position: relative;
      margin: 10px auto;
      z-index: 0;
      overflow: hidden;
      
  }
   .heading-after:after{
       background-color:white;
      height: 6px;
      width: 10px;
     content: '';
     display: block;
     position: absolute;
      top: -1;
      animation-name: head-animation;
      animation-timing-function: linear;
      animation-duration: 2s;
      animation-iteration-count: infinite;

      
      
  }
 
 
  @keyframes head-animation {
      from{
          transform: translateX(0px);
      }
      to {
                    transform: translateX(90px);
      }
  }
 
 
 
 
  .buy{
    display: none;
    padding: 20px 50px;
   height: 0px;
   position: relative;
   background: #08c372;
    
   overflow: hidden;
   animation-name: buys;
   animation-duration: 1s;
   animation-fill-mode: forwards;
 }
   
@keyframes buys{
  from{ height:0px;
  
  }
  to{
    height: 350px;
   
  }
}


.buy-ad{
  display: flex;
}




.buy-img{
  
  width: 40%;
}

.buy-img img{
  width: 100%;
  padding-top: 40px;
}
.buy-ad-items{
  width: 60%;
  
}

.buy-ad-items h1{
  font-size: 22px;
  padding:0px;
  color: white;
font-family: 'Righteous', cursive;
   font-weight: normal;
}

.buy-ad-items p {
  font-size: 16px;
  padding: 10px 0px;
  color: white;
}

.buy-ad-items h2 {
  font-size: 18px;

  color: black;
font-family: 'Righteous', cursive;
   font-weight: normal;
}


.buy-ad-items ul{
  list-style: square;
  padding: 10px 15px;
  font-size: 16px;
}



 
 
 section.web{
   display: flex;
   background: white;
   justify-content: space-between;
   padding: 0px 50px;
 }
 
 section.content-left{
   width: 65%;
 }
 section.content-right{
   width: 30%;
 }
 
  
  .themes-container{
   
   padding: 50px 0px;
  }
 .themes-wrapper{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
 }
   
  .themes-single{
    width: 48%;
    background: white;
    
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #999;
    margin-bottom: 20px;
  }
   
   
  .themes-thumbnail{
    width: 250px;
    height: 150px;
    border-radius:10px;
    margin:10px auto;
    overflow: hidden;
    background: #0a19e4;
  }
   
.themes-thumbnail img{
  width: 100%;
  height: 150px;
  
}
.themes-bottom{
  display: flex;
  justify-content: space-between;
  padding: 0px 10px 10px 10px;
}
    .themes-name {
      padding :10px;
      
    }
 .themes-name a{
   font-size: 18px;
   color: #002669;
   text-decoration: none;
  
   font-family: 'Righteous', cursive;
   font-weight: normal;
   
 }
   
   
  .themes-admin{
    font-size: 14px;
    font-weight: 400;
    
    color: #666;
  }
   
  .themes-price{
    font-size: 16px;
    color: #016900;
  }
  .themes-rank{
    color: #FFD600;
    font-size: 14px;
  }
   
   
  .themes-bottom-left{
  width: 60%;
  }
  
 .themes-bottom{
   position: relative;
 }
  
  
   .themes-bottom-right{
     width: 40%;
     display: flex;
     height: 40px;
     position: absolute;
     bottom: 10px;
     right: 10px;
   }
  
  
  .themes-bottom-right a{
    text-decoration: none;
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
  }
    .themes-bottom-right a:first-child{
      background: #002669;
      
   
      display: block;
      width: 30%;
      
      border-radius: 5px;
 
    }
    
      .themes-bottom-right a:last-child{
        background: #08c372;
        display: block;
        width: 70%;
      
    
        border-radius: 5px;
        border:1px solid #002669;
        text-transform: capitalize;
        margin-left: 5px;
        transition: 0.3s;
      }
      
     .themes-bottom-right a:hover{
       background: #0a19e4;
     }
      
      
      
     .themes-container .heading h2:after{
        background-color: #F3F6FD; 
   
     }
     
       .themes-container .heading h2{
         padding-top:0px;
       }
      
        .themes-container .heading {
          margin-bottom:15px;
        }
      
         .themes-con .heading h2 {
           padding-top: 20px;
         }
      .themes-con .heading h2:after {
        background-color: #fff;
      
      }
      
     .themes-category{
       padding-bottom: 15px;
         
     }
     ul.sel-cat1{
     border: 1px solid #000;
       color: #fff;
       display: flex;
       justify-content: space-between;
       font-size: 18px;
        font-weight: bold;
       background: #0a19e4;
       padding: 10px;
       list-style: none;
      
       
     }
      
      ul.sel-cat1 li:first-child{
        width: 95%;
        padding-top: 3px;
      }
      ul.sel-cat1 li:last-child {
        width: 5%;
      }
      ul.sel-cat2{
        list-style: none;
        display: block;
        height: 0px;
         transition: 0.3s;
       overflow: hidden;
      
      }
      ul.sel-cat2 li{
        padding: 10px 10px;
        border-bottom: 0.5px solid #000;
        font-size: 16px;
        color: #fff;
        background: #0a19e4;
       
     
    
      }
      
     ul.sel-cat2 li a {
       display: block;
       
   
       font-size: 16px;
       color: #fff;
   
      
   text-decoration: none;
   
     }
     
     
    .show-cat ul.sel-cat2{
      height: 480px;
      
    }
     
     
   
   
  .details-photo{
  
   height: 250px;
  }
   
 .details-photo img{
   width:100%;
   height: 250px;
  
 }
   
   
  .details{
    padding: 25px;
    background: white;
  }
   
  .details-name{
    font-size: 26px;
    font-weight: bold;
    padding: 20px 0px 0px 0px;
   line-height: 28px;
   font-family: 'Righteous', cursive;
   font-weight: normal;
   
  }
   
  .details-price{
    display: flex;
    padding: 10px 0px;
    border-bottom: 0.5px solid #ddd;
  }
   
  .details-price-single{
    width: 80%;
    
  }
 .details-price-single ul{
   list-style: square;
   padding-left: 15px;
   font-size: 16px;
   text-transform: capitalize;
 }
 
.details-price-single ul li:first-child span{
  color:#0a19e4;
}

.details-price-single ul li:nth-child(2) span {
    color: #00AB01;
  } 
   
   
  .details-price-double{
    width: 20%;
    font-size: 14px;
    
    color: #FFD100;
  }
 .details-info{
   font-size: 13px;
   border-top: 0.5px solid #ddd;
   padding: 10px 0px;
   
   
 }
.details-info p{
  text-align: center;
  padding: 5px;
}

.details-info p:last-child{
  color: red;
}
   
.details-features h3{
  font-size: 16px;
  line-height: 20px;
  color: #0a19e4;
  padding-top:10px;
}

.details-features ul{
  padding: 10px 0px 10px 15px;
  font-size: 16px;
  list-style: square;
}


.details-contact{
  
}


.details-contact h3 {
  font-size: 16px;
  line-height: 20px;
  color: #0a19e4;
  padding-top: 10px;
}

.details-contact ul{
  padding: 20px 0px;
  justify-content: space-between;
  display: flex;
}

.details-contact ul li{
  width: 30%;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 5px #ddd;
  
}


.details-contact ul li:first-child{
  background-color: #0a19e4;
}
   
.details-contact ul li:nth-child(2) {
  background-color:#008E1E;
}   

.details-contact ul li:last-child {
  background-color: #0042FF;
}
   
   
 
.details-contact ul li a{
  font-size: 14px;
  color: white;
  width: 100%;
  display: block;
  text-align: center;
  padding: 8px 0px;
    transition: 0.3s;
}

.details-contact ul li a i{
  padding-right: 5px;
}


.details-contact ul li:hover a{
  transform: scale(1.2);

}

 /* FOOTER STARTED------------------------*/     
 
 
 .footer {
     color: white;
     background-color: #000;
    overflow: hidden;
    width: 100%;
 }

 
 
 
 .footer-wrapper{
     display: flex;
     
    padding: 10px 25px;
 }
 
 .footer-single {
    padding: 0;
     width: 50%;
    
     margin: 0;
     
 }
.footer-single ul{
  list-style: none;
  padding: 0;
}
 
 
.footer-single ul li a i{
  padding-right: 5px;
}
  
.footer-single ul li i {
  padding-right: 5px;
}
 
  .footer-single ul li a{
      text-decoration: none;
      color: #e5e5e5;
     font-size: 18px;
       
  
      
  }
 
   .footer-single ul li{
       padding-top: 12px;
             font-size: 18px;
      
   }

 
 
    
.footer-top ul{
 display: flex;
 list-style: none;
 justify-content: space-between;
 padding: 10px 50px;
 width: 89%;
 
 
}

.footer-top ul li{
  width: 20%;
  position: relative;
 border-radius: 5px;
}
.footer-top ul li a{
  color: white;
  display: block;
  width: 100%;
  font-size: 20px;


 height: 40px;
}


.footer-top ul li a i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}





#email{
  background: #C30000;
  
}
 #phone{
  background:  #00AD16;
 }
 #fb{
   background: #0060FF;
 }
 #yt{
   background: #FF0000;
 }
 
 
.footer-bottom {
    border-top: 1px solid #f2f2f2;
    padding: 5px;
    text-align: center;
     
    font-size: 18px;
}

.footer-bottom a{
    text-decoration: none;
    color: white;
    font-size: 18px;
    font-weight: bold;
   
    
}


 /* FOOTER ENDED------------------------*/      
 
 

                                
.admin {
    margin: 5px;
}

.admin-wrapper{
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    flex-direction: row;
    
    flex-wrap: wrap;
    
}
    
    
    .admin-single {
      
        width: 300px;
        background-color: white;
        border: 1px solid #ddd;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 0px 5px #ddd;
        margin:10px auto;
    }
    
    .admin-top{
        background-color: #0a19e4;
        height: 150px;
        border-radius: 0px 0px 50% 50%;
        width: 120%;
        position: absolute;
        top: -60px;
        left: -10%;
    }
    
    .admin-top-border {
        background-color: #0a19e4;
        height: 100px;
        width: 100px;
        margin: auto;
        border: 2px solid white;
        border-radius: 50%;
        position: absolute;
        top:90px;
        left: 50%;
        overflow: hidden;
        transform: translateX(-50%);
       
    }
    
    .admin-bottom{
        padding-top: 140px;
    }
    
   .admin-top-border img{
     width: 100%;
   }
   
  .admin-item{
    padding: 10px;
  }
 .admin-item h2{
   text-align: center;
   font-size: 16px;
   color: #0a19e4;
  
   
 }
  .admin-item p{
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    color: #666;
    text-align: center;
    
                 
    
   
  }
 p.admin-bio {
   border-bottom: 1px solid #ddd;
   text-align: center;
 }
   
   .admin-item a{
     text-decoration: none;
     text-align: center;
     display: block;
     border: 2px solid #0a19e4;
     margin: 10px 0px;
     color:  #0a19e4;
     font-weight: bold;
     padding:5px;
     border-radius: 10px;
     font-size: 16px;
     
                 
    
   }
   
  .admin-item a:hover {
    background-color: #0a19e4;
    color: white;
  }
  
 
 
  
  .add-post{
    padding: 20px 0px;
       margin: 25px 0px;
       box-shadow: 0px 0px 5px 5px #ddd;
       position: relative;
       overflow: hidden;
     }
  .add-post h2{
    margin:0px 25px;
    padding: 5px 0px;
  
    display: inline-block;
    border-bottom: 3px solid #00B597;
    font-size: 18px;
  }
  
 .add-books-input{
   padding: 5px;
   margin: 15px 25px;
   background: #00000014;
   border-radius: 5px;
   box-shadow: 0px 0px 5px #ddd;
   border: 1px solid #00FFD42E;
 }
.add-books-input input{
  background: transparent;
  width: 97%;
  padding: 5px;
  font-size: 16px;
  color: black;
  border: none;
  outline: none;
}
.add-books-input input::placeholder{
  color: black;
  opacity: 0.5;
  
}


.add-books-input textarea{
  background: transparent;
  width: 97%;
  padding: 5px;
  font-size: 16px;
  color: black;
  border: none;
  outline: none;
}

.add-books-input textarea::placeholder {
  color: black;
  opacity: 0.5;
  
}

.add-post-buttons{
  margin: 10px 25px;
  
}

.add-post-buttons span{
  padding: 10px 20px;
  border: 1px solid #00FFD42E;
}



button.add-button{
  margin:10px 25px 25px 25px;
  border: none;
  outline: none;
  background:  #00B597;
  color: white;
  padding: 10px 20px;
  font-weight: bold;
}


.add-post label{
  
 padding: 10px 25px;
 
}

.add-books-li{
  
}

.add-books-li ul{
  
}



ul.select{
  display: flex;
 
list-style: none;
border: 1px solid black;
font-size: 16px;
margin-right: 0px;
position: absolute;
bottom: 295px;
left: 25px;
right: 25px;
   background: #00000014;
   border-radius: 5px;
   box-shadow: 0px 0px 5px #ddd;
   border: 1px solid #00FFD42E;
}
ul.select li{
  padding: 10px 10px;
  
  text-overflow: ellipsis; 
}

ul.select li i{
  position: absolute;
  left: 90%;
}


ul.gallery{
  background: white;
 position: absolute;
bottom: 240px;
  list-style: none;
  left: 25px;
 right: 25px;
 visibility: hidden;
 border-radius: 5px;
 
}

ul.gallery li{
  position: relative;
  left: 0px;
  padding: 10px ;
    background: #42445A70;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #00FFD42E;
    margin-bottom: 5px;
}

ul.gallery li:last-child{
  margin-bottom: 0px;
}

.showcat ul.gallery{
  visibility: visible;
}



 
 
 
.post {
 background-color: white;
 margin: 0px;
 padding: 20px;
 
}

.post-header {
  background: white;
  padding: 5px 0px;
  color: #666666;
   
  
  font-weight: normal;
  font-size: 14px;
  
  
}
.post-header i{
  font-size: 10px;
}
.post-header a{
  text-decoration: none;
 color: #666666;
}
.post-thumb{
  margin: 10px 0px 5px 0px;
  position: relative;
  overflow: hidden;
}
.post-thumb img{
  width: 100%;
  
  
}

.watermark{
  position: absolute;
  background: #08c372;
  padding: 2px 30px;
  font-size: 10px;
   
  color: white;
 right: -25px;
  transform: rotate(-30deg);
  bottom: 18px;
  opacity: 0.8;
  
}

.post-thumb2 {
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  width: 200px;
}

.post-thumb2 img {
  width: 100%;


}

.watermark2 {
  position: absolute;
  background: #08c372;
  padding: 2px 30px;
  font-size: 10px;
   
  color: white;
  right: -25px;
  transform: rotate(-30deg);
  bottom: 18px;
  opacity: 0.8;

}





.post h2{
  
  overflow-wrap: break-word;
 

  padding: 20px 0px;
  color: #08c372;
  font-size: 18px;
  text-align: center;
  
  font-weight: 700;
 padding: 3px 8px;
 border: none;
  border-left: 3px solid #08c372;
 
}





.post p{
   
  overflow-wrap: break-word;
  overflow: hidden;
  padding: 0px;
}

.post  article{
   
  color: black;
  overflow-wrap: break-word;
  overflow: hidden;
  padding: 0px;
}

.post article p{
  padding: 10px 0px;
}

.post article blockquote{
  background: #000;
  padding: 60px 20px 10px 20px;
  color: white;
  position: relative;
}

.post article blockquote:after{
  content: 'Copy Codes';
  display: block;
  color: yellow;
  position: absolute;
  top: 20px;
  left: 20px;
  border-left: 3px solid red;
  padding: 0px 10px;
}



.post p img{
  width: 100%;
}


.post article img{
  width: 100%;
}

.post article iframe{
  width: 100%;
}

.post article{
  overflow: hidden;
}

.post-footer{
  background: #E6456C;
  padding:5px;
   
  color: white;
}

.post-author{
   
  background-color: white;
  margin: 0px;
  padding: 20px;
  
}




h2.title{
  color: #08c372;
  font-size: 18px;
  
  
  font-weight: 700;
 padding: 3px 8px;
  border-left: 3px solid #08c372;
  margin-left: 0px;
  margin-bottom: 20px;
}


.post-author a{
   
  text-decoration: none;
  color: #08c372;
  
}
.post-author-wrapper{
  display: flex;
  
}
.post-author-avatar{
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  overflow: hidden;
  padding: 0px;
  background: #D6FFC7;
  
}

.post-author-avatar img{
  width: 100%;
  height: 100%;
}
.post-author-items{
  padding: 0px 10px;
}

.post-author-items h2{
  line-height: 20px;
  font-size: 18px;
  text-transform: capitalize;
}

.post-author-role{
   
  font-size: 12px;
  color: #777777;
  text-transform: capitalize;
  padding:10px 0px;
}

.post-author-items p{
  font-size: 16px;
}

  .blog {
  background: #fff;
  padding: 20px 25px 0px 25px;
  margin: 0px;
}


.single-blog{
  background: white;
  margin: 0px 0px;
  border: none;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
  width: 100%;
}


.blog-wrapper{
  display: block;
  
}



.blog-heading{
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}



.blog-heading-name h2{
  color: #08c372;
  font-size: 18px;
  text-align: center;
  
  font-weight: 700;
 padding: 3px 8px;
  border-left: 3px solid #08c372;
  margin-left: 0px;
}
.blog-heading-span{
  padding: 8px 0px;
 color: #FF7100;
}
.blog-heading-span a{
  color: #004C99;
  text-decoration: none;
}



.blog-item{
  display: flex;
}

.blog-thumb{
  width: 160px;
  height: 100px;
  background: black;
  overflow: hidden;
 background: #B8FFBC;
}
.blog-thumb img{
  width: 160px;
  opacity: 1;
  height: 100%;
}
.blog-items{
  padding: 0px 5px;
  width: 80%;
}


.blog-items p br{
  display: none;
}

.blog-items h2{
  line-height: 22px;
}


.blog-items a{
  text-decoration: none;
   
  font-size: 13px;
  color: #265278;
  transition: 0.3s;
  
}.blog-items a:hover {
  color:#08c372;
}.blog-items p{
  padding-bottom: 5px;
  font-size: 14px;
   
}.blog-items span{
  padding: 5px 0px;
  display: block;
  font-size: 12px;
   
  color: #666;
}
a.read-more {
  border:1px solid #08c372;
  color: #08c372;
  font-size: 18px;
  padding: 5px;
  transition:.3s;
  
  
}

a.read-more:hover {
  background: #08c372;
  color: white;
 
}


a.read-more-delete {
  border: 1px solid red;
  color: red;
  font-size: 18px;
  padding: 5px;
  transition: .3s;


}

a.read-more-delete:hover {
  background: red;
  color: white;

}



a.read-more-edit {
  border: 1px solid #265278;
  color: #265278;
  font-size: 18px;
  padding: 5px;
  transition: .3s;


}

a.read-more-edit:hover {
  background: #265278;
  color: white;

}





.blog-more{
  border: 2px solid #08c372;
  background-color: #fff;
  display: block;
  width: 150px;
  text-align: center;
  text-decoration: none;
  color: #08c372;
  font-size: 18px;
  font-weight: bold;
   
  padding: 10px 0px;
  transition: 0.3s;
  
  
}
.blog-more:hover {
  background: #08c372;
  color: white;
}





.more-blogs{
  display: flex;
  justify-content: space-between;
  margin: 0px 50px;
  padding: 20px 0px;
}

 

/*Mobile codes ______________________________________________________________________________________________________*/




 
 @media only screen and (max-width: 480px) {    
   
   section.web{
   display: block;
   
   padding: 0px 0px;
 }
 
 section.content-left{
   width: 100%;
 }
 section.content-right{
   width: 100%;
 }
   

   
  .themes-container{
   margin: 25px;
   
  }
   
  .themes-single{
    background: white;
    
    overflow: hidden;
    box-shadow: 0px 0px 10px 0px #999;
    width: 100%;
  }
   
   
  .themes-thumbnail{
    width: 93%;
    height: 250px;
    border-radius:10px;
    overflow: hidden;
    margin: 15px auto;
    background: #0a19e4;
  }
   
.themes-thumbnail img{
  width: 100%;
  height: 250px;
  
}
.themes-bottom{
  display: flex;
  justify-content: space-between;
  padding: 0px 10px 10px 10px;
}







    .themes-name {
      padding :10px;
      
    }
 .themes-name a{
   font-size: 22px;
   color: #002669;
   text-decoration: none;
  
   font-family: 'Righteous', cursive;
   font-weight: normal;
   
 }
   
   
  .themes-admin{
    font-size: 16px;
    font-weight: 400;
    
    color: #666;
  }
   
  .themes-price{
    font-size: 20px;
    color: #016900;
  }
  .themes-rank{
    color: #FFD600;
    font-size: 14px;
  }
   
   
  .themes-bottom-left{
  
  }
  
  a.preview{
    font-size: 10px;
  }
  
 .buy{
   padding: 0px;
   height: 0px;
   position: relative;
   background: #0a19e4;
    
   overflow: hidden;
   animation-name: buys;
   animation-duration: 1s;
   animation-fill-mode: forwards;
 }
   
@keyframes buys{
  from{ height:0px;
  
  }
  to{
    height: 550px;
   
  }
}





.buy-img{
  padding: 20px 10px;
  width: 100%;
}

.buy-img img{
  width: 100%;
  padding: 0;
}

.buy-ad{
  display: block;
}

.buy-ad-items{
  width: 100%;
}


.buy-ad-items h1{
  font-size: 22px;
  padding:0px 25px;
  color: white;
font-family: 'Righteous', cursive;
   font-weight: normal;
}

.buy-ad-items p {
  font-size: 16px;
  padding: 10px 25px;
  color: white;
}

.buy-ad-items h2 {
  font-size: 20px;
  padding: 10px 25px 0px 25px;
  color: black;
font-family: 'Righteous', cursive;
   font-weight: normal;
}


.buy-ad-items ul{
  list-style: square;
  padding: 10px 39px;
  font-size: 16px;
}


.custom-shape-divider-bottom-1647086625 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1647086625 svg {
    position: relative;
    display: block;
    width: calc(126% + 1.3px);
    height: 53px;
}

.custom-shape-divider-bottom-1647086625 .shape-fill {
    fill: #F3F6FD;
}

/** For tablet devices **/
@media (min-width: 768px) and (max-width: 1023px) {
    .custom-shape-divider-bottom-1647086625 svg {
        width: calc(115% + 1.3px);
        height: 55px;
    }
}

/** For mobile devices **/
@media (max-width: 767px) {
    .custom-shape-divider-bottom-1647086625 svg {
        width: calc(113% + 1.3px);
        height: 45px;
    }
}



.confirm-point{
  background: white;
  margin: 10px;
 padding-bottom: 15px;
  box-shadow: 0px 0px 5px 2px #ddd;
}

.confirm-point h2{
  background: #2ac001;
  color: white;
  font-size: 18px;
  text-align: center;
  padding: 5px 15px;
}
.confirm-point p{
  padding: 5px 15px;
  font-size: 16px;
  
}
.confirm-point input[type=submit]{
  background: #2ac001;
  color: white;
  width: 120px;
  text-align: center;
  padding: 12px 0px;
  margin-left: 80px;
  display: inline-block;
  border:none;
  outline:none;
}

.confirm-point a{
  background: red;
  color: white;
  width: 120px;
  text-align: center;
  padding: 5px;
  margin-left: 20px;
  display: inline-block;
  
}

.confirm-point ul li{
  background: #FFFFCB;
  color: black;
  padding: 15px;
  border: 1px solid #FF9797;
  margin: 5px;
}

.confirm-point ul li label{
  display: block;
}
.confirm-point ul li label:first-child{
  border-bottom: 1px solid #ddd;
}





 
   
  .themes-bottom-right a{
    text-decoration: none;
    color: white;
  }
    .themes-bottom-right a:first-child{
      background: #002669;
      padding: 10px 13px 10px 12px;
      position: relative;
      bottom: 5px;
      border-radius: 5px;
 
    }
    
      .themes-bottom-right a:last-child{
        background: #08c372;
        padding: 10px 15px;
        position: relative;
        bottom: 5px;
        border-radius: 5px;
        border:1px solid #002669;
        text-transform: capitalize;
        margin-left: 5px;
        transition: 0.3s;
      }
      
     .themes-bottom-right a:hover{
       background: #0a19e4;
     }
      
      
      
     .themes-container .heading h2:after{
        background-color: #F3F6FD; 
   
     }
     
       .themes-container .heading h2{
         padding-top:0px;
       }
      
        .themes-container .heading {
          margin-bottom:15px;
        }
      
         .themes-con .heading h2 {
           padding-top: 20px;
         }
      .themes-con .heading h2:after {
        background-color: #fff;
      
      }
      
     .themes-category{
       padding-bottom: 15px;
         
     }
     ul.sel-cat1{
     border: 1px solid #000;
       color: #fff;
       display: flex;
       justify-content: space-between;
       font-size: 18px;
        font-weight: bold;
       background: #0a19e4;
       padding: 10px;
       list-style: none;
      
       
     }
      
      ul.sel-cat1 li:first-child{
        width: 95%;
        padding-top: 3px;
      }
      ul.sel-cat1 li:last-child {
        width: 5%;
      }
      ul.sel-cat2{
        list-style: none;
        display: block;
        height: 0px;
         transition: 0.3s;
       overflow: hidden;
      
      }
      ul.sel-cat2 li{
        padding: 10px 10px;
        border-bottom: 0.5px solid #000;
        font-size: 16px;
        color: #fff;
        background: #0a19e4;
       
     
    
      }
      
     ul.sel-cat2 li a {
       display: block;
       
   
       font-size: 16px;
       color: #fff;
   
      
   text-decoration: none;
   
     }
     
     
    .show-cat ul.sel-cat2{
      height: 380px;
      
    }
     
     
   
   
  .details-photo{
  
   height: 250px;
  }
   
 .details-photo img{
   width:100%;
   height: 250px;
  
 }
   
   
  .details{
    padding: 25px;
    background: white;
  }
   
  .details-name{
    font-size: 26px;
    font-weight: bold;
    padding: 20px 0px 0px 0px;
   line-height: 28px;
   font-family: 'Righteous', cursive;
   font-weight: normal;
   
  }
   
  .details-price{
    display: flex;
    padding: 10px 0px;
    border-bottom: 0.5px solid #ddd;
  }
   
  .details-price-single{
    width: 80%;
    
  }
 .details-price-single ul{
   list-style: square;
   padding-left: 15px;
   font-size: 16px;
   text-transform: capitalize;
 }
 
.details-price-single ul li:first-child span{
  color:#0a19e4;
}

.details-price-single ul li:nth-child(2) span {
    color: #00AB01;
  } 
   
   
  .details-price-double{
    width: 20%;
    font-size: 14px;
    
    color: #FFD100;
  }
 .details-info{
   font-size: 13px;
   border-top: 0.5px solid #ddd;
   padding: 10px 0px;
   
   
 }
.details-info p{
  text-align: center;
  padding: 5px;
}

.details-info p:last-child{
  color: red;
}
   
.details-features h3{
  font-size: 16px;
  line-height: 20px;
  color: #0a19e4;
  padding-top:10px;
}

.details-features ul{
  padding: 10px 0px 10px 15px;
  font-size: 16px;
  list-style: square;
}


.details-contact{
  
}


.details-contact h3 {
  font-size: 16px;
  line-height: 20px;
  color: #0a19e4;
  padding-top: 10px;
}

.details-contact ul{
  padding: 20px 0px;
  justify-content: space-between;
  display: flex;
}

.details-contact ul li{
  width: 30%;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0px 0px 5px #ddd;
  
}


.details-contact ul li:first-child{
  background-color: #0a19e4;
}
   
.details-contact ul li:nth-child(2) {
  background-color:#008E1E;
}   

.details-contact ul li:last-child {
  background-color: #0042FF;
}
   
   
 
.details-contact ul li a{
  font-size: 14px;
  color: white;
  width: 100%;
  display: block;
  text-align: center;
  padding: 8px 0px;
    transition: 0.3s;
}

.details-contact ul li a i{
  padding-right: 5px;
}


.details-contact ul li:hover a{
  transform: scale(1.2);

}


 

   
/****************Header mobile************/
   
   
   
   
   .container {
       margin: 0px 10px;
   
   
     }
        
      .headermain {
                
                background-color: white;
                position: ;
                z-index: 99;
                top: 0;
                box-shadow: 0px 0px 10px #000;
                
                border: none;
            }
        
        
        
        
        
.navborder {
   background-color: black;
    height: 2px;
    display: flex;
 
}

.single-border {
    
    background-color: #0a19e4;
    height: 100%;
    width: 100%;
    
}

            
            
        
        .nav-wrapper{
            display: flex;
            justify-content: space-between;
        }      
            
        
            
            
            
            
            .nav-logo{
                width: 50%;
                

            }
            
      .nav-logo img{
                            
          padding: 7px 0px;
           
                        }

.main-menu{
  
}
 
 .menu-icon {
   display: block;
 }
          
          .nav-bar-web{
            display: none;
          }
          
          
          
          
          .menu-icon{
           
             background: #0a19e4;
              font-size: 20px;
              color: #fff;
              margin: 10px 0px 10px 75%;
              width: 35px;
              padding: 7px 0px 4px 15px;
          }

            .menu-bars{
                background-color: rgba(0,0,0,0.5);
                height: 100%;
                position: fixed;
                width: 100%;
                top: 0;
                left: 0;
                bottom: 0;
                z-index: 999;
           display: none;    
               backdrop-filter: blur(5px);
                
                
            }
             
              
              .bars-items{
                  position: fixed;
                  top:0px;
                  bottom: 0px;
                  right: 0px;
                 background-color: white;
                 width: 75%;
                 padding: 20px;
                 transform: scaleX(0);
                 transform-origin: right;
                 transition: 0.5s;
                   z-index: 999;
                   display: block;
                   border-radius: 20px 0px 0px 20px;


             }
             
   .bars-top{
     font-size: 14px;
     padding-bottom: 40px;
     
   }         
   
  .bars-top span{
    float: right;
    
    padding: 5px 10px;
    cursor: pointer;
    color: #6E6E6E;
  }          
             
             
             
             
             
             ul.bars-ul{
                 list-style: none;
                 display: flex;
flex-wrap: wrap;
padding: 10px 0px;
             }
             ul.bars-ul li a{
                 text-decoration: none;
                 color: #265278 ;
                 font-size: 14px;
                 padding: 5px 0px;
            display: block;
            width: 100%;
 
                 
                 
             }
            ul.bars-ul li {
              width: 50%;
               
            }
            
            ul.bars-ul li a i{
              color: #E6456C;
              padding-right: 5px;
            }
            
             
             .bars-items h2{
                 font-size:16px;
                 padding: 10px 5px 10px 5px;
                text-transform: capitalize;
                color: black;
                border-bottom: 1px solid #ddd;
        
            }
    

            ul.bars-ul li a .fas{
                color: #E6456C;
                font-size: 16px;
            }
            
            .active .menu-bars{
               display: block;
            }
                        .active ul.bars-ul li a .fas{
                           
                        }
                         .active .bars-items{
       transform: scaleX(1);
                         }    
                                      .bars-icon .fa-times{
                 display: none;
             }
                         

             
             .header-nav-bar{
               display: block;
                 
                 background-color: white;

             }
             
              
              .header-nav-bar ul{
                  display: flex;
                  justify-content: space-between;
                  list-style: none;
                  text-align: center;

              }
             .header-nav-bar ul li a{
                 text-decoration: none;
                 color: #000;
             text-transform: uppercase;
                 font-size: 10px;
                 font-weight: bold;
                 text-align: center;
              
              width: 100%;          
              
             }
             
             .header-nav-bar ul li {
               border-left: 0.5px solid #0a19e4;
                 padding: 10px 5px;
               width: 25%;
                 

                
                 
             }
             
        
             
             
             .header-nav-bar ul li:hover{
              background-color: #f2f2f2;

                
             }
                          .header-nav-bar ul li:hover a{
            color: #E6456C;}
             
             
                          .header-nav-bar ul li:first-child{
           border:none;
                          }
                          
                          
 
 
 
 
 
 
 
 
      /* Header ENDED------------------------  --*/

 /* POPULAR BOOKS------------------------  --*/      
 
  
  .popular-books{
      background-color: white;
      margin: 10px 0px;
      width: 100%;
  }
   
   .heading{
       overflow: hidden;


   }
 .heading h2{
     padding-top: 20px;
     font-size: 22px;
     text-align: center;

     color: #08C372;
     font-weight: 700;
              	position: relative;
              	overflow: hidden;
z-index: 0;
font-family: 'Righteous', cursive;
   font-weight: normal;
    
 }
  
   
  
  
  
  
  
  .heading-after{
       background-color:#08C372;
      height: 3px;
      width: 100px;
      border-radius: 5px;
         	position: relative;
      margin: 10px auto;
      z-index: 0;
      overflow: hidden;
      
  }
   .heading-after:after{
       background-color:white;
      height: 6px;
      width: 10px;
     content: '';
     display: block;
     position: absolute;
      top: -1;
      animation-name: head-animation;
      animation-timing-function: linear;
      animation-duration: 2s;
      animation-iteration-count: infinite;

      
      
  }
 
 
  @keyframes head-animation {
      from{
          transform: translateX(0px);
      }
      to {
                    transform: translateX(90px);
      }
  }
 
 

  
    /* CATEGORY STARTED------------------------  --*/ 
  
   .category {
       margin: 5px 5px 0px 5px;
       background-color: white;
       
   }
  
   
   .category h2{
       
        
       background-color:  #08C372;
       padding: 5px 10px 0px 10px;
       color: white;
       text-shadow: 2px 2px #666;
       
   }
                ul.cat-ul{
                 list-style: none;

             }
             ul.cat-ul li a{
                 text-decoration: none;
                 color: #265278 ;
               
                  
font-size: 18px;
                 
                 
             }
            ul.cat-ul li {
                padding: 10px 5px;
                border: 1px solid #ddd;                 color: #265278 ;
                 font-size: 18px;
                  

position: relative;
            }
            
             
/*
         ul.cat-ul li:nth-child(2) {
                background-color: #ddd;            
                        }
            ul.cat-ul li:nth-child(4) {
                background-color: #ddd;            
                        }             
                      ul.cat-ul li:nth-child(6) {
                background-color: #ddd;            
                        }
             ul.cat-ul li:nth-child(8) {
                background-color: #ddd;            
                        }            
                                     ul.cat-ul li:nth-child(10) {
                background-color: #ddd;            
                        }      
                                     ul.cat-ul li:nth-child(12) {
                background-color: #ddd;            
                        }      */

            ul.cat-ul li a .fas{
                color: #E6456C;
                font-size: 16px;
            }
            
                        ul.cat-ul li .fas{
                color: #E6456C;
                font-size: 20px;
                padding: 5px;
                border: 1px solid #ddd;
            }
            
            
      ul.cat-ul ul{

         left: 0;
         list-style: none;
         border: 2px solid #ddd;
         top: 45px;
         transition: 0.3s;
         transform: scaleY(0);
         
         transform-origin: top;

         position: absolute;
         z-index: 9;
         width:100%;
         background-color: #fff;
      }      
     
        
        ul.sub-cat li .fa-angle-down{
            float: right;
            background-color:red;
        }
       
       .cat-show ul.sub-cat{
          
           transform: scaleY(1);

       }
       ul.cat-ul li ul li{
           background-color: white;
           padding: 5px 5px;
       }
       
                /*     ul.sub-cat  li:nth-child(2) {
                background-color: #fff;            
                        }
            ul.cat-ul li ul li:nth-child(4) {
                background-color: #fff;            
                        }             
                      ul.cat-ul li ul li:nth-child(6) {
                background-color: #fff;            
                        }
             ul.cat-ul li ul li:nth-child(8) {
                background-color: #fff;            
                        }            
                                     ul.cat-ul li ul li:nth-child(10) {
                background-color: #fff;            
                        }      
                                     ul.cat-ul li ul li:nth-child(12) {
                background-color: #fff;            
                        }      
*;
      
            
   
    /* CATEGORY ENDED------------------------  --*/
    .slider-container a{
      text-decoration: none;
    }
    
    
   button.search{
      
      width: 200px;
      text-align: center;
      display: block;
      margin:10px auto;
     background:#08c372;
     font-size: 20px;
     
     font-weight: bold;
     color: white;
     border: none;
     border-radius: 3px;
     padding: 7px 0px 3px 0px;
    }
    button.search i{
      padding: 0px;
      background: transparent;
    }
    
    
    #searchbar{
      
  visibility: visible;
      
      
    }
   .search-box{
      display: flex;
      background: white;
      margin: 5px; 
      box-shadow: 0px 5px 5px 2px #CBCBCB;
     
    }
   .search-box-input {
     width: 85%;
     margin: auto;
     
     overflow: hidden;
     padding: 0px 10px;
        
      }
  .search-box-input input{
    width: 100%;
    font-size: 20px;
    padding: 5px 10px;
     color: #08c372;
     border:none;
     outline: none;
      
   }
  .search-box-button{
    width: 15%;
    margin: auto;
    display: block;
   
    
  }
    
   .search-box-button button{
     width: 100%;
     background: #08c372;
     padding: 4px 0px;
     border: none;
     outline: none;
     
   }
   
     .search-box-button button i{
       background: transparent;
     }
  
 /* FOOTER STARTED------------------------*/     
 
 
 .footer {
     color: white;
     background-color: #000;
    overflow: hidden;
    width: 100%;
 }

 
 
 
 .footer-wrapper{
     display: flex;
     
    padding: 10px 25px;
 }
 
 .footer-single {
    padding: 0;
     width: 50%;
    
     margin: 0;
     
 }
.footer-single ul{
  list-style: none;
  padding: 0;
}
 
 
.footer-single ul li a i{
  padding-right: 5px;
}
  
.footer-single ul li i {
  padding-right: 5px;
}
 
  .footer-single ul li a{
      text-decoration: none;
      color: #e5e5e5;
     font-size: 16px;
       
  
      
  }
 
   .footer-single ul li{
       padding-top: 12px;
             font-size: 16px;
      
   }

 
 
    
.footer-top ul{
 display: flex;
 list-style: none;
 justify-content: space-between;
 padding: 10px 25px;
 width: 89%;
 
 
}

.footer-top ul li{
  width: 20%;
  position: relative;
 border-radius: 5px;
}
.footer-top ul li a{
  color: white;
  display: block;
  width: 100%;
  font-size: 16px;


 height: 35px;
}


.footer-top ul li a i{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}





#email{
  background: #C30000;
  
}
 #phone{
  background:  #00AD16;
 }
 #fb{
   background: #0060FF;
 }
 #yt{
   background: #FF0000;
 }
 
 
.footer-bottom {
    border-top: 1px solid #f2f2f2;
    padding: 5px;
    text-align: center;
     
    font-size: 16px;
}

.footer-bottom a{
    text-decoration: none;
    color: white;
    font-size: 16px;
    font-weight: bold;
   
    
}


 /* FOOTER ENDED------------------------*/      
 
 
 .blog {
  background: #fff;
  padding: 20px 25px 0px 25px;
  margin: 0px;
}


.single-blog{
  background: white;
  margin: 0px 0px;
  border: none;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
  width: 100%;
}


.blog-wrapper{
  display: block;
  
}



.blog-heading{
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
}



.blog-heading-name h2{
  color: #08c372;
  font-size: 18px;
  text-align: center;
  
  font-weight: 700;
 padding: 3px 8px;
  border-left: 3px solid #08c372;
  margin-left: 0px;
}
.blog-heading-span{
  padding: 8px 0px;
 color: #FF7100;
}
.blog-heading-span a{
  color: #004C99;
  text-decoration: none;
}



.blog-item{
  display: flex;
}

.blog-thumb{
  width: 160px;
  height: 100px;
  background: black;
  overflow: hidden;
 background: #B8FFBC;
}
.blog-thumb img{
  width: 160px;
  opacity: 1;
  height: 100%;
}
.blog-items{
  padding: 0px 5px;
  width: 80%;
}


.blog-items p br{
  display: none;
}

.blog-items h2{
  line-height: 22px;
}


.blog-items a{
  text-decoration: none;
   
  font-size: 13px;
  color: #265278;
  transition: 0.3s;
  
}.blog-items a:hover {
  color:#08c372;
}.blog-items p{
  padding-bottom: 5px;
  font-size: 14px;
   
}.blog-items span{
  padding: 5px 0px;
  display: block;
  font-size: 12px;
   
  color: #666;
}
a.read-more {
  border:1px solid #08c372;
  color: #08c372;
  font-size: 18px;
  padding: 5px;
  transition:.3s;
  
  
}

a.read-more:hover {
  background: #08c372;
  color: white;
 
}


a.read-more-delete {
  border: 1px solid red;
  color: red;
  font-size: 18px;
  padding: 5px;
  transition: .3s;


}

a.read-more-delete:hover {
  background: red;
  color: white;

}



a.read-more-edit {
  border: 1px solid #265278;
  color: #265278;
  font-size: 18px;
  padding: 5px;
  transition: .3s;


}

a.read-more-edit:hover {
  background: #265278;
  color: white;

}





.blog-more{
  border: 2px solid #08c372;
  background-color: #fff;
  display: block;
  width: 150px;
  text-align: center;
  text-decoration: none;
  color: #08c372;
  font-size: 18px;
  font-weight: bold;
   
  padding: 10px 0px;
  transition: 0.3s;
  
  
}
.blog-more:hover {
  background: #08c372;
  color: white;
}





.more-blogs{
  display: flex;
  justify-content: space-between;
  margin: 0px 50px;
  padding: 20px 0px;
}

 
 .post {
 background-color: white;
 margin: 0px;
 padding: 20px;
 
}

.post-header {
  background: white;
  padding: 5px 0px;
  color: #666666;
   
  
  font-weight: normal;
  font-size: 14px;
  
  
}
.post-header i{
  font-size: 10px;
}
.post-header a{
  text-decoration: none;
 color: #666666;
}
.post-thumb{
  margin: 10px 0px 5px 0px;
  position: relative;
  overflow: hidden;
}
.post-thumb img{
  width: 100%;
  
  
}

.watermark{
  position: absolute;
  background: #08c372;
  padding: 2px 30px;
  font-size: 10px;
   
  color: white;
 right: -25px;
  transform: rotate(-30deg);
  bottom: 18px;
  opacity: 0.8;
  
}

.post-thumb2 {
  margin: 10px auto;
  position: relative;
  overflow: hidden;
  width: 200px;
}

.post-thumb2 img {
  width: 100%;


}

.watermark2 {
  position: absolute;
  background: #08c372;
  padding: 2px 30px;
  font-size: 10px;
   
  color: white;
  right: -25px;
  transform: rotate(-30deg);
  bottom: 18px;
  opacity: 0.8;

}





.post h2{
  
  overflow-wrap: break-word;
 

  padding: 20px 0px;
  color: #08c372;
  font-size: 18px;
  text-align: center;
  
  font-weight: 700;
 padding: 3px 8px;
 border: none;
  border-left: 3px solid #08c372;
 
}





.post p{
   
  overflow-wrap: break-word;
  overflow: hidden;
  padding: 0px;
}

.post  article{
   
  color: black;
  overflow-wrap: break-word;
  overflow: hidden;
  padding: 0px;
}

.post article p{
  padding: 10px 0px;
}

.post article blockquote{
  background: #000;
  padding: 60px 20px 10px 20px;
  color: white;
  position: relative;
}

.post article blockquote:after{
  content: 'Copy Codes';
  display: block;
  color: red;
  position: absolute;
  top: 20px;
  left: 20px;
  border-left: 3px solid red;
  padding: 0px 10px;
}



.post p img{
  width: 100%;
}


.post article img{
  width: 100%;
}

.post article iframe{
  width: 100%;
}

.post article{
  overflow: hidden;
}

.post-footer{
  background: #E6456C;
  padding:5px;
   
  color: white;
}

.post-author{
   
  background-color: white;
  margin: 0px;
  padding: 20px;
  
}



h2.title{
  color: #08c372;
  font-size: 18px;
  
  
  font-weight: 700;
 padding: 3px 8px;
  border-left: 3px solid #08c372;
  margin-left: 0px;
  margin-bottom: 20px;
}


.post-author a{
   
  text-decoration: none;
  color: #08c372;
  
}
.post-author-wrapper{
  display: flex;
  
}
.post-author-avatar{
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  overflow: hidden;
  padding: 0px;
  background: #D6FFC7;
  
}

.post-author-avatar img{
  width: 100%;
  height: 100%;
}
.post-author-items{
  padding: 0px 10px;
}

.post-author-items h2{
  line-height: 20px;
  font-size: 18px;
  text-transform: capitalize;
}

.post-author-role{
   
  font-size: 12px;
  color: #777777;
  text-transform: capitalize;
  padding:10px 0px;
}

.post-author-items p{
  font-size: 16px;
}




 
 
                                
.admin {
    margin: 5px;
}

.admin-wrapper{
    display: flex;
    justify-content: space-between;
    padding: 10px 10px;
    flex-direction: row;
    
    flex-wrap: wrap;
    
}
    
    
    .admin-single {
      
        width: 300px;
        background-color: white;
        border: 1px solid #ddd;
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 0px 5px #ddd;
        margin: 10px auto;
    }
    
    .admin-top{
        background-color: #0a19e4;
        height: 150px;
        border-radius: 0px 0px 50% 50%;
        width: 120%;
        position: absolute;
        top: -60px;
        left: -10%;
    }
    
    .admin-top-border {
        background-color: #0a19e4;
        height: 100px;
        width: 100px;
        margin: auto;
        border: 2px solid white;
        border-radius: 50%;
        position: absolute;
        top:90px;
        left: 50%;
        overflow: hidden;
        transform: translateX(-50%);
       
    }
    
    .admin-bottom{
        padding-top: 140px;
    }
    
   .admin-top-border img{
     width: 100%;
   }
   
  .admin-item{
    padding: 10px;
  }
 .admin-item h2{
   text-align: center;
   font-size: 16px;
   color: #0a19e4;
  
   
 }
  .admin-item p{
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    color: #666;
    text-align: center;
    
                 
    
   
  }
 p.admin-bio {
   border-bottom: 1px solid #ddd;
   text-align: center;
 }
   
   .admin-item a{
     text-decoration: none;
     text-align: center;
     display: block;
     border: 2px solid #0a19e4;
     margin: 10px 0px;
     color:  #0a19e4;
     font-weight: bold;
     padding:5px;
     border-radius: 10px;
     font-size: 16px;
     
                 
    
   }
   
  .admin-item a:hover {
    background-color: #0a19e4;
    color: white;
  }
  
 
 
  .add-post{
    padding: 20px 0px;
       margin: 25px 0px;
       box-shadow: 0px 0px 5px 5px #ddd;
       position: relative;
       overflow: hidden;
     }
  .add-post h2{
    margin:0px 25px;
    padding: 5px 0px;
  
    display: inline-block;
    border-bottom: 3px solid #00B597;
    font-size: 18px;
  }
  
 .add-books-input{
   padding: 5px;
   margin: 15px 25px;
   background: #00000014;
   border-radius: 5px;
   box-shadow: 0px 0px 5px #ddd;
   border: 1px solid #00FFD42E;
 }
.add-books-input input{
  background: transparent;
  width: 97%;
  padding: 5px;
  font-size: 16px;
  color: black;
  border: none;
  outline: none;
}
.add-books-input input::placeholder{
  color: black;
  opacity: 0.5;
  
}


.add-books-input textarea{
  background: transparent;
  width: 97%;
  padding: 5px;
  font-size: 16px;
  color: black;
  border: none;
  outline: none;
}

.add-books-input textarea::placeholder {
  color: black;
  opacity: 0.5;
  
}

.add-post-buttons{
  margin: 10px 25px;
  
}

.add-post-buttons button{
  padding: 10px 20px;
  border: 1px solid #00FFD42E;
}



button.add-button{
  margin:10px 25px 25px 25px;
  border: none;
  outline: none;
  background:  #00B597;
  color: white;
  padding: 10px 20px;
  font-weight: bold;
}


.add-post label{
  
 padding: 10px 25px;
 
}

.add-books-li{
  
}

.add-books-li ul{
  
}



ul.select{
  display: flex;
 
list-style: none;
border: 1px solid black;
font-size: 16px;
margin-right: 0px;
position: absolute;
bottom: 295px;
left: 25px;
right: 25px;
   background: #00000014;
   border-radius: 5px;
   box-shadow: 0px 0px 5px #ddd;
   border: 1px solid #00FFD42E;
}
ul.select li{
  padding: 10px 10px;
  
  text-overflow: ellipsis; 
  
}

ul.select li i{
  position: absolute;
  left: 90%;
}


ul.gallery{
  background: white;
 position: absolute;
bottom: 240px;
  list-style: none;
  left: 25px;
 right: 25px;
 visibility: hidden;
 border-radius: 5px;
 
}

ul.gallery li{
  position: relative;
  left: 0px;
  padding: 10px ;
    background: #42445A70;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ddd;
    border: 1px solid #00FFD42E;
    margin-bottom: 5px;
}

ul.gallery li:last-child{
  margin-bottom: 0px;
}

.showcat ul.gallery{
  visibility: visible;
}













 
 }