.custom-overlay-box {
    position: absolute;
    top: 30% ;
    left: 0;
		/*transform: translate(-50%);*/
    /*width: 100%;*/
    z-index: 2;
	  width: 100%;
  /*  display: flex;*/
	/*align-self: flex-start;*/
  /*  justify-content: flex-start;*/
    pointer-events: none;
		padding: 0 12px;
}

.custom-overlay-box .white-box {
		opacity: 85%;
		max-width: 420px;
		min-width: 200px;
    background: #fff;
    padding: 6% 7%; /* percent of box width */
    border-radius: 10px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    pointer-events: auto;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*gap: 6px;*/
    /*justify-content: center;*/
}
.custom-overlay-box .container {
	display: flex;
	justify-content: flex-end;
}

.custom-overlay-box .white-box h5 {
    font-size: 28px;
    font-family: 'Arya', sans-serif;
    line-height: 1.5;
    color: #434343;
    font-weight: 400;
}
.custom-overlay-box .white-box .btn-primary {
    background-color: #052880;
    color: var(--orange);
    font-size: 18px;
    font-family: 'Mukta', sans-serif !important;
    font-weight: normal !important;
    padding: 10px 10px;
    border-radius: 10px;
    border: none;
    width: 161px;
    display: inline-block;
    align-self: flex-start;
}
.custom-overlay-box .white-box .btn-primary:hover {
    background-color: #002a66;
}

.carousel {
    position: relative;
}


/*.carousel-item img {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	object-fit: cover;*/
/*}*/

.img-fluid-blogs {
    height: 220px !important;
    width: 100%;
}

.img-fluid {
    filter: brightness(1.1);
}

/* Tablet: scale with image */
@media (min-width: 768px) and (max-width: 1200px) {
    /*.custom-overlay-box {*/
    /*    top: 8vw;*/
    /*    left: 6vw;*/
    /*    width: 40vw;*/
    /*    min-width: 180px;*/
    /*    max-width: 350px;*/
    /*}*/
    /*.custom-overlay-box .white-box {*/
    /*    height: auto;*/
    /*    padding: 1.5em 1.2em;*/
    /*}*/
		.custom-overlay-box .white-box h5{
			font-size: 22px;
		}
}

