/** Shopify CDN: Minification failed

Line 186:0 Unexpected "/"
Line 186:209 Expected identifier but found "/"
Line 710:20 Unterminated string token

**/

.submit-review .dropdown {
    display: flex;
    flex-direction: column;
    background: #dddddd17;
    padding: 0 20px;
    margin-top: 1rem;
}
.custom-ba-reviews-app h3 {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}

.like-dislike-container span {
    color: #041B24;
    font-size: 16px;
    font-weight: 400;
}
 .submit-review #dropdownMenuButton
{   padding:10px;
    background: #ff0000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 7px;
    border: 1px solid #ff0000;
  
} 
.rating-form label {
    margin-bottom: 0;
}

.submit-review #dropdownMenuButton:focus {
    box-shadow: none;
    border: none;
} 
.submit-review button#gw_reviewbutton {
    background:#ff0000;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px;
    transition: all .35s ease;
    border: 1px solid #ff0000;
    border-radius: 7px;
    cursor:pointer;
}
.submit-review button#gw_reviewbutton:disabled {
  opacity: 0.2;
}
.submit-review button#gw_reviewbutton:hover {
    background: #fff;
    color: #000;
   
}
.seletbtn {
      padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    width: 25%;
    margin: auto;
  }
.main-div
{
    border: 1px solid #dbdbdb;
   
    margin-top: 3rem;
    border-radius: 7px;
}
.mdl-set{
    display: flex;
    align-items: center;
    justify-content: center;
  height:100vh;
}

.pro-modal {
  display: none; 
  position: fixed; 
  z-index: 1;
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 

}
.ratenow {
    display: flex;
    align-items: center;
    gap: 5px;
}

 .rating-form textarea#comment {
    width: 100%;
    height: 200px;
   padding: 12px 20px;
    margin-top: 8px;
    margin-bottom: 10px;
    border: 1px solid #ddd !important;
    border-radius: 7px;
}
.rating-form input {
    width: 100%;
    padding: 12px 20px;
    margin-top: 5px;
    box-sizing: border-box;
    font-size: 15px;
    margin-bottom: 15px;
    border: 1px solid #ddd !important;
    border-radius: 7px;
}

.pro-modal-content {
    max-width: 301px;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 100%;
    text-align: center;
}
   
.reviewshow
{
    width: 100%;
    border: 2px solid #eee;
    padding: 8px;
    margin: 7px 0px;
}
.product-title
{
  display:inline-block;
  padding-bottom:5px;
  font-weight: bold;
}
.product-username
{
  padding-bottom:10px;
  font-weight: bold;
    align-items:center;
  display:flex;
  padding:2px;
}
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  text-align:right;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#rating-form .error {
    color: red;
    font-size: 14px;
}
.sliderdiv
{
  height:auto;
  width:100%;
}
/ .rating-star input:hover + span.star:before, .rating-star input:hover + span.star  span.star:before, .rating-star input:checked + span.star:before, .rating-star input:checked + span.star  span.star:before { /
    color: #0f0f0f;
    content:"\f005";
}
span.stars, span.stars span {
    display: block;
    background: url(stars.png) 0 -16px repeat-x;
    width: 80px;
    height: 16px;
}

span.stars span {
    background-position: 0 0;
}
.rating-form
{
  display:none;
  width:100%;
  padding-bottom: 20px;
}
.rating-star{
    color: #ffd100;
    font-weight: bold;
    font-size: 42px;
  padding:10px
    border-style:outset;
  border-color:#808080;
  flex-wrap: wrap;
  align-content:flex-end;
}
.date
{
      width: 75px;
    text-align: right;
}
.circular--portrait {
  position: relative;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
} .circular--portrait img { width: 100%; height: auto; }
.tableReview
{
  
width: 100%;
  padding: 20px;
 
    
}

.rating-form input:focus-visible, .rating-form textarea:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}
.input-star
{
 display:none;
}

.rate {
  padding: 3px;
  border-radius: 7px;
}

