.all-start{
    margin-top: 20px;
}    
.product-title{
  color: black;
  font-size: 15px;
  padding: 5px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pro_name{
  color: #000;
}
.product-desc{
  color: red;
  font-size: 15px;
  border-bottom: 2px solid maroon;
}
.card {
  position: relative;
  width: 215px;
  height: auto;
  overflow: hidden;
  background: #f9f9f9;
  /* border: 2px solid maroon; */
}

.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 10px;
}

.card-overlay {
  /* position: absolute; */
  top: 48px;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(0, 0, 0, 0.7); */
  color: #000;
  /* opacity: 0;
  transition: opacity 0.3s ease; */
  display: flex;
  flex-direction: column;
  padding: 10px;
}

.card:hover .card-overlay {
  opacity: 1;
}

.card-overlay h3 {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.card-overlay p {
  font-size: 14px;
  overflow: hidden;
  max-height: 120px;
}

.card-overlay button {
  background-color: #cd2341;
  color: #fff;
  border: none;
  padding: 8px;
  font-weight: bold;
  cursor: pointer;
  border-radius: 10px;
}
.card-overlay button:hover{
  background-color: #07253F !important;
}
.product-wrap {
  display: flex;
  justify-content: center;
}

.product {
  background-color: #fff;
  width: 320px;
  overflow: hidden;
  transition: transform 0.3s ease;
  padding-bottom: 1rem;
}

.product img {
  width: 100%;
  height: auto;
  display: block;
  border-bottom: 1px solid #eee;
  padding: 8px;
}

.product-name {
  font-size: 14px;
  color: #000;
}
.product-name a {
  text-decoration: underline;
  font-weight: 600;
  color: #07253F;
}

.ample_color_span {
  color: #e74c3c;
  font-weight: 600;
  margin-left: 0.3rem;
}

.product-details {
  padding: 1rem;
  font-size: 0.95rem;
}

.product-details h4 {
  margin-bottom: 0.75rem;
}

.product .fa {
  margin-right: 5px;
  color: white;
}


.new-review-error {
    font-size: 12px;
    color: red;
    font-family: sans-serif;
}

.success-review-msg {
    font-size: 13px;
    color: #398439;
    font-family: sans-serif;
    font-weight: bold;
}

.custom button.items-count-mbl {
    background-color: #F5F5F5;
    transition: color .3s ease-in-out 0s, background-color .3s ease-in-out 0s, background-position .3s ease-in-out 0s;
    border: none;
    clear: both;
    color: #999;
    font-size: 14px;
    line-height: normal;
    padding: 9px 11px;
    text-align: center;
}

.custom button.items-count-mbl.reduced_mbl {
    margin-right: 2px;
}

.pull-left .qty_mbl_cls {
    border: 2px solid #DDD;
    color: #000;
    font-weight: 700;
    margin-right: 0;
    width: 38% !important;
    float: none !important;
    max-width: none !important;
    background: #FFF;
    text-align: center;
    font-size: 14px;
}

.no-space, .pull-left .qty_mbl {
    padding: 0;
}

.btn_donate_amount, .btn_donate_amount:hover {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    background: #cd2341;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 100;
    border: 2px solid #fff;
    border-radius: 5px;
    text-decoration: none;
}

.donation_msg {
    display: none;
}

.donation_msg_mbl {
    display: none;
}

.donation_notice {
    color: red;
    border: 2px solid #FF4500;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    background: #fff;
    margin-top: 10px;
}

.donation_notice_mbl {
    color: red;
    border: 2px solid #FF4500;
    border-radius: 5px;
    padding: 5px;
    text-align: center;
    background: #fff;
}

.charity-detail {
    padding: 0px 0 15px;
    margin-bottom: 10px;
}
.charity-line {
    padding: 10px 0;
    margin-bottom: 14px;
    float: left;
    width: 100%;
}
.charity-user {
    text-align: center;
}
.charity-user .charity-round {
    border: 2px solid #cd2341;
    width: 75px;
    height: 75px;
    text-align: center;
    margin: 0 auto !important;
    display: block;
    border-radius: 15px;
}
.charity-user .charity-round img {
    width: 25px;
    padding-top: 15px;
}
.charity-user .charity-round h6 {
    margin: 0px 0 0;
}
.charity-detail, .charity-line {
    border-bottom: 1px dotted #999;
}
.charity-user .charity-round .fa.fa-user {
    font-size: 25px;
    padding-top: 18px;
    color: #cd2341;
}
.charity-user .charity-round h5, .charity-user .charity-round h6 {
    font-size: 16px;
    color: #cd2341;
    font-weight: 700;
    font-family: sans-serif;
}
#product .pb-right-column .product-name {
    font-size: 24px;
    margin: 0;
}
#product .pb-right-column .form-action {
    background: #e7e7e7;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    clear: both;
    padding: 7px;
}


