@charset "utf-8";
/* CSS Document */

.library{
	min-height:600px;
}
.form-step{
	display:none;
}
.form-step.current{
	display:block;
}
.form-step button, .form-step a{
	font-family: "Futura Bk BT", "Futura Md BT";
	font-size:1rem;
}
input::placeholder{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.85rem;
}
input::value{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:1rem;
}
.upload{
	height:50px;
	border-radius:10px;
}
.lib{
	position:relative;
	width:150px;
}
.lib .overlay{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
	display:flex;
	opacity:0;
	transition:opacity 0.3s ease;
}
.lib:hover .overlay{
	opacity:1;
}

.preview{
	min-height:900px;
	margin-top:7%;
}
.preview h4{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2.5rem;
}
.preview h5{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2rem;
}
.rate{
	direction:rtl;
	flex-direction:row-reverse;
	justify-content:center;
}
.rate input[type="radio"]{
	display:none;
}
.rate label{
	font-size:1.4rem;
	color:rgb(211,211,211);
	cursor:pointer;
	transition: color 0.2s;
}
.rate input[type="radio"]:checked ~ label{
	color:rgb(255,215,0);
}
.rate label:hover,
.rate label:hover ~ label{
	color:rgb(255,165,0);
}
.checked{
	color:rgb(255,165,0);
}
.comm{
	font-family: "Futura Bk BT", "Futura Md BT";
	font-size:1rem;
	letter-spacing: 1px;
}
hr{
	width:80%;
	background:rgb(0,0,0);
}
iframe{
	width:100%;
	height:82vh;
	border-top:1px solid rgb(0,0,0);
	border-bottom:1px solid rgb(0,0,0);
}
.pl-left{
  padding-left:5rem !important;
}
th,td{
	font-family:"Futura Md BT", "Futura Bk BT";
	font-size:0.85rem;
}
.ml-tab{
	margin-left:6rem !important;
}
.book-sw{
	position:relative;
	overflow:hidden;
	width:100%;
	padding:10px 30px;
}
.book-st{
	display:flex;
	overflow-x:auto;
	scroll-behavior:smooth;
	gap:1rem;
	scrollbar-width:none;
}
.book-st::-webkit-scrollbar {
	display:none;
}
.book-card{
	min-width:16%;
	flex-shrink:0;
}
.prev,
.next{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	background:rgba(0,0,0,0.5);
	color:white;
	border:none;
	z-index:10;
	cursor:pointer;
	font-size:1rem;
	text-align:center;
	padding:0 10px;
	border-radius:100px;
	height:35px;
}
.prev{
	left:0.5%;
}
.next{
	right:0.5%;
}
ul li a:hover{
	text-decoration:underline;
}




@media (max-width: 576px){
.preview{
	margin-top:22%;
}
.preview img{
    height:350px;
}
.preview h4{
	font-size:2rem;
}
.preview h5{
	font-size:1.6rem;
}
.rate label{
	font-size:1.2rem;
}
.ml-tab{
	margin-left:0rem !important;
}
.upload{
	width:100% !important;
	height:50px;
}
.book-card{
	min-width:15% !important;
}
.prev,
.next{
    display:none;
}
.tog{
	width:10%;
	border:1px solid rgb(0,0,0);
	display:block !important;
}
}