.rate:not(:checked) > input {
    position:absolute;
    
}
.rate:not(:checked) > label {
    float:right;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked  label:hover  label,
.rate > label:hover  input:checked  label {
    color: #c59b08;
}

 .testimonial {
   width: 100%;
  display: flex;
   justify-content: center;
   align-items: center;
}
/*  rsp css */
.home-review .heading {
    margin-top: 40px;
    margin-bottom: 24px;
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 54px;
}
.total-review {
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
}
.single-review p {
    margin-bottom: 0;
    }
.point {
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 44px;
    padding-right: 24px
   }
.all-review {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    text-align: center;
    letter-spacing: 0.02em;
    color: rgba(4, 27, 36, 0.8);
    padding-left: 24px
}
.review-space {
    margin-top: 60px;
}
.stars {
    display: flex;
    gap: 12px;
}
.read-more span {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #19A4DB;
}
.read-more {
     width: 100%;
    max-width: 220px;
    height: 48px;
    border: 2px solid #19A4DB !important;
    border-radius: 4px !important;
    display: block;
    margin: 0 auto;
    font-style: normal;
    font-weight: 500;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #19A4DB;
    align-items: center;
    justify-content: center;
  
}
span.review-title-name {
    font-size: 20px;
    margin-bottom: 16px;
    display: block;
}
.custom-sected-reviews h6 {
    font-size: 20px;
    margin-bottom: 12px;
}
.desc.custom-review-description {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    letter-spacing: 0.02em;
    color: rgba(4, 27, 36, 0.8);
}
.ba-total-review p {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #19A4DB;
}
.desc.ba-total-review {
    margin-bottom: 24px;
}

.py-40 {
    padding: 40px 0;
}
.single-review h6 {
    font-size: 20px;
}
.single-review .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.02em;
    color: rgba(4, 27, 36, 0.8);
}
.my-80{
  margin: 80px 0;
}
.selectedStars {
    margin-bottom: 40px;
}
.BT5 .CRES .rating-select {
    width: 100%;
    max-width: 302px;
    height: 45px;
      font-size: 17px;
    font-weight: 400;
  color: rgba(4, 27, 36, 0.8);
}
   
select#ratingFilter:focus {
    box-shadow: none !important;
  border: 1px solid #19A4DB !important;
}
.all {
    display: flex;
    align-items: center;
}
.like-des {
    margin-top: 0 !important;
}
@media only screen and (max-width: 991px) {
  .single-review h6 {
    margin-bottom: 15px;
}
}
@media only screen and (max-width: 768px) {
  .like-dislike-container {
 justify-content: flex-start !important;
   }
  .like-dislike-container .like-count, .like-dislike-container span.reviw-help, .like-dislike-container .dislike-count {
   margin-bottom: 0;
}

  .single-review h6 {
    font-size: 18px;
    margin-bottom:0;
}
  .single-review .stars {
    display: flex;
    gap: 8px;
}
    .single-review svg {
     width: 100%;
    max-width: 18px;
}
  .single-review span {
    margin-bottom: 12px;
    display: block;
}
  .single-review .desc {
    font-size: 16px;
    line-height: 160%;
  }
  .py-24{
    padding:24px 0;
  }
  .custom-sected-reviews svg {
     width: 100%;
    max-width: 18px;
}
  .custom-sected-reviews .stars {
    display: flex;
    gap: 8px;
}
 .home-review h2.title.text-uppercase {
 font-size: 36px;
   margin-top:25px;
}
.custom-sected-reviews h6 {
    font-size: 18px;
  margin-bottom:12px;
  }
  .desc.custom-review-description {
  line-height: 160%;
   }
  span.review-title-name {
    font-size: 18px;
    margin-bottom: 12px;
  
}
.home-review .heading {
    font-size: 36px;
    margin-top: 24px;
}
  .total-review p {
  font-size: 16px;
 }
  .point {
   font-size: 27px;
  }
  .all-review {
   font-size: 16px;
        line-height: 160%;
}
}
div#gif-sec {
 text-align: center;
 margin-top:2rem;
}

