.custom-review-form input,
.custom-review-form textarea,
.custom-review-form select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.custom-review-form button {
    background-color: #F26725 !important;
    color: #fff;
	font-size:21px !important;
	font-weight:400 !important;
    padding: 10px 20px !important;
    border: none;
    border-radius: 10px !important;
	letter-spacing:1px; 
    cursor: pointer;
}

.cr-star-rating span {
    font-size: 24px;
    cursor: pointer;
    color: #f5b301;
}

.cr-star-rating span:hover,
.cr-star-rating span.active { color: #f5b301; }

#cr_image_preview img {
    max-width: 80px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}


.cr-display-stars {
    font-size: 18px;
    color: #f5b301;
    margin-bottom: 5px;
}
.cr-display-stars .half-star { position: relative; }


/* Displayed review stars */
.cr-display-stars {
    font-size: 18px;
    color: #f5b301;
    margin-bottom: 5px;
    display: inline-block;
    cursor: default;
}

/* Hover effect: color transition */
.cr-display-stars span { transition: color 0.2s ease;}

/* Optional: slightly enlarge stars on hover */
.cr-display-stars:hover span { transform: scale(1.2); transition: transform 0.2s ease;}

#cr_image_preview img {
    max-width: 80px;
    max-height: 80px;
    margin: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
    object-fit: cover;
}

.custom_row{column-count: 2;}
.review_form h2.sec_title{background:#f06530; color:#fff; font-size: 21px; letter-spacing:1px; font-weight: 400; float: right; padding: 10px 20px; border-radius: 10px; cursor:pointer;}
form.custom-review-form{display:none; clear:both;}


.review-summary { background: #f9f9f9; border-radius: 8px; padding: 16px;margin-bottom: 20px;}
.summary-header { text-align: center; margin-bottom: 12px;}
.summary-header h3 {font-size: 2rem; margin: 0; color: #222;}
.summary-header .review_star { font-size: 28px;}
.summary-bars .rating-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px;}
.rating-label { width: 30px; text-align: right;}
.progress { flex: 1; background: #eee; border-radius: 4px; height: 8px; overflow: hidden;}
.progress-bar { height: 8px; background: #ffb400; border-radius: 4px; transition: width 0.3s ease;}
.rating-count { width: 30px; text-align: left;}

.custom-reviews-row{margin:30px 0px 50px 0px;}
.custom-reviews h2.sec_title{color:#f06530; font-size:32px; font-weight:700;}
.review-box:not(:last-child){ margin-bottom: 30px; border-bottom: 1px solid #eeeeee; padding-bottom: 10px;}
.review-box .box-head{ display: flex; align-items: center;}
.review-box .profile_pic_custom{background: #FFF1E2; width: 60px; height: 60px; font-size: 26px; line-height: 60px; text-align: center; border-radius: 13px; display: inline-block; margin-right: 15px; border: 2px solid #f06530;}
.review-box .profile_pic_custom .pro_pic{width: 56px; height: 56px; border-radius:10px;}
.review-box .name_rate h4{margin-bottom:0px; font-size: 18px; font-weight: 600; color:#666;}
.review-box .review_star{font-size:28px;}
.review-box h3.review_title{font-size: 18px; font-weight: 600; color:#f06530; margin-bottom:0px;}
.review-box .trip_date{font-size: 14px; font-weight: 400; color:#f06530;}
.review-box .review-text{font-size:18px; color:#666; line-height:21px;}
.review-box .review_imgs{padding:15px 0px;}
.review-box .review_imgs a.cr-gallery-item{ width: 90px; display: inline-block; margin-right: 10px;}
.review-box .review_imgs img { object-fit: cover; border-radius: 10px !important; border: 1px solid #e5e5e5 !important; cursor: pointer; transition: transform 0.2s; aspect-ratio:1; }
.review-box .review_imgs img:hover { transform: scale(1.1);}
.review-box .box-footer .review_post{text-decoration:underline; margin-bottom:10px;}
.review-box .box-footer .review_post a{color:#666;}
.review-box .box-footer .written_date{margin-bottom:0px;}


[data-star] {
  text-align:left;
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-star]::before { 
  display:block;
  content: '★★★★★';
  color: #eee;
}
[data-star]::after {
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
  content: '★★★★★';
  width: 0;
  color: #F26725;
  overflow:hidden;
  height:100%;
}

[data-star^="0.1"]::after{width:2%}
[data-star^="0.2"]::after{width:4%}
[data-star^="0.3"]::after{width:6%}
[data-star^="0.4"]::after{width:8%}
[data-star^="0.5"]::after{width:10%}
[data-star^="0.6"]::after{width:12%}
[data-star^="0.7"]::after{width:14%}
[data-star^="0.8"]::after{width:16%}
[data-star^="0.9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}


@media only screen and (max-width: 768px) {
	.review_form h2.sec_title{ font-size: 18px; float: left; padding: 8px 15px;}
}