/*-------------------------------------------------------------------*/
/* === VIRGINIA READERS CHOICE MODULE CSS === */
/*-------------------------------------------------------------------*/
:root {
  scroll-behavior: smooth;
}
body {
  font-family: 'Poppins';
  background: #ffffff;
  color: #444444; 
}
a {
  color: #4154f1;
  text-decoration: none !important;
}
a:hover {
  color: #717ff5;
  text-decoration: none;
}
p{
  margin: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins';
  margin: 0px;
}
.accordion-button:focus {
  box-shadow: none;
}

/*--------------------------------------------------------------
# VIRGINIA HEADER CSS START
--------------------------------------------------------------*/
.vrc-top {
  background: #85B0A1;
  height: 51px;	
}
.vrc-top ul {
  padding: 0;
  list-style: none;
  display: flex;
  float: right;
  margin: 0;
}
.vrc-middle {
  padding: 0px 0px;
  background: #FFFFFF;	
}
.vrc-middle .navbar {
  padding: 30px 0px;
}
.vrc-last {
  background: #85B0A1;
  height: 43px;	
}
.vrc-middle .navbar-text {
  font: normal normal 600 36px/58px Poppins;
  color: #7a9093; 
  text-align: center;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;	
}
.vrc-middle .navbar-brand {
  font: normal normal bold 24px/35px Poppins;
  color: #7A9093;
}
.vrc-middle .nav-link {
  font: normal normal 600 36px/36px Poppins; 
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
}

