.nav-tabs {
     padding-bottom: 0px;
 }
 
 .mb-3,
 .my-3 {
     margin-bottom: 2rem !important;
 }
 
 @media (max-width: 767px) {
     .sidebar-block-1 .sidebar-contant {
         display: block !important;
         visibility: visible !important;
         opacity: 1 !important;
         height: auto !important;
     }
     .sidebar-block-1 .opener {
         display: none !important;
         /* Hides the plus button since it's no longer needed */
     }
 }
 /* Sticky Pricing Card */
 
 .col-lg-4 .box-shadow.radius-5px {
     scrollbar-width: thin;
     scrollbar-color: #FF715B #f1f1f1;
 }
 
 .col-lg-4 .box-shadow.radius-5px::-webkit-scrollbar {
     width: 6px;
 }
 
 .col-lg-4 .box-shadow.radius-5px::-webkit-scrollbar-track {
     background: #f1f1f1;
     border-radius: 10px;
 }
 
 .col-lg-4 .box-shadow.radius-5px::-webkit-scrollbar-thumb {
     background: #FF715B;
     border-radius: 10px;
 }
 
 .col-lg-4 .box-shadow.radius-5px::-webkit-scrollbar-thumb:hover {
     background: #ff5a42;
 }
 /* Product Gallery Container */
 
 .product-gallery-container {
     width: 100%;
     margin-bottom: 30px;
 }
 
 .gallery-wrapper {
     display: flex;
     gap: 15px;
     background: #fff;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
 /* Thumbnail Carousel */
 
 .thumbnail-carousel {
     width: 120px;
     flex-shrink: 0;
     position: relative;
     background: #f8f9fa;
     display: flex;
     flex-direction: column;
     height: 500px;
 }
 
 .carousel-scroll {
     flex: 1;
     overflow-y: auto;
     overflow-x: hidden;
     padding: 10px 8px;
     max-height: calc(500px - 70px);
     scroll-behavior: smooth;
 }
 
 .carousel-scroll::-webkit-scrollbar {
     width: 4px;
 }
 
 .carousel-scroll::-webkit-scrollbar-track {
     background: #f1f1f1;
 }
 
 .carousel-scroll::-webkit-scrollbar-thumb {
     background: #FF715B;
     border-radius: 2px;
 }
 
 .carousel-scroll::-webkit-scrollbar-thumb:hover {
     background: #FF715B;
 }
 
 .thumbnail-item {
     width: 100%;
     height: 90px;
     margin-bottom: 10px;
     cursor: pointer;
     border-radius: 6px;
     overflow: hidden;
     border: 2px solid transparent;
     transition: all 0.3s ease;
     position: relative;
 }
 
 .thumbnail-item:hover {
     border-color: #FF715B;
     transform: scale(1.05);
 }
 
 .thumbnail-item.active {
     border-color: #FF715B;
     box-shadow: 0 0 0 1px #FF715B;
 }
 
 .thumbnail-item img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }
 /* Carousel Navigation */
 
 .carousel-nav {
     width: 100%;
     height: 35px;
     background: #fff;
     border: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #333;
     font-size: 14px;
     transition: all 0.3s ease;
     border-top: 1px solid #e0e0e0;
 }
 
 .carousel-nav:hover {
     background: #f0f0f0;
     color: #FF715B;
 }
 
 .carousel-nav:disabled {
     opacity: 0.3;
     cursor: not-allowed;
 }
 
 .carousel-up {
     order: -1;
     border-bottom: 1px solid #e0e0e0;
     border-top: none;
 }
 /* Main Image Display */
 
 .main-image-display {
     flex: 1;
     position: relative;
     height: 500px;
     background: #000;
     overflow: hidden;
 }
 
 .main-image-wrapper {
     width: 100%;
     height: 100%;
     position: relative;
 }
 
 .main-image {
     width: 100%;
     height: 100%;
     object-fit: cover;
     display: block;
 }
 /* Product Features */
 
 .product-features {
     display: flex;
     gap: 20px;
     align-items: center;
     flex-wrap: wrap;
 }
 
 .feature-item {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-size: 14px;
     font-weight: 500;
     color: #555;
 }
 
 .feature-item i {
     color: #FF715B;
     font-size: 16px;
 }
 /* Info Cards */
 
 .info-cards-row {
     margin-top: 1.5rem;
     margin-left: 0;
     margin-right: 0;
     width: 100%;
 }
 
 .info-card-enhanced {
     background: #ffffff;
     border-radius: 12px;
     padding: 25px;
     height: 100%;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
     border: 1px solid #f0f0f0;
     display: flex;
     flex-direction: column;
     gap: 15px;
 }
 
 .info-card-enhanced:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 20px rgba(255, 113, 91, 0.15);
     border-color: #FF715B;
 }
 
 .card-icon-wrapper {
     display: flex;
     align-items: center;
 }
 
 .icon-circle {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     background: linear-gradient(135deg, #FF715B 0%, #ff8c75 100%);
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 4px 10px rgba(255, 113, 91, 0.3);
 }
 
 .icon-circle i {
     color: #ffffff;
     font-size: 22px;
 }
 
 .card-content {
     flex: 1;
 }
 
 .card-title {
     font-size: 18px;
     font-weight: 700;
     color: #2c3e50;
     margin: 0 0 10px 0;
     line-height: 1.3;
 }
 
 .card-text {
     font-size: 14px;
     color: #5a6c7d;
     line-height: 1.6;
     margin: 0;
 }
 /* Why Choose Section */
 
 .why-choose-section-wrapper {
     background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
     padding: 50px 30px;
     border-radius: 12px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
 }
 
 .why-choose-section {
     max-width: 1200px;
     margin: 0 auto;
 }
 
 .why-choose-title {
     font-size: 2rem;
     font-weight: 700;
     color: #222;
     margin-bottom: 40px;
     text-align: center;
     position: relative;
     padding-bottom: 15px;
 }
 
 .why-choose-title::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 4px;
     background: linear-gradient(90deg, #FF715B 0%, #ff8a75 100%);
     border-radius: 2px;
 }
 
 .benefits-grid-full {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 25px;
 }
 
 .benefit-item {
     display: flex;
     align-items: flex-start;
     gap: 15px;
     padding: 20px;
     background: white;
     border-radius: 10px;
     transition: all 0.3s ease;
     border: 1px solid #e9ecef;
 }
 
 .benefit-item:hover {
     /* background: #fff;
    box-shadow: 0 6px 20px rgba(255, 113, 91, 0.15); */
     /* transform: translateY(-4px); */
     /* border-color: #FF715B; */
 }
 
 .benefit-icon {
     flex-shrink: 0;
     width: 45px;
     height: 45px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: linear-gradient(135deg, #FF715B 0%, #ff8a75 100%);
     border-radius: 50%;
     color: white;
     font-size: 18px;
 }
 
 .benefit-content {
     flex: 1;
 }
 
 .benefit-content h4 {
     font-size: 16px;
     font-weight: 700;
     color: #000000;
     margin: 0 0 4px 0;
     line-height: 1.3;
 }
 /* Responsive Design */
 
 @media (max-width: 768px) {
     .gallery-wrapper {
         flex-direction: column;
     }
     .thumbnail-carousel {
         width: 100%;
         height: auto;
         flex-direction: row;
         max-height: 100px;
     }
     .carousel-scroll {
         flex-direction: row;
         overflow-x: auto;
         overflow-y: hidden;
         max-height: none;
         display: flex;
         padding: 8px 10px;
     }
     .thumbnail-item {
         width: 80px;
         height: 80px;
         /*  margin-right: 10px;
      margin-bottom: 0; */
         flex-shrink: 0;
         margin-bottom: 0
     }
     .carousel-nav {
         display: none;
     }
     .main-image-display {
         height: 300px;
     }
     .info-card-enhanced {
         padding: 20px;
     }
     .card-title {
         font-size: 16px;
     }
     .card-text {
         font-size: 13px;
     }
     .benefits-grid-full {
         grid-template-columns: 1fr;
         gap: 15px;
     }
     .benefit-item {
         padding: 12px;
     }
     .benefit-icon {
         width: 40px;
         height: 40px;
         font-size: 16px;
     }
     .why-choose-section-wrapper {
         padding: 30px 20px;
     }
     .why-choose-title {
         font-size: 1.5rem;
         margin-bottom: 30px;
     }
 }
 
 @media (max-width: 992px) {
     .col-lg-8 {
         margin-bottom: 30px;
     }
     .benefits-grid-full {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }
 }
 
 @media (min-width: 769px) and (max-width: 991px) {
     .benefits-grid-full {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 
 #description_tab {
     margin-top: 30%;
 }
 
 .rating-summary-block .stars {
     display: flex;
     align-items: center;
     gap: 4px;
 }
 
 .rating-summary-block .star {
     color: #f5b041;
     font-size: 18px;
     line-height: 1;
 }
 
 .rating-summary-block .label-review {
     margin-left: 6px;
     font-size: 15px;
     color: #6c757d;
 }
 
 .rating-summary-block .rating-value {
     font-weight: 700;
     color: #000;
     margin-right: 3px;
 }
 /********************* Start css for open review rating model with design **************** */
 
 .review-box {
     padding: 20px 0;
     border-bottom: 1px solid #e5e5e5;
 }
 
 .review-user {
     display: flex;
     align-items: center;
     margin-bottom: 15px;
 }
 
 .review-user-icon {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     background: #FF715B;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     font-weight: 600;
     margin-right: 12px;
     text-transform: uppercase;
 }
 
 .review-user-name {
     font-size: 17px;
     font-weight: 600;
     color: #111;
 }
 
 .review-rating-row {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     margin-bottom: 5px;
 }
 
 .review-stars {
     color: #ff9900;
     font-size: 18px;
     margin-right: 10px;
     line-height: 1;
 }
 
 .review-title {
     font-size: 18px;
     font-weight: 700;
     color: #0f1111;
 }
 
 .review-date {
     font-size: 15px;
     color: #565959;
     margin-bottom: 6px;
 }
 
 .verified-purchase {
     color: #FF715B;
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 10px;
 }
 
 .review-comment {
     font-size: 16px;
     line-height: 1.7;
     color: #0f1111;
 }
 
 .modal-content {
     border-radius: 12px;
     border: none;
 }
 
 .modal-body {
     padding: 20px 24px;
 }
 
 .modal-header {
     padding: 20px 24px 0;
 }
 /********************* End css for open review rating model with design **************** */