/* Mobile: full width, stacked */
@media (max-width: 1024px) {
    .cover-slides {
        height: 350px !important;
        min-height: 350px !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    .carousel {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #carouselExampleIndicators .carousel-item {
        height: 350px !important;
			  margin-top: 0 !important;
        padding-top: 0 !important;
    }

   #carouselExampleIndicators .carousel-item img {
        height: 350px !important;
        object-fit: cover !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /*.custom-overlay-box {*/
    /*    position: static;*/
    /*    width: 95vw;*/
    /*    left: 0;*/
    /*    top: 0;*/
    /*    margin: 0 auto;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*    padding: 0;*/
    /*}*/
    /*.custom-overlay-box .white-box {*/
    /*    height: auto;*/
    /*    padding: 20px 10px;*/
    /*}*/

		.custom-overlay-box .white-box h5 {
			font-size: 17px;
		}
    .carousel-inner .carousel-item > div {
        display: block;
    }

    .carousel-caption {
        padding: 0;
        bottom: 15px !important;
        left: -11%;
    }

    .btn-lg {
        padding: .2rem 1rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .3rem;
    }
}

/*@media only screen and (max-width: 500px) {*/
/*    .cover-slides {*/
/*        height: 250px !important;*/
/*        min-height: 250px !important;*/
/*        margin-top: 0 !important;*/
/*        padding-top: 0 !important;*/
/*    }*/

/*    .carousel {*/
/*        margin-top: 0 !important;*/
/*        padding-top: 0 !important;*/
/*    }*/

/*    .carousel-item {*/
/*        height: 250px !important;*/
/*        margin-top: 0 !important;*/
/*        padding-top: 0 !important;*/
/*    }*/

/*    .carousel-item img {*/
/*        height: 250px !important;*/
/*        object-fit: cover !important;*/
/*        margin-top: 0 !important;*/
/*        padding-top: 0 !important;*/
/*    }*/
/*}*/
.carousel-indicators{
	z-index: 9;
}

.carousel-indicators .active {
    /*background-color: #8dc740 !important;*/
    background-color: #052880 !important;
		border:none !important;
		opacity: 1;
}

.carousel-indicators li {

    /*background-color: #f6b518 !important;*/
    background-color: #052880 !important;
		opacity: 0.3;
}

.carousel-caption {
    right: 38%;
    bottom: 50px !important;
}

/* --- Product Card Improvements --- */
.product-card {
  /*width: 372px;*/
  /*height: 524px;*/
	width: 100%;
	max-width: 372px;
	height:auto;
	min-height: 524px;
	margin:0 auto;
  border-radius: 10px !important;
  border: 1px solid #C6C6C6;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
	transition: transform .5s;
}
.product-card:hover {
    box-shadow: 0 10px 32px rgba(0,0,0,0.18);
		transform: scale(1.1);
		z-index: 1;
}

.product-card .card-body {
    padding-top: 2.7rem !important;
    padding-bottom: 2.2rem !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.product-image-wrapper {
    min-height: 270px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 1.5rem;
}
.product-image {
    max-height: 240px;
    max-width: 100%;
    object-fit: contain;
    /* box-shadow: 0 10px 32px rgba(0,0,0,0.13); */
    border-radius: 12px;
    background: #FFFFFF;
}

/* --- Product Card Discount Badge (Box with Pointer) --- */
.product-card-badge-container {
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: 2;*/
}
.product-card-badge-box {
  width: 194px;
  height: 47px;
  position: relative;
  left: -10px; /* overhangs the card */
	top: -10px;
  background: #D22828;
  color: #fff;
  font-weight: 400;
  font-size: 1rem;
  padding: 0.7rem 1.2rem;
  /* border-radius: 0 1.2rem 1.2rem 0; */
  font-family: 'Poppins', 'Arial', sans-serif;
  /* min-width: 170px; */
  display: inline-block;
  box-shadow: 0 4px 16px rgba(0,0,0,0.13);
}
.product-card-badge-pointer {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: -1px; /* overlap a bit for seamless look */
  width: 0;
  height: 0;
  border-right: 10.2px solid #d32f2f;
  border-top: 1px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 2;
}

.small-size-kg {
	font-size: 0.7rem;
	font-weight: 400;
	/*color: #555; !* optional *!*/
}

@media (max-width: 768px) {
  .product-card-badge-box {
    font-size: 0.95rem;
    min-width: 90px;
    padding: 0.4rem 0.7rem 0.4rem 0.7rem;
    border-radius: 0 0.5rem 0.5rem 0;
  }
  .product-card-badge-pointer {
    border-right: 10px solid #d32f2f;
    border-top: 1px solid transparent;
    border-bottom: 8px solid transparent;
  }
}

@media (max-width: 576px) {
  .product-card-badge-box {
    font-size: 0.9rem;
    min-width: 80px;
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
  }
  .product-card-badge-pointer {
    border-right: 10px solid #d32f2f;
    border-top: 1px solid transparent;
    border-bottom: 6px solid transparent;
  }
}

.product-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1.2rem 1rem 1.2rem 1rem !important;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
}

.product-card-btn-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.1rem;
  margin-top: auto;
  margin-bottom: 0;
	width: 100%;
}

.product-buy-btn {
  background: #052880;
  color: #ffc107;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 8px;
	flex: 1; /*takes remaingn space*/
	min-width: 120px;
  /*max-width: 241px;*/
  height: 53px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  border: 2px solid #2256d8;
  letter-spacing: 0.5px;
  transition: background 0.2s, color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
}

.product-buy-btn:hover {
  background: #2256d8;
  color: #fff;
}

.product-cart-btn {
	flex: 0 0 60px; /* fixed-ish height but shrinkable*/
  background: #FAB615;
  color: #0039a6;
  font-size: 1.5rem;
  border-radius: 10px;
  width: 68px;
  height: 53px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.07);
  border: 2px solid #ffc107;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s;
  text-align: center;
  text-decoration: none;
}