.btn-add-donate {
    height: 35px;
    width: 52%;
    line-height: 35px;
    font-size: 14px;
    color: #FFF;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    clear: both;
    padding: 0 13px;
    background: #cd2341;
}
.btn-add-donate:hover{
    color: black;
    text-decoration: underline;
}


.page-product-box .heading {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    padding-top: 17px;
    padding-bottom: 17px;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
/* #reviews {
    max-height: 730px;
    overflow-y: scroll;
    overflow-x: hidden;
} */

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    font-size: 23px;
    color: #ffb639;
}

  .rating-div-select h4 {
      font-size: 17px;
      font-family: sans-serif;
  }

  .rating-div-select h2 {
      font-size: 25px;
      font-family: sans-serif;
      padding: 10px 0px;
  }

  .rating-div-select .btn {
    border-radius: 4px;
    width: auto !important;
    height: auto !important;
    line-height: 18px;
    border: 1px solid #07253F;
    margin: 2px;
    padding: 2px;
    background-color: #07253F;
  }

  .rating-div-select .glyphicon {
      font-size: 12px;
  }

  .rating-div-select .pull-left .pull-left .glyphicon {
      font-size: 12px;
  }

  .rating-div-select .btn-grey {
      color: #FFF !important;
  }

  .rating-div-select .btn-warning:hover {
      color: #fff !important;
      background-color: #ec971f !important;
      border-color: #d58512 !important;
  }

  .rating-div-select .pull-left .progress {
      width: 100% !important;
      position: inherit !important;
  }

  .rating-div-select .pull-left .pull-left .progress {
      width: 100% !important;
      position: inherit !important;
  }

  .cancel-btn {
      width: auto !important;
      height: auto;
      font-size: 15px;
      font-family: sans-serif;
  }

  .success-btn {
      width: auto !important;
      height: auto;
      font-size: 15px;
      font-family: sans-serif;
  }

  .cancel-btn .glyphicon {
      font-size: 12px;
      color: #fff;
      margin-right: 2px;
  }

  .success-btn .glyphicon {
      font-size: 12px;
      color: #fff;
      margin-right: 2px;
  }

  .user-users {
      font-size: 12px;
      padding: 4px 4px 0px 0px;
  }

  .rating-breakdown {
      font-size: 17px;
      font-family: sans-serif;
      display: inherit;
  }

/* zoomer */
.piclist {
    margin-top: 30px
}

.piclist li {
    display: inline-block
}

.piclist li img {
    width: 100%;
    height: auto
}
.picZoomer-pic-wp {
    overflow: hidden
}

/* .picZoomer-pic-wp:hover .picZoomer-cursor {
    display: block
} */

.picZoomer-zoom-pic {
    position: absolute;
    top: 0;
    left: 0
}

.picZoomer-pic {
    width: 100%;
    height: 100%
}

.picZoomer-zoom-wp {
    display: none;
    position: absolute;
    z-index: 999;
    overflow: hidden
}

.picZoomer-cursor {
    display: none;
    cursor: zoom-in;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #eee;
    background-color: rgba(0, 0, 0, .1)
}