@media only screen and (max-width:390px) {
  /*@@@*/
.single-review .dis-customer-review-star{
     justify-content: flex-start !important;
  }
.single-review #reviewContainer .rating-review-title {
  flex-direction: row;
}
 .like-des  h6.text-uppercase.mb-2.fw-5 {
    text-align: left;
}
 .like-des  .review-block .py-40 {
    padding: 24px 0;
}
  span.reviw-help {
    display: none;
}
  .single-review p {
    margin-bottom: 0;
    text-align:center;
    }
  .single-review .d-flex {
    justify-content: center;
}
  .single-review .stars {
   justify-content: center;
}
  .single-review .desc {
 text-align: center;
}
  .single-review h6 {
    text-align: center;
    font-size: 18px;
}
  .desc.custom-review-description {
   text-align: center;
}
  .custom-sected-reviews .stars {
 justify-content: center;
}
  .rating-review-title .d-flex {
    justify-content: center;
}
  .custom-sected-reviews h6 {
 text-align: center;
}
.home-review .heading {
    font-size: 27px;
    margin-top: 20px;
    line-height: 36px;
}
.desc p {
    font-size: 16px !important;
    line-height: 160%;
}
  .all-review {
  padding: 0;
}
  .flex-set{
    flex-direction:column;
  }
}

.pagination-box .pagination a {
   background-color: transparent;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    letter-spacing: 0.02em;
    display: flex;
    align-items: center;
    gap: 12px;
}

.pagination {
       align-items: center;
    justify-content: space-between;
}
span#currentPage {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%;
    color: rgba(4, 27, 36, 0.8);
    width: 28px;
    height: 28px;
    background: #19A4DB;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
}

    .pagination {
      margin-top: 20px;
    }

    .pagination a.active {
      background-color: #4CAF50;
      color: white;
    }

/* dk css */

.paginationBox.press-tabs .review-pagination {
    display: flex;
    justify-content: space-between;
    gap: 20px;
  align-items:center;
}

.review-pagination #prevPageBtn,.review-pagination #nextPageBtn {
    border: none;
    background: transparent;
    color: #19a4db;
}



.review-pagination #pagination .page-btn {
    background: none;
    border: none;
    margin-right: 10px;
}

.review-pagination #pagination .page-btn.active {
    background: #19a4db;
    border: none;
    margin-right: 10px;
    border-radius: 5px;
    padding: 5px 12px;
    color: #fff;
}

.review-pagination #pagination {
    margin-top: 0;
}

.review-pre-btn, .review-next-btn {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:575px) {
.review-pagination #pagination .page-btn {
    background: none;
    border: none;
    margin-right:0px;
}

  .paginationBox.press-tabs .review-pagination {
    justify-content: center;
    gap: 5px;
    }
}

/* end dk css */
/*@@@*/
#review_page{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 81px;
}
#review_page .gif-sec img{
    width: 60px !important;
}
.date-spc{
  margin-top:10px;
}
/*@@@ 17july*/
/* Apply CSS styles to the like and dislike container */
.like-dislike-container {
  display: flex;
  align-items: center;
 justify-content:flex-end !important;
 margin-top: 26px;

}

/* Apply CSS styles to the buttons and counts */
.like-button, .dislike-button {
  padding: 8px 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
.reviw-help {
  padding-right:24px;
}
.like-dislike-container .like-count {
    margin-right: 24px;
}
.like-dislike-container button.like-button, .like-dislike-container button.dislike-button {
    padding: 0;
   margin-right: 12px;
    display: block;
}
.like-button:hover, .dislike-button:hover {
  color: ''#19A4DB';
}

.like-count, .dislike-count {
  margin-left: 5px;
}

.fa-thumbs-up, .fa-thumbs-down {
  margin-right: 5px;
}

.share-btn-div{
    float: left;
}
.share-button {
  padding: 8px 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #19A4DB;
}