.product-cart-btn:hover {
  background: #ffe066;
  color: #0039a6;
}

.product-card .fw-normal {
	font-size: 1.4rem;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 48px;
  max-height: 48px;
  overflow: hidden;
	text-overflow: ellipsis;
  margin-bottom: 0.5rem;
  align-items: flex-start !important;
	align-self: stretch;
}

.product-card .fw-bold,
.product-card .text-danger {
  text-align: left !important;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.product-card .fw-bold {
  max-width: fit-content;
  margin-top: 10% !important;
  /* margin-left: 6% !important; */
  font-size: 24px !important;
  line-height: 1.1 !important;
  color: #2256d8 !important;
}

.product-card-price-row {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 36px; /* Ensures price row is always same height */
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.product-card .text-danger {
  text-decoration: line-through !important;
  margin-left: -6px !important;
  font-size: inherit !important;
  padding: 10px !important;
}

.product-card .fw-bold,
.product-card .text-danger {
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
  letter-spacing: 0 !important;
}

/* --- Blog Section Styles --- */
.blog-card {
  background: #fff;
  /* border-radius: 8px; */
  border: 1px solid #989898 !important;
  box-shadow: none;
  padding: 0;
  transition: box-shadow 0.2s;
  /* max-height: 515px; */
}
.blog-card-img {
  width: 100%;
  height: 288px;
  object-fit: cover;
  border-radius: 0px;
  /* border-top-left-radius: 8px; */
  /* border-top-right-radius: 8px; */
}
.blog-title {
  font-family: 'Mukta', Arial, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  color: #222;
}
.blog-summary {
  color: #444;
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
  display: inline;
}
.blog-meta {
  color: #888;
  font-size: 1.125rem;
  font-family: 'Mukta', Arial, sans-serif;

}
.blog-link {
  color: #052880;
  font-weight: 500;
  text-decoration: underline;
  font-size: 1.05rem;
  margin-left: 4px;
  transition: color 0.2s;
}
.blog-link:hover {
  color: #2256d8;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .blog-card-img {
    height: 180px;
  }
  .blog-card {
    border-radius: 8px;
  }
}

#blogs .blog-col {
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 24px;
}

/* --- Testimonial Section Styles --- */
.testimonial-section {
  background: #FFC61A;
	position:relative;
}
.testimonial-title {
  font-family: 'Arya', sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  color: #434343;
  letter-spacing: 1px;
}

/* --- Testimonial Section Custom Styles (Requirement) --- */
.testimonial-card-custom {
  border-radius: 12px;
  border-top: 6px solid #052880;
  box-shadow: none;
  margin: 0 0 24px 0;
  padding: 0;
  background: #fff;
  position: relative;
  min-height: 290px;
}

.testimonial-card-custom .row {
  align-items: stretch !important;
}

.testimonial-card-custom .col-md-3,
.testimonial-card-custom .col-4 {
	position: relative;
	height: 120px;
	min-height: 120px;
	flex-shrink: 0;
	flex-grow: 0;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* Testimonial Carousel Styles */
#testimonialCarousel {
  position: relative;
  margin-bottom: 60px;
  overflow: visible;
  min-height: 300px; /* Ensure consistent height */
}

#testimonialCarousel .carousel-inner {
  overflow: visible;
}

#testimonialCarousel .carousel-item {
  overflow: visible;
}





#testimonialCarousel .carousel-indicators {
  bottom: -20px;
  z-index: 1;
  margin-bottom: 0;
}

#testimonialCarousel .carousel-indicators li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  border: 2px solid rgba(255, 255, 255, 0.7);
  margin: 0 5px;
  transition: all 0.3s ease;
}

/* No animations - instant transitions */
#testimonialCarousel .carousel-item {
  transition: none !important;
}

#testimonialCarousel .carousel-inner {
  transition: none !important;
}

#testimonialCarousel .carousel-item * {
  transition: none !important;
}

#testimonialCarousel .carousel-indicators li {
  transition: none !important;
}

