.error{
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

.question1{
	width: 225px;
	border-radius: 5px;
}
.giftaid{
margin-right:6px;
cursor: pointer;
}
.giftaid-container{
	display: inline-block;
	//float:right;	
		margin: auto;

}

.CartContainer{
	margin: auto;
	padding:2%;
	width: 100%;
	max-width: 600px;
	background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 10px 10px #1687d933;
}

.Header{
	margin: auto;
	width: 95%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.Heading{
	font-size: 20px;
	font-weight: 700;
	color: #2F3841;
}
.flex-grow {
  flex: 1;
}
.Action{
	font-size: 13px;
	font-family: 'Open Sans';
	font-weight: 800;
	color: #E44C4C;
	cursor: pointer;
	border-bottom: 1px solid #E44C4C;
}
.Cart-Items{
	margin: auto;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:5px
}
.image-box{
	text-align: center;
}
.about{
	height: 100%;
	width: 24%;
	margin:10px;
}
.title{
	padding-top: 10px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 500;
	color: #202020;
}
.counter{
	width: 100%;
	display: flex;
	align-items: center;
	max-width:120px;
	margin:5px;
}
.btn{
	margin:5px;
	cursor: pointer;
}
.count{
	font-size: 36px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #202020;
	margin: 3px;
}
.prices{
	width: auto;
	text-align: right;
}
.amount{
	padding-top: 10px;
	font-size: 22px;
	font-family: 'Open Sans';
	font-weight: 800;
	color: #202020;
	margin:0px 10px;
}
.postage{
	padding-top: 10px;
	font-size: 15px;
	font-family: 'Open Sans';
	font-weight: 800;
	color: #202020;
	margin:0px 10px;
}
.save{
	padding-top: 5px;
	font-size: 14px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #1687d9;
	cursor: pointer;
}
.remove{
	padding-top: 5px;
	font-size: 12px;
	font-family: 'Open Sans';
	font-weight: 600;
	color: #E44C4C;
	cursor: pointer;
	margin:0px 10px;
}
.pad{
	margin-top: 2px;
}
hr{
	width: 100%;
}
.checkout{
    text-align: right;
	padding: 5%;
	width: 100%;
	display: inline-block;
}
.total{
	display: block;
}
.Subtotal{
	font-size: 22px;
	font-family: 'Open Sans';
	font-weight: 500;
	color: #202020;
}
.items{
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: 500;
	color: #909090;
}
.total-amount{
	font-size: 26px;
	font-family: 'Open Sans';
	font-weight: 900;
	color: #202020;
}
.button{
	margin-top: 10px;
	width: 100%;
	height: 40px;
	border: none;
	background: linear-gradient(0deg, rgba(54,84,96,1) 0%, rgba(135,206,235,1) 100%);
	border-radius: 4px;
	cursor: pointer;
	font-size: 20px;
	font-family: 'Open Sans';
	font-weight: 1000;
	color: white;
}
.btn-book {
	transition-duration: 0.4s;
	padding: 2px 4px;
}
.btn-book:hover {
	background-color: #4CAF50; /* Green */
	color: white;
	border-radius: 4px;
}
* {
  box-sizing: border-box;
}
body {
height: 100vh;
margin: 0;
}
.zoom {
 transform: scale(1.2);
}
.zoom:hover {
 transform: scale(1.5);
}

.zoom2:hover {
 position: relative;
 transform: scale(1.5);
 cursor: zoom-in;
 z-index:30;
}
.cartz {
 position: relative;
 display: none;
 top: 10px;
 width: 20px;
 height: 23px;
 margin: 0px 13px 0px 3px;
}
.cartz svg {
width: 30px;
height: 30px;
}
.cart__count {
 display: none;
 position: absolute;
 right: -13px;
 top: -12px;
 display: inline-block;
 padding: 0px 7px;
 color: #fff;
 background-color: green;
 border-radius: 100%;
 font-weight: 600;
}

.clearview{
 content:"";
 clear:both;
}

.icons {
 height: 40px;
 width: 40px;
}
.icons:hover {
filter: invert(75%);
}


/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #f00;
}

.paypal {
	
	 &:not(.disable):hover {
    /* apply hover effect here */
	color:red;
  }   
}