.woocommerce-cart {

	.woocommerce {


	    .woocommerce-notices-wrapper {
		    flex: 0 0 100%;
			padding: 0 30px;
		}

		form.woocommerce-cart-form {
		    flex: 0 0 55%;
			// padding: 0 30px;
		    @include mobile {
		    	flex: 0 0 100%;
		    	margin-bottom: 30px;
		    }
		    table {
		    	margin-bottom: 0;

		    	.coupon {
		    		min-width: 300px;

		    		input#coupon_code {
					    width: 165px;
					}

					
		    	}

		    	button.button {
					background: #1778f2;
				    font-weight: 400;
				    color: #fff;
				}
		    }
		}

		.cart-collaterals {
		    flex: 0 0 40%;
		    @include mobile {
		    	flex: 0 0 100%;
		    }
		    .cart_totals {
			    width: 100%;
			    background: #f7f7f7;
			    padding: 30px;
			    height: 100%;

			    h2 {
			    	margin-top: 0;
    				line-height: 1;
    				text-align: center;
    				font-size: 18px;
			    }

			    table {
			    	background: #fff;
			    }

			    a.checkout-button.button.alt.wc-forward {
				    background: #1778f2;
				    border-radius: 0;
				    font-weight: 400;
					width: 200px;
					font-size: 14px;
					border-radius: 5px;
					color: #fff;

				    &:after {
				    	content: "\f07a";
						font-family: "Font Awesome 5 Free";
    					font-weight: 600;
						margin-left: 6px;
				    }				    
				}
			}
		}
	}
}

.royalnews_cart-icon {
    margin-left: 20px;
    font-size: 18px;
    position: relative;
	span {
		position: absolute;
		font-size: 10px;
		height: 15px;
		width: 15px;	 	
		background: #3431d6;
		border-radius: 50%;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		top: -6px;
		right: -13px;
	}
}
.royalnews-woocommerce-cart {
	padding-right: 30px;
	@include mobile {
	    // position: absolute;
	    // top: 130px;
	    // left: 87px;
	    position: relative;
    	z-index: 9999;
	}
	.cart-icon {
	    color: #fff;
	    font-size: 20px;
	    position: relative;
	    span {
	        position: absolute;
		    height: 15px;
		    width: 15px;
		    background: #3431d6;
		    display: flex;
		    align-items: center;
		    justify-content: center;
		    right: -13px;
		    box-shadow: 0 5px 5px rgb(17 17 17 / 30%);
		    border-radius: 50%;
		    color: #fff;
		    font-size: 14px;
		    line-height: 24px;
		    min-height: 25px;
		    min-width: 25px;
		    text-align: center;
		    top: -10px;
		    left: 17px;
		}
	}
}