/* Disable all Bootstrap carousel animations */
#testimonialCarousel .carousel-item.active,
#testimonialCarousel .carousel-item-next,
#testimonialCarousel .carousel-item-prev {
  transition: none !important;
  display: block !important;
}

#testimonialCarousel .carousel-item-next:not(.carousel-item-start),
#testimonialCarousel .carousel-item.active.carousel-item-end {
  transform: none !important;
}

#testimonialCarousel .carousel-item-prev:not(.carousel-item-end),
#testimonialCarousel .carousel-item.active.carousel-item-start {
  transform: none !important;
}

/* Ensure instant slide changes */
#testimonialCarousel .carousel-item {
  transform: none !important;
}

/* Force immediate display changes */
#testimonialCarousel .carousel-item:not(.active) {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

#testimonialCarousel .carousel-item.active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Override Bootstrap's default carousel timing */
#testimonialCarousel .carousel-item,
#testimonialCarousel .carousel-item.active,
#testimonialCarousel .carousel-item-next,
#testimonialCarousel .carousel-item-prev {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
  transition-property: none !important;
}

/* Disable Bootstrap's slide animation completely */
#testimonialCarousel .carousel-inner {
  transition-duration: 0s !important;
  transition-delay: 0s !important;
}

#testimonialCarousel .carousel-indicators li.active {
  background-color: #fff;
  border-color: #fff;
  transform: scale(1.2);
}

#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

#testimonialCarousel .carousel-control-prev:hover,
#testimonialCarousel .carousel-control-next:hover {
  opacity: 1;
}

#testimonialCarousel .carousel-control-prev {
  left: -50px;
}

#testimonialCarousel .carousel-control-next {
  right: -50px;
}

#testimonialCarousel .carousel-control-prev-icon,
#testimonialCarousel .carousel-control-next-icon {
  filter: invert(1);
  width: 20px;
  height: 20px;
}
.testimonial-quote-custom {
  position: absolute;
  top: 18px;
  right: 32px;
  font-size: 3rem;
  color: #052880;
  font-family: 'Mukta', Arial, sans-serif;
  font-weight: 700;
  z-index: 2;
}
.testimonial-img-wrapper-custom {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
}
.testimonial-img-custom {
  width: 100px;
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #052880;
  background: #fff;
  display: block;
  margin: 0 auto;
}
.testimonial-content-custom {
  flex: 1 1 auto;
}
.testimonial-name-custom {
  font-size: 1.2rem;
  font-weight: 700;
  color: #434343;
  font-family: 'Mukta', Arial, sans-serif;
}
.testimonial-role-custom {
  font-size: 1rem;
  font-weight: 500;
  color: #1a7f37;
  /*margin-left: 0.5rem;*/
  font-family: 'Mukta', Arial, sans-serif;
}
.testimonial-message-custom {
  font-size: 1.1rem;
  color: #333;
  margin-top: 0.5rem;
  font-family: 'Mukta', Arial, sans-serif;
  text-align: justify !important;
}
.testimonial-message-custom p{
  font-weight: normal;
}
@media (max-width: 768px) {
  .testimonial-card-custom {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    max-width: 100%;
    overflow: visible;
    min-height: 250px;
  }
  /* Hide carousel arrow buttons on mobile */
  #testimonialCarousel .carousel-control-prev,
  #testimonialCarousel .carousel-control-next,
  #arrow_carousel {
    display: none !important;
  }
  .testimonial-img-wrapper-custom {
    position: absolute;
    top: 50%;

  }
  .testimonial-img-custom {
    width: 100px;
    height: 100px;
  }
  .testimonial-quote-custom {
    top: 10px;
    right: 16px;
    font-size: 2.2rem;
  }

  /* Mobile carousel adjustments */
  #testimonialCarousel {
    margin-bottom: 50px;
    overflow: visible;
  }

  #testimonialCarousel .carousel-inner {
    overflow: visible;
  }

  #testimonialCarousel .carousel-item {
    overflow: visible;
  }

  #testimonialCarousel .carousel-indicators {
    bottom: -40px;
    position: absolute;
    /* left: 50%;
    transform: translateX(-50%); */
  }

  #testimonialCarousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 3px;
  }

  /* Ensure proper spacing for testimonial cards on mobile */
  #testimonialCarousel .carousel-item .row {
    margin: 0;
    min-height: auto;
  }

  #testimonialCarousel .carousel-item .col-lg-6,
  #testimonialCarousel .carousel-item .col-md-6,
  #testimonialCarousel .carousel-item .col-12 {
    padding: 0 10px;
    max-width: 100%;
    min-height: auto;
  }

  /* Ensure testimonial section container doesn't clip content */
  .testimonial-section {
    overflow: visible;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .testimonial-section .container {
    overflow: visible;
  }

  /* Add top margin to carousel to prevent clipping */
  #testimonialCarousel {
    margin-top: 10px;
  }

  /* Force single column layout on mobile */
  #testimonialCarousel .carousel-item .col-lg-6,
  #testimonialCarousel .carousel-item .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Ensure testimonial cards have proper spacing and don't get clipped */
  .testimonial-card-custom {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  /* Ensure testimonial content doesn't overflow */
  .testimonial-content-custom {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }

  .testimonial-message-custom {
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 0.95rem;
    line-height: 1.4;
    text-align: justify;
  }
}