/*--------------------------------------------------------------
# VRC ORDER FORM PAGE CSS START
--------------------------------------------------------------*/
.vrc-wrapper {
  padding: 60px 0px;	
}
.vrc-title {
  font: normal normal 600 28px/40px Poppins; 
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
}
.vrc-subtitle {
  text-align: left;
  font: normal normal 400 18px/32px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.vrc-buttons-bx {
  display: flex;
  justify-content: space-between;  
}
.vrc-btn {
  background: #85B0A1 !important;	
  border: none !important;
  font: normal normal 400 15px/30px Poppins !important;
  padding: 10px 0px !important;
}
.vrc-table {
  border-color: #a5a5a5;
}
.vrc-table thead th {
  text-align: center;  
  font: normal normal 600 15px/50px Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;  
  padding: 0px;
}
.vrc-table tbody td {  
  text-align: center;
  font: normal normal 400 15px/50px Poppins;
  letter-spacing: 0px;
  color: #686868;
  opacity: 1;  
  padding: 0px 10px;
}
.vrc-input {
  height: 28px;
  text-align: center;
  background: none;
  border: none;
  width: 100px;  
}
.vrc-input:focus {
  box-shadow: none;
  outline: none;  
}
.vrc-spin {
  height: 35px;
  border: none;
  width: 70px;
  text-align: center;
}
.vrc-spin:focus {
  box-shadow: none;
  outline: none;  
}
.vrc-table i {
  color: #7A9093;
  opacity: 1;
  font-size: 20px;
}
.vrc-next-btn {
  padding: 8px 60px !important;
  background: #7A9093 !important;
  border: none !important;
  margin-bottom: 50px;
}

/*--------------------------------------------------------------
# VRC SHOP PAGE CSS START
--------------------------------------------------------------*/
.vrc-shop-wrapper {
  padding: 60px 0px;
}
.vrc-book-title {
  margin: 0px 15px 15px 15px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 6px;
}
.vrc-book-title h3 {
  text-align: left;
  font: normal normal bold 30px/30px Poppins;
  letter-spacing: 0px;
  color: #85B0A1;
  opacity: 1;
  margin: 0px;
  padding-bottom: 6px;
}
.vrc-products-overflow {
  overflow: hidden;
}
ul.vrc-products {
  margin-bottom: 0;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}
ul.vrc-products li.vrc-product {
  padding-left: 15px;
  padding-right: 15px;
  list-style: none;
  margin-bottom: 30px;
  position: relative;
  transition: all .3s ease;
  width: 50%;
}
.vrc-product-block {
  position: relative;
  transition: all .3s ease;
}
ul.vrc-products li.vrc-product img {
  display: block;
  margin: 0 auto;
  width: 100%;
  border-radius: 0px;
}
ul.vrc-products li.vrc-product .vrc-product-caption {
  position: relative;
  padding-top: 10.11px;
}
.vrc-product-title { 
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font: normal normal 600 18px/31px Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
}
.vrc-product-btn {
  background: #E3C461 !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 1px solid #707070 !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  color: #3C3C3C !important;
  font: normal normal 600 12px/26px Poppins !important;
  padding: 4px 6px !important;
}
.author {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  font: normal normal 600 16px/31px Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
  margin: 0px;
  padding-bottom: 10px;  
}
.vrc-price {
  text-align: left;
  font: normal normal 600 18px/1 Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
  padding: 10px 0px; 	
}

@media (min-width: 768px) {
	ul.vrc-products.vrc-columns-1 li.vrc-product {
		flex: 0 0 100%;
		max-width: 100%;
	}
	ul.vrc-products.vrc-columns-2 li.vrc-product {
		flex: 0 0 50%;
		max-width: 50%;
	}
	ul.vrc-products.vrc-columns-3 li.vrc-product {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	ul.vrc-products.vrc-columns-4 li.vrc-product {
		flex: 0 0 25%;
		max-width: 25%;
	}
	ul.vrc-products.vrc-columns-5 li.vrc-product {
		flex: 0 0 20%;
		max-width: 20%;
	}
	ul.vrc-products.vrc-columns-6 li.vrc-product {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}
}

.vrc-shop-back {
  margin-bottom: 30px;
}
.vrc-back-btnn {
  background: #E3C461 !important;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #707070 !important;
  border-radius: 8px !important;
  opacity: 1;
  height: 45px;
  color: #3C3C3C !important;
  font: normal normal 600 18px/31px Poppins !important;
}
.vrc-aside-wrapper ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.vrc-aside-wrapper ul li {
  text-align: left;
  font: normal normal 600 18px/30px Poppins;
  letter-spacing: 0px;
  color: #85B0A1;
  opacity: 1;
  padding-bottom: 7px;
}
.vrc-aside-wrapper ul li a {
  color: #7A9093;
}
.vrc-aside-wrapper h3 {
  text-align: center;
  font: normal normal 600 20px/1 Poppins;
  letter-spacing: 0px;
  color: #85B0A1;
  opacity: 1;
  margin: 0px;
  padding-bottom: 6px;
}
.vrc-search-wrapper {
  padding-top: 36px;
}

/*--------------------------------------------------------------
# VRC SHOP DETAIL PAGE CSS START
--------------------------------------------------------------*/
.vrc-details-wrapper {
  padding: 120px 0px 60px 0px;	
}
.vrc-product-description h2 {
  text-align: left;
  font: normal normal 400 40px/46px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0px;
  padding-bottom: 10px;
}
.vrc-product-description h6 {
  text-align: left;
  font: normal normal normal 20px/25px Poppins;
  letter-spacing: 0.4px;
  color: #2E2E2E;
  margin: 0px;
  padding-bottom: 10px;
  opacity: 1;
}
.vrc-detail-block {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-around;
  padding-left: 80px;
}
.vrc-product-description .vrc-price {
  text-align: left;
  font: normal normal 600 20px/25px Poppins;
  color: #0caf1f;
  opacity: 1;
  margin-bottom: 15px;
}
.vrc-paper-pack {
  display: flex;
}
.vrc-paper-pack a {
  font: normal normal 400 16px/20px Poppins;
  border: 1px solid #ccc;
  color: #999999;
  border-radius: 5px;
  padding: 10px 20px;
}
.vrc-btn-wrapper {
  display: flex;
  align-items: center;
}
.vrc-block-btn1 {
  margin-right: 30px !important;
  background: #E3C461 !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  font: normal normal 600 18px/24px Poppins !important;
  letter-spacing: 0px !important;
  color: #3C3C3C !important;
  opacity: 1 !important;
  padding: 10px 30px !important;
}
.vrc-block-btn2 {
  background: #7A9093 !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  font: normal normal 600 18px/24px Poppins !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  padding: 10px 30px !important;
}
.vrc-btm-inner {
  border-top: 1px solid #707070;
  padding: 30px 0px 96px 0px;
}
.vrc-btm-description h3 {
  text-align: left;
  font: normal normal bold 25px/30px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  margin: 0px;
  padding-bottom: 17px;
}
.vrc-btm-description p {
  text-align: left;
  font: normal normal 400 16px/26px Poppins;
  letter-spacing: 0.6px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0px;
}
.vrc-btm-product-detail h4 {
  text-align: left;
  font: normal normal bold 25px/30px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  margin: 0px;
  padding-bottom: 17px;
}
.vrc-btm-product-detail p {
  text-align: left;
  font: normal normal 400 16px/26px Poppins;
  letter-spacing: 0.4px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0px;
  padding-bottom: 12px;
}

/*--------------------------------------------------------------
# VRC CHECKOUT PAGE CSS START
--------------------------------------------------------------*/
.vrc-checkout-wrapper {
  padding: 40px 0px;
}
.vrc-bill-title {
  text-align: left;
  font: normal normal 600 26px/42px Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
  padding-bottom: 20px;  
}
.vrc-back-order-btn {
  background: #7A9093 !important;
  border-radius: 8px !important;
  opacity: 1;
  font: normal normal 600 16px / 24px Poppins !important;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  padding: 10px 10px !important;
  margin-right: 6px;
}
.vrc-review-order-btn {
  background: #E3C461 !important;
  border-radius: 8px !important;
  font: normal normal 600 16px / 24px Poppins !important;
  letter-spacing: 0px !important;
  color: #3C3C3C !important;
  opacity: 1;
  padding: 10px 10px !important; 
}
.vrc-checkout-wrapper .form-control {
  background: #FFFFFF;
  border: 0.5px solid #707070;
  opacity: 1;
  height: 58px;
  border-radius: 0px;
}
.vrc-checkout-wrapper .form-control:focus {
  outline: none;
  box-shadow: none;
}
.vrc-checkout-wrapper .form-select {
  border: 0.5px solid #707070;
  opacity: 1;
  height: 58px;
  border-radius: 0px;
}
.vrc-checkout-wrapper .form-select:focus {
  outline: none;
  box-shadow: none;
}
.vrc-checkout-wrapper .form-label {
  font: normal normal 600 16px/1 Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
}
.vrc-checkout-wrapper .form-check-label {
  font: normal normal 600 18px/1 Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}

/*--------------------------------------------------------------
# VR ORDER FORM PAGE CSS START
--------------------------------------------------------------*/
.vr-wrapper {
  padding: 60px 0px;	
}
.vr-title {
  font: normal normal 600 28px/40px Poppins; 
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
}
.vr-subtitle {
  text-align: left;
  font: normal normal 400 18px/32px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
}
.vr-buttons-bx {
  display: flex;
  justify-content: space-between;  
}
.vr-btn {
  background: #85B0A1 !important;	
  border: none !important;
  font: normal normal 400 15px/30px Poppins !important;
  padding: 10px 0px !important;
}
.vr-table {
  border-color: #a5a5a5;
}
.vr-table thead th {
  text-align: center;  
  font: normal normal 600 15px/50px Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;  
  padding: 0px;
}
.vr-table tbody td {  
  text-align: center;
  font: normal normal 400 15px/50px Poppins;
  letter-spacing: 0px;
  color: #686868;
  opacity: 1;  
  padding: 0px 10px;
}
.vr-input {
  height: 28px;
  text-align: center;
  background: none;
  border: none;
  width: 100px;  
}
.vr-input:focus {
  box-shadow: none;
  outline: none;  
}
.vr-spin {
  height: 35px;
  border: none;
  width: 70px;
  text-align: center;
}
.vr-spin:focus {
  box-shadow: none;
  outline: none;  
}
.vr-table i {
  color: #7A9093;
  opacity: 1;
  font-size: 20px;
}
.vr-next-btn {
  padding: 8px 60px !important;
  background: #7A9093 !important;
  border: none !important;
}

/*--------------------------------------------------------------
# VR SHOP PAGE CSS START
--------------------------------------------------------------*/
.vr-shop-wrapper {
  padding: 60px 0px;
}
.vr-book-title {
  margin: 0px 15px 15px 15px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 6px;
}
.vr-book-title h3 {
  text-align: left;
  font: normal normal bold 30px/30px Poppins;
  letter-spacing: 0px;
  color: #85B0A1;
  opacity: 1;
  margin: 0px;
  padding-bottom: 6px;
}
.vr-products-overflow {
  overflow: hidden;
}
ul.vr-products {
  margin-bottom: 0;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}
ul.vr-products li.vr-product {
  padding-left: 15px;
  padding-right: 15px;
  list-style: none;
  margin-bottom: 30px;
  position: relative;
  transition: all .3s ease;
  width: 50%;
}
.vr-product-block {
  position: relative;
  transition: all .3s ease;
}
ul.vr-products li.vr-product img {
  display: block;
  margin: 0 auto;
  width: 100%;
  border-radius: 0px;
}
ul.vr-products li.vr-product .vr-product-caption {
  position: relative;
  padding-top: 10.11px;
}
.vr-product-title { 
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font: normal normal 600 18px/31px Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
}
.vr-product-btn {
  background: #E3C461 !important;
  box-shadow: 0px 3px 6px #00000029 !important;
  border: 1px solid #707070 !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  color: #3C3C3C !important;
  font: normal normal 600 12px/26px Poppins !important;
  padding: 4px 6px !important;
}
.vr-price {
  text-align: left;
  font: normal normal 600 18px/1 Poppins;
  letter-spacing: 0px;
  color: #7A9093;
  opacity: 1;
  padding: 10px 0px; 	
}

@media (min-width: 768px) {
	ul.vr-products.vr-columns-1 li.vr-product {
		flex: 0 0 100%;
		max-width: 100%;
	}
	ul.vr-products.vr-columns-2 li.vr-product {
		flex: 0 0 50%;
		max-width: 50%;
	}
	ul.vr-products.vr-columns-3 li.vr-product {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	ul.vr-products.vr-columns-4 li.vr-product {
		flex: 0 0 25%;
		max-width: 25%;
	}
	ul.vr-products.vr-columns-5 li.vr-product {
		flex: 0 0 20%;
		max-width: 20%;
	}
	ul.vr-products.vr-columns-6 li.vr-product {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}
}

.vr-shop-back {
  margin-bottom: 30px;
}
.vr-back-btnn {
  background: #E3C461 !important;
  box-shadow: 0px 3px 6px #00000029;
  border: 1px solid #707070 !important;
  border-radius: 8px !important;
  opacity: 1;
  height: 45px;
  color: #3C3C3C !important;
  font: normal normal 600 18px/31px Poppins !important;
}
.vr-aside-wrapper ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.vr-aside-wrapper ul li {
  text-align: left;
  font: normal normal 600 18px/30px Poppins;
  letter-spacing: 0px;
  color: #85B0A1;
  opacity: 1;
  padding-bottom: 7px;
}
.vr-aside-wrapper ul li a {
  color: #7A9093;
}
.vr-aside-wrapper h3 {
  text-align: center;
  font: normal normal 600 20px/1 Poppins;
  letter-spacing: 0px;
  color: #85B0A1;
  opacity: 1;
  margin: 0px;
  padding-bottom: 6px;
}
.vr-search-wrapper {
  padding-top: 36px;
}

/*--------------------------------------------------------------
# VR SHOP DETAIL PAGE CSS START
--------------------------------------------------------------*/
.vr-details-wrapper {
  padding: 80px 0px 60px 0px;	
}
.vr-product-description h2 {
  text-align: left;
  font: normal normal 400 40px/46px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0px;
  padding-bottom: 10px;
}
.vr-product-description h6 {
  text-align: left;
  font: normal normal normal 20px/25px Poppins;
  letter-spacing: 0.4px;
  color: #2E2E2E;
  margin: 0px;
  padding-bottom: 10px;
  opacity: 1;
}
.vr-detail-block {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding-left: 80px;
}
.vr-product-description .vr-price {
  text-align: left;
  font: normal normal 600 20px/25px Poppins;
  color: #0caf1f;
  opacity: 1;
  margin-bottom: 15px;
}
.vr-paper-pack {
  display: flex;
}
.vr-paper-pack a {
  font: normal normal 400 16px/20px Poppins;
  border: 1px solid #ccc;
  color: #999999;
  border-radius: 5px;
  padding: 10px 20px;
}
.vr-btn-wrapper {
  display: flex;
  align-items: center;
}
.vr-block-btn1 {
  margin-right: 30px !important;
  background: #E3C461 !important;
  border-radius: 8px !important; 
  opacity: 1 !important;
  font: normal normal 600 18px/24px Poppins !important;
  letter-spacing: 0px !important;
  color: #3C3C3C !important;
  opacity: 1 !important;
  padding: 10px 30px !important;
}
.vr-block-btn2 {
  background: #7A9093 !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  font: normal normal 600 18px/24px Poppins !important;
  letter-spacing: 0px !important;
  color: #ffffff !important;
  opacity: 1 !important;
  padding: 10px 30px !important;
}
.vr-btm-inner {
  border-top: 1px solid #707070;
  padding: 30px 0px 96px 0px;
}
.vr-btm-description h3 {
  text-align: left;
  font: normal normal bold 25px/30px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  margin: 0px;
  padding-bottom: 17px;
}
.vr-btm-description p {
  text-align: left;
  font: normal normal 400 16px/26px Poppins;
  letter-spacing: 0.6px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0px;
}
.vr-btm-product-detail h4 {
  text-align: left;
  font: normal normal bold 25px/30px Poppins;
  letter-spacing: 0px;
  color: #707070;
  opacity: 1;
  margin: 0px;
  padding-bottom: 17px;
}
.vr-btm-product-detail p {
  text-align: left;
  font: normal normal 400 16px/26px Poppins;
  letter-spacing: 0.4px;
  color: #2E2E2E;
  opacity: 1;
  margin: 0px;
  padding-bottom: 12px;
}

/* ======= VRC Login Modal CSS Start ======= */
.vrc-log-modal .modal-content {
  border-radius: 24px;
}
.vrc-log-modal .modal-header {
  background: #e3c461;  
}
.vrc-log-modal .modal-header .modal-title {
  font: normal normal 500 32px / 36px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0 auto;
}
.vrc-log-modal .modal-header {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.vrc-log-modal .modal-content {
  border-radius: 24px;
}
.vrc-log-modal .item-modal-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px 40px;
}
.vrc-log-modal .vrc-mdl-btn {
  background: #E3C461;
  font: normal normal 600 14px / 24px Poppins;
  letter-spacing: 0px;
  color: #3C3C3C;
  opacity: 1;
  padding: 10px;
  border: none;
}
.vrc-log-modal .nor-txt {
  font: normal normal 400 18px / 26px Poppins;
  color: #7A9093;
  text-align: center;
}

/* ======= Item Added Successfully Modal CSS Start ======= */
.vrc-added-modal .modal-header {
  background: #7A9093;
  padding: 30px 0px !important;	
}
.vrc-added-modal .modal-title {
  font: normal normal 500 32px/36px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0 auto;
}
.vrc-added-modal .modal-header {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.vrc-added-modal .modal-content {
  border-radius: 24px;
}
.vrc-added-modal .item-modal-images {
  display: flex;
  padding: 40px 0px;
}
.vrc-added-modal .item-modal-name {
  text-align: left;
  font: normal normal 500 16px / 30px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  padding-left: 20px;
  margin: 0px;
}
.vrc-added-modal .item-modal-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px 40px;
}
.vrc-added-modal .remain-amt {
  font: normal normal 600 14px / 24px Poppins !important;
  padding-bottom: 10px;
  text-align: center;
}
.vrc-added-modal .item-modal-btns .btn {
  background: #E3C461;
  font: normal normal 600 14px / 24px Poppins;
  letter-spacing: 0px;
  color: #3C3C3C;
  opacity: 1;
  padding: 12px;
  border: none;
}
.vrc-added-modal .item-modal-images:after {
  border-right: 1px solid #dfdfdf;
  content: "";
  display: block;
  height: 85%;
  position: absolute;
  top: 24px;
  width: 1px;
  z-index: 0;
  right: 50%;
}

/* ======= Already Added Item Modal CSS Start ======= */
.vrc-another .modal-header {
  background: #7A9093;
  padding: 30px 0px !important;	
}
.vrc-another .modal-title {
  font: normal normal 500 32px/36px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0 auto;
}
.vrc-another .modal-header {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.vrc-another .modal-content {
  border-radius: 24px;
}
.vrc-another .nor-txt {
  font: normal normal 400 18px / 26px Poppins;
  color: #7A9093;
  text-align: center;
}
.vrc-another .item-modal-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px 40px;
}
.vrc-another .item-modal-btns .btn-another {
  background: #E3C461;
  font: normal normal 600 14px / 24px Poppins;
  letter-spacing: 0px;
  color: #3C3C3C;
  opacity: 1;
  padding: 8px;
  border: none;
  margin-bottom: 10px;
}

/* ======= VR Item Added Successfully Modal CSS Start ======= */
.vr-added-modal .modal-header {
  background: #7A9093;
  padding: 30px 0px !important;	
}
.vr-added-modal .modal-title {
  font: normal normal 500 32px/36px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0 auto;
}
.vr-added-modal .modal-header {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.vr-added-modal .modal-content {
  border-radius: 24px;
}
.vr-added-modal .item-modal-images {
  display: flex;
  padding: 40px 0px;
}
.vr-added-modal .item-modal-name {
  text-align: left;
  font: normal normal 500 16px / 30px Poppins;
  letter-spacing: 0px;
  color: #2E2E2E;
  opacity: 1;
  padding-left: 20px;
  margin: 0px;
}
.vr-added-modal .item-modal-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px 40px;
}
.vr-added-modal .remain-amt {
  font: normal normal 600 14px / 24px Poppins !important;
  padding-bottom: 10px;
  text-align: center;
}
.vr-added-modal .item-modal-btns .btn {
  background: #E3C461;
  font: normal normal 600 14px / 24px Poppins;
  letter-spacing: 0px;
  color: #3C3C3C;
  opacity: 1;
  padding: 12px;
  border: none;
}
.vr-added-modal .item-modal-images:after {
  border-right: 1px solid #dfdfdf;
  content: "";
  display: block;
  height: 85%;
  position: absolute;
  top: 24px;
  width: 1px;
  z-index: 0;
  right: 50%;
}

/* ======= VR ANOTHER Modal CSS Start ======= */
.vr-another .modal-header {
  background: #7A9093;
  padding: 30px 0px !important;	
}
.vr-another .modal-title {
  font: normal normal 500 32px/36px Poppins;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  margin: 0 auto;
}
.vr-another .modal-header {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.vr-another .modal-content {
  border-radius: 24px;
}
.vr-another .nor-txt {
  font: normal normal 400 18px / 26px Poppins;
  color: #7A9093;
  text-align: center;
}
.vr-another .item-modal-btns {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0px 40px;
}
.vr-another .item-modal-btns .btn-another {
  background: #E3C461;
  font: normal normal 600 14px / 24px Poppins;
  letter-spacing: 0px;
  color: #3C3C3C;
  opacity: 1;
  padding: 8px;
  border: none;
  margin-bottom: 10px;
}


@media (min-width: 320px) and (max-width: 430px) {
	.vrc-middle .navbar {
	  padding: 16px 0px;	 
	}
	.vrc-middle .navbar-brand img {
	  height: 46px !important;
	}  
	.vrc-middle .navbar-brand {
	  font: normal normal 600 18px/35px Poppins;  
	}
	.vrc-middle .navbar-toggler {
	  border: none;
	}	
	.vrc-last {
	  height: 29px;
	}
	.navbar-toggler:focus {
	  box-shadow: none;
	}		
	.vrc-wrapper {
	  background: #f5f5f5;
	  padding: 21px 0px 0px;	 
	}		
	.mb-vrc-title {
	  font: normal normal 600 16px/28px Poppins;
	  letter-spacing: 0px;
	  color: #7A9093;
	  opacity: 1;
	}	
	.vir-mb {
	  width: 190px !important;
	  margin-bottom: 25px;
	}	
	.vr-mb {
	  width: 190px !important;
	  margin-bottom: 25px;
	}
	.vrc-subtitle {
	  font: normal normal normal 14px/28px Poppins;
	  letter-spacing: 0px;
	  color: #7A9093;
	  opacity: 1;
	  padding: 0px 0px 29px;
	}	
	.vrc-buttons-bx {
	  display: block;
	  margin: 0px 0px;
	}	
	.vrc-search-wrapper {
	  padding-top: 15px;   
	} 
	.search-local input {
	  font: normal normal 300 12px/20px Poppins !important;
	  padding-left: 10px !important;	
	}	
	.search-local button {
	  font: normal normal 600 15px/1 Poppins !important;
	}
	.vrc-shop-wrapper {
	  padding: 29px 0px;
	}
	.vrc-back-btnn {
	  width: 100%;
	}	
	.vrc-aside-wrapper ul {
	  padding-left: 15px;
	}	
	.vrc-book-title h3 {
	  font: normal normal 600 18px/30px Poppins;
	  padding-bottom: 0px;
	  color: #7A9093;
	}
	.vrc-aside-wrapper ul li {
	  font: normal normal 500 15px / 30px Poppins;
	  padding-bottom: 0px; 
	}
	.vrc-book-title {
	  border: none;
	  margin-bottom: 0px;
	}	
	ul.vrc-products li.vrc-product img {
	  height: 150px;
	}
  	.vrc-product-title {
	  font: normal normal 600 12px/21px Poppins;
	}
	.author {
	  font: normal normal 600 12px/21px Poppins;
	}
	.vrc-product-btn {
	  width: 100%;
	  font: normal normal 600 10px/21px Poppins !important;
	  padding: 4px 2px !important;
	}
	.vrc-details-wrapper {
	  padding: 12px 0px 47px 0px;
	}	
	.vrc-product-description h2 {
	  font: normal normal normal 30px/34px Poppins;
	}	
	.vrc-product-description h6 {
	  font: normal normal normal 20px / 25px Poppins;
	  padding-bottom: 19px;
	}  
	.vrc-product-img {
	  text-align: center;
	}
	.vrc-product-img img {
	  width: 50% !important;
	}	
	.vrc-product-description .vrc-price {
	  text-align: center;
	  margin-bottom: 0;
	  padding: 27px 0px;
	  font: normal normal normal 40px / 60px Poppins;
	  color: #505050;
	}
	.vrc-detail-block {
	  padding-left: 0px;
	}
	.vrc-btn-wrapper {
	  display: block;  
	}
	.vrc-block-btn1 {
	  margin-right: 0px !important;
	  margin-bottom: 15px;
	  width: 100%;	
	}
	.vrc-block-btn2 {
	  width: 100%;	  
	}
	.vrc-btm-description h3 {
	  padding-bottom: 22px;
	  font: normal normal bold 20px / 30px Poppins; 
	}
	.vrc-listing {
	  background: #FFFFFF;
      border: 1px solid #707070;
      border-radius: 24px;
	}	
	.vrc-topup-title h4 {
	  text-align: center;
	  padding: 8px 0px 3px 0px;
	  font: normal normal bold 20px / 30px Poppins;
	  color: #7A9093;
	}
	.vrc-add-books {
      margin: 20px 10px 0px 10px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #bebebe;
      padding-bottom: 25px;
	}	
	.vrc-add-books i {
      color: #7A9093;
      font-size: 21px;
	}		
	.vrc-add-img {
      max-width: 100px;
      margin-right: 10px;
      width: 100%;
	}
	.vrc-add-img img {
      display: block;
      margin: 0 auto;
      width: 100%;
      border-radius: 3px;
	}		
	.vrc-add-titles {
      margin-right: 10px;
      width: 50%;
	}		
	.vrc-add-titles h4 {
      font: normal normal 600 14px / 17px Poppins;
      color: #7A9093;
      margin: 0px;
	}	
	.vrc-add-titles p {
      font: normal normal 600 14px / 31px Poppins;
      letter-spacing: 0px;
      color: #7A9093;
      margin: 0px;
	}		
	.vrc-add-price {
	  display: flex;
	  margin: 0px 20px;
	  justify-content: space-between;
	  padding: 20px 0px 20px 0px;
	}	
	.vrc-add-price h5 {
      font: normal normal 600 15px / 17px Poppins;
      color: #7A9093;
      margin: 0px;
	}		
	.vrc-add-price p {
      font: normal normal 600 15px / 17px Poppins;
      color: #7A9093;
      margin: 0px;
	}		
	.vrc-next-btn {
	  background: #E3C461 !important;
	  width: 100%;
	  color: #000 !important;
	  border: 1px solid #707070 !important;
	  font-weight: 600 !important;
	}		
	.vrc-qty p {
	  font: normal normal 600 15px/31px Poppins;
	  color: #7A9093;
	}	
	.vr-qty p {
	  font: normal normal 600 15px/31px Poppins;
	  color: #7A9093;
	}	
	.vrc-qty .form-control {
	  padding: 2px 8px;
	}	
	.vrc-qty .form-control:focus {
	  box-shadow: none;
	  outline: none;
	}	
	.vrc-checkout-wrapper {
	  background: #f5f5f5;
	  padding: 28px 0px;
	}
	.vrc-bill-title {
	  font: normal normal 600 18px/1 Poppins;
	  text-align: center;
	  padding-bottom: 30px;
	}	
	.vrc-checkout-wrapper .form-control {
	  height: 38px;
	}	
	.vrc-checkout-wrapper .form-select {
	  height: 38px;
	}	
	.mobile-lbl {
	  margin-top: 25px;
	  font: normal normal 600 15px/26px Poppins !important;
	  color: #707070 !important;
	}	
	.vrc-checkout-wrapper .form-check-label {
	  font: normal normal 600 15px/24px Poppins !important;
	}	
	.vrc-btnss {
	  display: block !important;	
	}	
	.vrc-back-order-btn {
	  margin-right: 0px !important;
	  width: 100%;
	  margin-bottom: 15px;
	}	
	.vrc-review-order-btn {
	  width: 100%;	
	}	
	.vrc-middle {
	  background: #f5f5f5;
	}
	
	/* =======  Virginia Reads Media Queries CSS ======= */
	.vr-wrapper {
	  background: #f5f5f5;
	  padding: 0px 0px 21px;
	}	
	.mb-vr-title {
	  font: normal normal 600 20px/28px Poppins;
	  letter-spacing: 0px;
	  color: #7A9093;
	  opacity: 1;	 
	}	
	.vrr-mb {
	  max-width: 195px !important;
      margin-bottom: 40px;
	}
	.vr-subtitle {
	  font: normal normal normal 15px/28px Poppins;
	  padding: 0px 8px 29px;
	  margin: 0px;
	}	
	.vr-btn {
	  margin-left: .5rem!important;	
	}	
	.vr-listing {
	  background: #FFFFFF;
      border: 1px solid #707070;
      border-radius: 24px;
	}	
	.vr-topup-title h4 {
	  text-align: center;
	  padding: 8px 0px 3px 0px;
	  font: normal normal bold 20px / 30px Poppins;
	  color: #7A9093;
	}	
	.mb-list-cr {
      background: #7A9093;
      opacity: 1;
      height: 9px;
	}	
	.vr-add-books {
      margin: 20px 10px 0px 10px;
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid #bebebe;
      padding-bottom: 25px;
	}	
	.vr-add-img {
      max-width: 100px;
      margin-right: 10px;
      width: 100%;
	}
	.vr-add-img img {
      display: block;
      margin: 0 auto;
      width: 100%;
      border-radius: 3px;
	}	
	.vr-add-titles {
      margin-right: 10px;
      width: 50%;
	}	
	.vr-add-titles h4 {
      font: normal normal 600 14px / 17px Poppins;
      color: #7A9093;
      margin: 0px;
	}
	.vr-add-titles p {
      font: normal normal 600 14px / 31px Poppins;
      letter-spacing: 0px;
      color: #7A9093;
      margin: 0px;
	}	
	.vr-add-books i {
      color: #7A9093;
      font-size: 21px;
	}	
	.vr-qty .form-control {
	  padding: 2px 8px;
	}	
	.vr-qty p {
	  font: normal normal 600 15px / 31px Poppins;
	  color: #7A9093;
	}	
	.vr-add-price {
	  display: flex;
	  margin: 0px 20px;
	  justify-content: space-between;
	  padding: 20px 0px 20px 0px;
	}	
	.vr-add-price h5 {
      font: normal normal 600 15px / 17px Poppins;
      color: #7A9093;
      margin: 0px;
	}
	.vr-add-price p {
      font: normal normal 600 15px / 17px Poppins;
      color: #7A9093;
      margin: 0px;
	}	
	.vr-next-btn {
	  background: #E3C461 !important;
	  width: 100%;
	  color: #000 !important;
	  border: 1px solid #707070 !important;
	  font-weight: 600 !important;
	}
	
	/* =======  Virginia Reads SHOP PAGE Media Queries CSS ======= */	
	.vr-search-wrapper {
      padding-top: 15px;
	}	
	.vr-shop-wrapper {
	  padding: 29px 0px;
	}	
	.vr-aside-wrapper ul {
	  padding-left: 15px;
	}	
	.vr-aside-wrapper ul li {
	  font: normal normal 500 15px / 30px Poppins;
	  padding-bottom: 0px;
	}	
	.vr-book-title h3 {
	  font: normal normal 600 16px / 24px Poppins;
	  padding-bottom: 0px;
	  color: #7A9093;
	}	
	.vr-book-title {
	  border: none;
	  margin-bottom: 0px;
	}	
	ul.vr-products li.vr-product img {
		height: 150px;
	}	
	.vr-product-title {
	  font: normal normal 600 12px / 21px Poppins;
	  margin: 0px;
	}	
	.vr-product-btn {
	  width: 100%;
	  font: normal normal 600 10px / 21px Poppins !important;
	  padding: 4px 2px !important;
	}
	
	/* =======  Virginia Reads SHOP DETAIL PAGE Media Queries CSS ======= */	
	.vr-details-wrapper {
	  padding: 12px 0px 47px 0px;
	}	
	.vr-product-description h2 {
      font: normal normal normal 30px / 34px Poppins;
	}	
	.vr-product-description h6 {
      font: normal normal normal 20px / 25px Poppins;
      padding-bottom: 19px;
	}	
	.vr-product-img {
      text-align: center;
	}
	.vr-product-img img {
      width: 50% !important;
	}	
	.vr-product-description .vr-price {
      text-align: center;
      margin-bottom: 0;
      padding: 27px 0px;
      font: normal normal normal 40px / 60px Poppins;
      color: #505050;
	}	
	.vr-detail-block {
	  padding-left: 0px;
	}	
	.vr-btn-wrapper {
      display: block;
	}	
	.vr-block-btn1 {
      margin-right: 0px !important;
      margin-bottom: 15px;
      width: 100%;
	}	
	.vr-block-btn2 {
      width: 100%;
	}
	
	/* =======  Virginia Readers CHOICE MODAL Media Queries CSS ======= */	
	.vrc-added-modal .modal-header {
	  text-align: center !important;
	  padding: 12px 0px !important;	
	}	
	.vrc-added-modal .modal-title {
	  font: normal normal 500 18px/36px Poppins !important;  	
	}
	.vrc-added-modal .item-modal-images:after {
	  display: none !important;	
	}
	.vrc-added-modal .item-modal-images {
	  padding: 20px 0px !important;	
      display: block !important;
      text-align: center !important;
	}
	.vrc-added-modal .item-modal-btns {
	  padding: 0px 0px !important;	
	}
	.vrc-added-modal .item-modal-name {
	  text-align: center !important;	
	  padding-left: 0px !important;
	}
	
	/* =======  Virginia Reads MODAL Media Queries CSS ======= */	
	.vr-added-modal .modal-header {
	  text-align: center !important;
	  padding: 12px 0px !important;	
	}	
	.vr-added-modal .modal-title {
	  font: normal normal 500 18px/36px Poppins !important;  	
	}
	.vr-added-modal .item-modal-images:after {
	  display: none !important;	
	}
	.vr-added-modal .item-modal-images {
	  padding: 20px 0px !important;	
      display: block !important;
      text-align: center !important;
	}
	.vr-added-modal .item-modal-btns {
	  padding: 0px 0px !important;	
	}
	.vr-added-modal .item-modal-name {
	  text-align: center !important;	
	  padding-left: 0px !important;
	}
		
}