.picZoomCursor-ico {
    width: 23px;
    height: 23px;
    position: absolute;
    top: 40px;
    left: 40px;
    background: left top no-repeat
}

.span6.carousel-block li {
    width: 90px;
}

.span6.carousel-block li img {
    width: 90px;
    border: 3px solid #DEDBDB;
    height: 90px;
}

.carouseller::after {
    clear: both;
}

.carouseller [class*="span"] {
    box-sizing: border-box;
    float: left;
    margin-left: 0.25641% !important;
}

.carouseller [class*="span"]:first-child {
    margin-left: 0 !important;
}

.carouseller > .carousel-wrapper > .carousel-items > .span_by5 {
    margin: 0;
    width: 1%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span12 {
    width: 10%;
}

.carouseller > .carousel-wrapper > .carousel-items > .span6 {
    margin: 0;
}

.carouseller > .carousel-wrapper > .carousel-items > .span1, .carouseller > .carousel-wrapper > .carousel-items > .span2, .carouseller > .carousel-wrapper > .carousel-items > .span3, .carouseller > .carousel-wrapper > .carousel-items > .span4 {
    margin: 0;
    width: 1%;
}

.carouseller {
    position: relative;
    width: 340px;
}

.carouseller .carousel-items {
    position: relative;
    width: 997.436%;
}

.carouseller .carousel-block {
    display: inline-block;
    position: relative;
}

.amp-qua ul, .carouseller .carousel-block:nth-child(n+7) {
    display: none;
}

.carouseller .carousel-wrapper {
    margin: 0 22px 0 32px;
    overflow: hidden;
    position: relative;
}

.carouseller .carousel-button-left, .carouseller .carousel-button-right {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    color: #000000;
    font-size: 40px;
    margin: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    text-decoration: none;
}

.carouseller .carousel-button-left {
    left: 0;
    top: 15px !important;
}

.carouseller .carousel-button-right {
    right: 0;
    top: 15px !important;
}

.carouseller .carousel-button-left:hover, .carouseller .carousel-button-right:hover {
    opacity: 0.8;
}

.carousel-block {
    background-color: #e5e5e5;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 979px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span1, .carouseller > .carousel-wrapper > .carousel-items > .span12, .carouseller > .carousel-wrapper > .carousel-items > .span2, .carouseller > .carousel-wrapper > .carousel-items > .span3, .carouseller > .carousel-wrapper > .carousel-items > .span4, .carouseller > .carousel-wrapper > .carousel-items > .span6, .carouseller > .carousel-wrapper > .carousel-items > .span_by5 {
        width: 3.16239%;
    }
}

@media (max-width: 767px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span1, .carouseller > .carousel-wrapper > .carousel-items > .span12, .carouseller > .carousel-wrapper > .carousel-items > .span2, .carouseller > .carousel-wrapper > .carousel-items > .span3, .carouseller > .carousel-wrapper > .carousel-items > .span4, .carouseller > .carousel-wrapper > .carousel-items > .span6, .carouseller > .carousel-wrapper > .carousel-items > .span_by5 {
        width: 4.8718%;
    }
}

@media (max-width: 480px) {
    .carouseller > .carousel-wrapper > .carousel-items > .span1, .carouseller > .carousel-wrapper > .carousel-items > .span12, .carouseller > .carousel-wrapper > .carousel-items > .span2, .carouseller > .carousel-wrapper > .carousel-items > .span3, .carouseller > .carousel-wrapper > .carousel-items > .span4, .carouseller > .carousel-wrapper > .carousel-items > .span6, .carouseller > .carousel-wrapper > .carousel-items > .span_by5 {
        width: 10%;
    }
}

h1 {
    font-size: 40px;
    margin-bottom: 30px;
}

.carouseller {
    margin-bottom: 20px;
}


.sidebar-booking-box {
  position: relative;
}