/* Tablet responsive adjustments */

/* Specific fix for 1024px width */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Force single column layout at 1024px to prevent overflow */
  #testimonialCarousel .carousel-item .col-lg-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .testimonial-card-custom {
    min-height: 250px;
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
  }

  .testimonial-img-custom {
    width: 90px;
    height: 90px;
  }

  .testimonial-img-wrapper-custom {
    width: 90px;
    height: 90px;
  }

  .testimonial-quote-custom {
    top: 12px;
    right: 20px;
    font-size: 2rem;
  }

  .testimonial-name-custom {
    font-size: 1.1rem;
  }

  .testimonial-role-custom {
    font-size: 0.9rem;
  }

  .testimonial-message-custom {
    font-size: 1rem;
    line-height: 1.4;
    text-align: justify;
  }

  /* Ensure proper content spacing at 1024px */
  .testimonial-content-custom {
    padding-left: 5px;
  }

  /* Adjust column spacing for better fit */
  .testimonial-card-custom .col-md-3,
  .testimonial-card-custom .col-4 {
    height: 110px;
    min-height: 110px;
  }

  /* Ensure proper spacing for single column layout at 1024px */
  #testimonialCarousel .carousel-item .row {
    margin: 0;
    justify-content: center;
  }

  #testimonialCarousel .carousel-item .col-12 {
    padding: 0 15px;
  }

  /* Carousel indicators for 1024px */
  #testimonialCarousel .carousel-indicators {
    /*bottom: -45px;*/
  }

  #testimonialCarousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
  }

  /* Ensure carousel controls are properly positioned */
  #testimonialCarousel .carousel-control-prev {
    left: -40px;
  }

  #testimonialCarousel .carousel-control-next {
    right: -40px;
  }

  /* Ensure single testimonial layout works properly */
  #testimonialCarousel .carousel-item .col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Center the single testimonial card */
  #testimonialCarousel .carousel-item .row {
    justify-content: center !important;
  }

  /*  proper container width */
  .testimonial-section .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  /*  testimonial cards don't overflow */
  .testimonial-card-custom {
    box-sizing: border-box;
    overflow: hidden;
  }

  /*  testimonial section doesn't overflow */
  .testimonial-section {
    overflow: visible;
  }

  #testimonialCarousel {
    overflow: visible;
  }

  .testimonial-card-custom .row {
    /*padding: 1rem !important;*/
  }

  /*  text doesn't overflow */
  .testimonial-message-custom {
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
}

