.errorWrap {
    padding: 10px;
    margin: 0 0 20px 0;
    background: #fff;
    border-left: 4px solid #dd3d36;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
.succWrap{
    padding: 10px;
    margin: 0 0 21px 0;
    background: #fff;
    border-left: 4px solid #5cb85c;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
}
	.room-thumbnails img {
    width: 106px;  /* Set the thumbnail size */
    height: 70px;  /* Set the thumbnail height */
    margin-bottom: 10px;  /* Add some space between thumbnails */
	margin-top: 5px;
	padding: 4px;
    cursor: pointer;  /* Change cursor to pointer when hovering over thumbnails */
    object-fit: cover;  /* Ensure images maintain aspect ratio and don't stretch */
    transition: transform 0.3s ease-in-out;  /* Add smooth hover effect */
}

.room-thumbnails img:hover {
    transform: scale(1.1);  /* Slightly zoom in when hovering over thumbnails */
}
	
#reviewCarousel {
        /*position: relative;*/
		height: 200px;
    }

	/*
    .carousel-control {
        /*position: absolute;*/
		background-color: transparent !important; /* Remove dark circle */
        top: 50%;
        /*transform: translateY(-50%);*/
        width: 50px;
        height: 50px;
        /*background-color: rgba(0, 0, 0, 0.5); *//* Optional: dark background for better visibility */
        /*border-radius: 50%;*/
        z-index: 1;
    }
	*/
	.carousel-inner {
    height: 100%; /* Ensure the inner content fills the container */
}
	/* Optional: Make sure the items don't overflow and keep the aspect ratio */
	.carousel-inner .item {
		height: 100%;
		padding:15px;
		/*display: flex;*/
		justify-content: center;
		align-items: center;
	}

    .carousel-control.left {
        left: 0%; /* Move left control closer to the left */
    }

    .carousel-control.right {
        right: 0%; /* Move right control closer to the right */
    }

    .carousel-control span {
        font-size: 10px;
        color: #fff;
    }
	.product-container {
    position: relative; /* Makes the container act as the reference for absolute positioning */
	
}

.product-container .btn {
    position: absolute; /* Take the button out of the document flow */
    top: 50%; /* Position it vertically in the middle */
    right: 12px; /* Push the button to the right corner */
    transform: translateY(-50%); /* Vertically center the button */
}
	.product-actions {
    display: flex;
    justify-content: center;
    gap: 10px; /* Space between buttons */
}

.product-actions .btn {
    margin: 10px; /* Space around the button */
}

.product-actions .btn-primary {
    background-color: #28a745; /* Green button */
    color: white;
}

.product-actions .btn-default {
    background-color: #f8f9fa; /* Default button */
    color: #333;
}
	#review{
		margin-bottom: 10px;
	}