.sidebar-booking-box h3 {
  background: #cd2341;
  color: #FFF;
  padding: 10px 39px 22px;
  font-weight: 700;
  letter-spacing: 1px;
  position: relative;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
}

.sidebar-booking-box h3::after {
  background: #cd2341;
  border-radius: 50%;
  color: #FFF;
  content: "🏆";
  font-family: FontAwesome;
  left: 41%;
  padding: 10px 17px;
  position: absolute;
  top: 63%;
  font-size: 18px;
}

.booking-box-body {
  background: #E6E6E6;
  box-shadow: 0 0 5px #E6E6E6;
  padding: 15px 5px 0;
}

.no-space,.pull-left .qty {
  padding: 0;
}

.booking-box-body label {
  font-family: sans-serif;
  font-size: 13px;
  margin-top: 14px;
  font-weight: 400;
  width: 100%;
  color: black;
  margin-left: 15px;
}

.booking-box-body .input-group {
  margin: 7px 0 0;
}

.custom.pull-left {
  width: 58%!important;
  margin-top: 3px;
}

.pull-left .qty,.pull-left .qty-a {
  border: 2px solid #DDD;
  color: #000;
  font-weight: 700;
  margin-right: 0;
  width: 38%!important;
  float: none!important;
  max-width: none!important;
  background: #FFF;
  text-align: center;
  font-size: 14px;
}

.pull-left .qty-a {
  padding: 7px 0!important;
}

.custom button.items-count.reduced {
  margin-right: 2px;
}

.custom button.items-count-charity {
  background-color: #F5F5F5;
  transition: color .3s ease-in-out 0s,background-color .3s ease-in-out 0s,background-position .3s ease-in-out 0s;
  border: none;
  clear: both;
  color: #999;
  font-size: 14px;
  line-height: normal;
  padding: 9px 11px;
  text-align: center;
}

button {
  cursor: pointer;
}

button,input {
  outline: 0;
  background: 0 0;
}

.booking-box-body .grand-total1 {
  margin-top: 10px;
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
  background: 0 0;
  padding: 2px 0;
}

.booking-box-body .grand-total1 span {
  background: 0 0;
  color: #07253F;
  margin: 11px 0 0 5px;
  padding: 0;
  text-transform: capitalize;
  font-size: 14px;
  float: left;
}

.booking-box-body .grand-total1 .res-collection-sub,.booking-box-body .grand-total1 h4 {
  color: #cd2341;
  text-transform: capitalize;
  font-size: 16px;
  background: 0 0;
  font-weight: 700;
  float: left;
}

.booking-box-body .grand-total1 h4 {
  margin: 13px 0 0;
  padding: 0 5px 0 3px;
}

.booking-box-body .grand-total1 .res-collection-sub {
  padding: 0;
  margin: 10px 0 0;
}

#contact .page-subheading,.checkout-page .checkout-sep,.contact-me,.layered .layered_subtitle,.page-heading span.page-heading-title2,.page-product-box .heading,.product-tab .nav-tab>li,.testimonials .client-mane {
  text-transform: uppercase;
}

.booking-box-body .grand-total {
  margin-top: 15px;
  margin-left: -5px;
  margin-right: -5px;
  overflow: hidden;
  background: #07253F;
  padding: 15px 0;
}

.map.sidebar-item h4,.map.sidebar-item h5 {
  background: #E6E6E6;
  line-height: 17px;
  margin: 0;
  text-align: center;
  font-family: sans-serif;
  color: #666;
  font-weight: 700;
}

.map.sidebar-item h4 {
  padding: 5px 15px;
  font-size: 13px;
}

.map.sidebar-item h5 {
  padding: 5px 15px 10px;
  font-size: 12px;
}

.check-box-list li,.tree-menu li {
  line-height: 24px;
}

#columns {
  padding-top: 0px;
  padding-bottom: 30px;
}

#left_column .left-module {
  margin-bottom: 15px;
  overflow: hidden;
}

#left_column .left-module .owl-dots {
  bottom: 0px;
}