/* Small mobile devices */
@media (max-width: 767px) {
  #testimonialCarousel {
    margin-bottom: 20px;
  }

  #testimonialCarousel .carousel-indicators {
    bottom: 10px !important;
  }

  #testimonialCarousel .carousel-indicators li {
    width: 8px;
    height: 8px;
    margin: 0 2px;
  }

  .testimonial-card-custom {
    min-height: 250px;
    max-width: 100%;
  }

  .testimonial-img-custom {
    width: 100px;
    height: 100px;
  }

  .testimonial-quote-custom {
    top: 8px;
    right: 12px;
    font-size: 1.8rem;
  }

  /* Ensure content fits properly */
  .testimonial-content-custom {
    padding-right: 10px;
  }

  .testimonial-message-custom {
    font-size: 0.95rem;
    line-height: 1.4;
    text-align: justify;
  }
}

/* Extra small devices */
/*@media (max-width: 480px) {*/
/*  #testimonialCarousel .carousel-indicators {*/
/*    bottom: -30px;*/
/*  }*/

/*  #testimonialCarousel .carousel-indicators li {*/
/*    width: 7px;*/
/*    height: 7px;*/
/*    margin: 0 2px;*/
/*  }*/

/*  .testimonial-card-custom {*/
/*    min-height: 220px;*/
/*  }*/

/*  .testimonial-img-custom {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*  }*/

/*  .testimonial-quote-custom {*/
/*    top: 6px;*/
/*    right: 10px;*/
/*    font-size: 1.5rem;*/
/*  }*/
/*}*/

@media (max-width: 480px) {
	.testimonial-img-wrapper-custom {
		/*position: relative;*/
		top: auto;
		left: auto;
		transform: none;
		width: 87px;
		height: 64px;
		margin-right: 10px;
		margin-top: 50%;
	}
	/*.testimonial-img-custom {*/
	/*	width: 64px;*/
	/*	height: 64px;*/
	/*}*/

	/* Make the card tighter so it fits small screens */
	.testimonial-card-custom {
		min-height: auto;
		padding: 8px ;
		overflow: hidden;
	}
	.testimonial-card-custom .row {
		padding: 10px !important;
	}

	/* Tone down big quote mark so it doesn’t collide */
	.testimonial-quote-custom {
		font-size: 1.6rem;
		top: 6px;
		right: 10px;
	}

	/* Slightly smaller headings */
	.testimonial-name-custom { font-size: 1rem; line-height: 1.2; margin-bottom: 2px; }
	.testimonial-role-custom { font-size: 0.85rem; }

	/* Clamp long messages with ellipsis (multi-line) */
	.testimonial-message-custom {
		font-size: 0.92rem;
		line-height: 1.35;
		display: -webkit-box;
		-webkit-line-clamp: 6;         /* show ~6 lines */
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		max-height: calc(1.35em * 6);  /* keeps height consistent */
	}

	/* Give dots some breathing room under the card */
	#testimonialCarousel .carousel-indicators {
		/*bottom: -28px;*/
	}
}


/* ---  arrow controls for Testimonial carousel --- */
#testimonialCarousel .carousel-control-prev,
#testimonialCarousel .carousel-control-next {
	width: auto;
	height: auto;
	background: none !important; /* remove round button */
	opacity: 1 !important;       /* always visible */
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

#testimonialCarousel .carousel-control-prev { left: -64px; }
#testimonialCarousel .carousel-control-next { right: -64px; }

#testimonialCarousel .carousel-control-prev-icon,
#testimonialCarousel .carousel-control-next-icon { display: none; }

/*#testimonialCarousel .carousel-control-prev::after,*/
/*#testimonialCarousel .carousel-control-next::after {*/
/*	content: '';*/
/*}*/

#testimonialCarousel .carousel-control-prev {
	z-index: 6;
	font-size: 100px;
	font-weight: 700;
	color: #052880;
	line-height: 1;
	width: 20px;
	border-radius: 0;
	height: 100%;
	position:absolute;
	/*left: 0;*/
}
#arrow_carousel{
	font-size: 100px;
	font-weight: 700;
	color: #052880;

}
#testimonialCarousel .carousel-control-next {
	/*content: '›';*/
	font-size: 100px;
	font-weight: 700;
	color: #052880;
	width: 20px;
	border: 2px solid black;
	border-radius: 0;
	height: 100%;
	/*line-height: 1;*/
}