<style>
.star-rating {
display: inline-block;
font-size: 0; width:1em !important;
}
.star-rating .star {
display: inline-block;
font-size: 20px; cursor: pointer;
}
.star-rating .star:hover,
.star-rating .star:hover ~ .star {
color: orange; }
.star-rating .star.selected,
.star-rating .star.selected ~ .star {
color: orange; }
#star-rating {
margin-bottom: 10px;
}
.customer_reviews_title{
text-align:center;
font-family: "Comfortaa", Sans-serif;
}
.average_rating{
font-family: "Manrope", Sans-serif;
text-align:center;
}
.average_rating_score{
font-family: "Comfortaa", Sans-serif;
font-size:25px;
font-weight:500;
margin-right: 5px; 
}
.star {
color: #FFD700; font-size: 24px; margin-right: 5px; }
.total_reviews {
margin-left: 10px; }
.write-review-button {
margin-left: auto; text-align: right;
}
.review-and-question-buttons {
display: flex; gap: 10px; }
#toggle_review_form{
font-family: 'Manrope';
background-color: white;
border-color: #BC9C74;
border-radius: 0px;
color: #BC9C74;
font-weight:500;
}
#toggle_review_form:hover{
background-color:#BC9C74;
border-color: #BC9C74;
color:white;
}
#toggle_question_form{
font-family: 'Manrope';
background-color: white;
border-color: #BC9C74;
border-radius: 0px;
color: #BC9C74;
font-weight:500;
}
#toggle_question_form:hover{
background-color:#BC9C74;
border-color: #BC9C74;
color:white;	
}
.custom-review-form {
display: none;
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-review-form.open {
display: block;
opacity: 1;
}
.custom-question-form {
display: none;
opacity: 0;
transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.custom-question-form.open {
display: block;
opacity: 1;
}
.custom-review-h3{
font-family: "Comfortaa", Sans-serif;
font-size:16px;
font-weight:500;
}
.custom-question-h3{
font-family: "Comfortaa", Sans-serif;
font-size:16px;
font-weight:500;
}
.form-control{
background-color: #f5f5f5;
margin-bottom: .825rem !important;
display: block;
width: 100%;
height: 3.125rem;
padding: .875em 1em;
font-size: 1em;
font-weight: 400;
line-height: 1.25;
color: #151515;
background-clip: padding-box;
border: 1px solid #f5f5f5 !important;
border-radius: .25rem !important;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control-label{
margin-bottom: .625rem !important;
font-family: 'Manrope';
font-size:14px;
}
.form-control-textarea{
background-color: #f5f5f5;
margin-bottom: .825rem !important;
display: block;
width: 100%;
height: 7.125rem;
padding: .875em 1em;
font-size: 1em;
font-weight: 400;
line-height: 1.25;
color: #151515;
background-clip: padding-box;
border: 1px solid #f5f5f5 !important;
border-radius: .25rem !important;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;		
}
.first_images{
padding-top:10px;
padding-bottom:10px;
}
.second_images{
padding-top:10px;
padding-bottom:20px;
}
.images_title{
padding-top:20px;
margin-bottom: .625rem !important;
font-family: 'Manrope';
font-size:15px;
}
.before_photos{
margin-bottom: .625rem !important;
font-family: 'Manrope';
font-size:14px;
}
.after_photos{
margin-bottom: .625rem !important;
font-family: 'Manrope';
font-size:14px;
}
.submit_review {
margin-left: auto; text-align: right;
}
.submit_review_button{
font-family: 'Manrope';
background-color: white;
border-color: #BC9C74;
border-radius: 0px;
color: #BC9C74;
font-weight:500;
}
.submit_review_button:hover{
background-color:#BC9C74;
border-color: #BC9C74;
color:white;
}
.submit_review_button:focus{
background-color:#BC9C74;
border-color: #BC9C74;
color:white;
}
.approved_reviews{
font-family: "Comfortaa", Sans-serif;
font-size:18px;
font-weight:500;
padding-top:20px;
}
hr{
color: #BC9C74;
}
.all_reviews{
padding-top:20px;
padding-bottom:40px;
list-style-type: none !important;
}
.total_reviews_form{
margin-top:10px;
font-family: "Comfortaa", Sans-serif;
font-size:15px;
font-weight:600;
}	
.authorname{
font-family: "Comfortaa", Sans-serif;
font-size:16px;
font-weight:500;
margin-bottom:0px;
}
.verified{
font-family: 'Manrope';	
margin-bottom:5px;
}
.reviewdate{
font-family: 'Manrope';
font-size:16px;}
.col-lg-3{
flex: 0 0 25%;
max-width: 25%;		
}
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.review{
display: flex;
flex-wrap: wrap;	
padding-bottom: 30px;
border-bottom: 1px solid #BC9C74 !important;
}
.rating_product{
font-family: "Manrope", Sans-serif;
}
.review_title{
font-family: "Comfortaa", Sans-serif;
font-size:16px;
font-weight:500;
padding-top:20px;
padding-bottom:10px;
}
.review_content{
font-family: "Manrope", Sans-serif;
font-size:15px;
padding-top:10px;
padding-bottom:10px;
}
.review_content p{
font-family: "Manrope", Sans-serif;
font-size:15px;	
}
.before_use{	
font-family: "Comfortaa", Sans-serif;
font-size:16px;
}
.thereview{
padding-top:20px;
padding-bottom:20px;
}
.after_use{
font-family: "Comfortaa", Sans-serif;
font-size:16px;	
}
.review_images{
display: flex;
flex-wrap: wrap;	
}
.beforeimages{
flex: 0 0 50%;
max-width: 50%;		
}
.afterimages{
flex: 0 0 50%;
max-width: 50%;		
}
.nologgedin{
padding-top:30px;
padding-bottom:30px;
text-align:center;
font-family: "Comfortaa", Sans-serif;	
}
@media only screen and (max-width: 600px) {
.col-lg-3{
flex: 0 0 100%;
max-width: 100%;		
}
.col-lg-9{
flex: 0 0 100%;
max-width: 100%;		
}
.all_reviews{
padding-top:20px;
padding-bottom:40px;
list-style-type: none !important;
padding-left:10px;
}
.write-review-button{
margin-left: auto;
text-align: center;
margin-top: 30px;
padding-bottom: 20px;		
}
.customer_reviews_title{
font-size:22px;
}
}
.submit_question_button{
font-family: 'Manrope';
background-color: white;
border-color: #BC9C74;
border-radius: 0px;
color: #BC9C74;
font-weight:500;
}
.submit_question_button:hover{
background-color:#BC9C74;
border-color: #BC9C74;
color:white;
}
.submit_question_button:focus{
background-color:#BC9C74;
border-color: #BC9C74;
color:white;
}
.label_q {
display: inline;
}
.question_content {
display: inline;
}
.label_answer{
font-family: "Comfortaa", Sans-serif;
font-size:15px;
}
.answer_content{
margin-left:60px;
padding-top:5px;
padding-bottom:30px;
padding-left:30px;
border-left: 1px solid #BC9C74;
}
.question{
padding-top:20px;
padding-bottom:20px;	
border-bottom: 1px solid #BC9C74 !important;
}
.all_questions{
padding-top:20px;
padding-bottom:40px;
list-style-type: none !important;
}
.label_team{
font-family: "Comfortaa", Sans-serif;
font-size:18px;	
}
.label_questions{
font-family: "Comfortaa", Sans-serif;
font-size: 18px;
font-weight: 500;
padding-top: 20px;
} .tab-links {
list-style-type: none;
padding: 0;
margin: 0;
}
.tab-links li {
display: inline-block;
}
.tab-links li a {
display: block;
padding: 10px 20px;
text-decoration: none;
color: #000;
font-family: "Comfortaa", Sans-serif;
border-bottom: none;
background-color: #f9f9f9;
}
.tab-links li.active a {
background-color: #fff;
border-bottom: 1px solid #BC9C74 !important;
} .tab-content {
padding: 20px;
clear: both;
}
.tab {
display: none; }
.tab.active {
display: block; }
</style>