#left_column .left-module:last-child {
  margin-bottom: 0;
}

#left_column .left-module img {
  margin: 0 auto;
}

#left_column .block {
  border: 1px solid #cd2341;
}

#left_column .block .title_block {
    font-size: 16px;
    font-weight: 700;
    border-bottom: 1px solid #cd2341;
    padding-left: 28px;
    text-transform: uppercase;
    padding-top: 11px;
    padding-bottom: 12px;
}
#left_column .left-module img {
    margin: 0 auto;
}


/* .tab-pane span{
  color: black;
  font-size: 15px;
} */
.tab-nav-boxed .nav-tabs {
    gap: 10px;
}

.tab-nav-boxed .nav-tabs .nav-item {
    margin-bottom: 0;
}

.tab-nav-boxed .nav-tabs .nav-link {
    padding: 10px 20px;
    border: none;
    border-bottom: 2px solid transparent;
    color: #444;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
}

.tab-nav-boxed .nav-tabs .nav-link:hover,
.tab-nav-boxed .nav-tabs .nav-link:focus {
    color: #cd2341;
    background-color: transparent;
}

.tab-nav-boxed .nav-tabs .nav-link.active {
    color: #cd2341;
    background-color: transparent;
}

ul.nav.nav-tabs{
  background: aliceblue;
}

.tab-pane p{
    color: black;
    font-size: 16px;
}
@media (min-width: 300px) and (max-width: 480px) {
    .picZoomer-pic-wp {
        overflow: hidden;
        position: relative;
        width: 100% !important;
        margin-top: 15px;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .content-wrapper{
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    #left_column,
    #center_column {
        width: 100% !important;
        max-width: 100%;
        float: none !important;
        display: block;
    }

    #left_column {
        order: 1;
        margin-bottom: 20px;
    }

    #center_column {
        order: 1;
    }

  .product-wrap {
    flex-direction: column;
    align-items: center;
  }

  .product, .card {
    width: 90%;
  }


  .card-overlay h3 {
    font-size: 16px;
  }

  .card-overlay p {
    font-size: 13px;
  }

  .product-details {
    padding: 0.75rem;
  }

  .product-details h4 {
    font-size: 16px;
  }

  .product-name {
    font-size: 13px;
  }
  .picZoomer-pic {
    width: 440px !important;
    margin: 0 auto;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
      .charity-round-text {
          width: 100%;
          text-align: left;
      }

      .charity-user .charity-round {
          margin-left: 0;
      }

      .lef_col_mainj12, .pb-left-column {
          padding-left: 0px;
          padding-right: 0px;
      }

      .btn-comment {
          width: 100% !important;
      }

      .form-option {
          padding-left: 0px;
      }
  }

@media only screen and (max-width: 480px) {
  .product, .card {
    width: 100%;
  }

  .card-overlay {
    top: 38px;
    padding: 8px;
  }

  .card-overlay h3 {
    font-size: 14px;
  }

  .card-overlay p {
    font-size: 12px;
    max-height: 100px;
  }

  .card-overlay button {
    padding: 8px;
    font-size: 14px;
  }

  .product-details {
    padding: 0.5rem;
    font-size: 0.85rem;
  }

  .product-wrap {
    padding: 1rem;
  }
}

.disabled-link {
  pointer-events: none;
  color: gray;
  opacity: 0.3;
  cursor: not-allowed;
}

.error_charity_msg {
  display: none;
}
.sdassasa {
  display: inline-block;
}

.scroll-comment {
  max-height: 170px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  scrollbar-color: #dc3741 white;
  scrollbar-width: thin;
  padding: 20px 15px 0px 0px;
}

.review-container {
  display: none;
}

.rating_stars.selected {
  color: gold;
}


.user_rating_star {
  font-size: 8px !important;
  font-weight: bold !important;
  color: #666 !important;
}

.user_rating_star_active {
  font-size: 8px !important;
  color: #ffb34c !important;
}