ul{
  line-height: 1.2;
}
.showdot{
  list-style-type: disc;
}

.background-white-gray{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 15%, rgba(137,137,137,1) 16%, rgba(137,137,137,1) 85%, rgba(248,249,250,1) 86%, rgba(248,249,250,1) 100%);

}
  .book {
  width: 384px;
  position: absolute;
  left: 24px;
  top: 24px;
  } 


.overlay-item-no-of {
    position: absolute;
    top: 0;
    left: 0;
    height: 90%;
}

.float-left {
  left: -20px;
  top: -20px;
  position: relative;
}

.green{
  background-color: #008D36;
}

.bg-gray{
  background-color: #ebebeb!important;
}


.form-control {
  border: solid 2px #008D36;
  font-size: 1.1rem !important;
  width: 100%;
  border-radius: 10px;
}
@media (min-width: 320px) {
  .text-bar {
   font-size: 12px;
}
}
@media (min-width: 375px) {
  .text-bar {
   font-size: 14px;
}
}
@media (min-width: 428px) {
  .text-bar {
   font-size: 16px;
}
}
@media (min-width: 520px) {
  .text-bar {
   font-size: 19px;
}
  .book-movile: {
    w
  }
}
@media (min-width: 660px) {
  .text-bar {
   font-size: 24px;
}
}
@media (min-width: 768px) {
  .float-left {  left: -40px; }
  .star-img {
    width: 50rem; 
    position: relative;
  }
}

.w-85{
  width: 85%;
}
@media (min-width: 992px){
.book{
  width: 370px;
  position: absolute;
  left: 24px;
  top: -28rem;
  }
}

@media (min-width: 1093px){
.book{
  width: 370px;
  position: absolute;
  left: 24px;
  top: -27rem;
  }
}

@media (min-width: 1176px){
.book{
  width: 362px;
  position: absolute;
  left: 24px;
  top: -25rem; 
  }
}

@media (min-width: 1200px){
.book{
  width: 370px;
  position: absolute;
  left: 24px;
  top: -28rem;
  }
}


@media (min-width: 1406px){
.book{
  width: 370px;
  position: absolute;
  left: 24px;
  top: -27rem;
  }
}

@media (min-width: 1512px){
.book{
  width: 357px;
  position: absolute;
  left: 68px;
  top: -25rem;
  }
}

@media (min-width: 2166px){
.book{
  width: 370px;
  position: absolute;
  left: 78px;
  top: -27rem;
  }
}