.mt-6 {
    margin-top: 3.5rem !important
}

.mt-7 {
    margin-top: 4rem !important
}

.mt-8 {
    margin-top: 4.5rem !important
}

.mt-9 {
    margin-top: 5rem !important
}

.mt-auto {
    margin-top: auto !important
}

.mb-6 {
    margin-bottom: 3.5rem !important
}

.mb-7 {
    margin-bottom: 4rem !important
}

.mb-8 {
    margin-bottom: 4.5rem !important
}

.mb-9 {
    margin-bottom: 5rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

@media(min-width:576px) {
    .mt-sm-6 {
        margin-top: 3.5rem !important
    }

    .mt-sm-7 {
        margin-top: 4rem !important
    }

    .mt-sm-8 {
        margin-top: 4.5rem !important
    }

    .mt-sm-9 {
        margin-top: 5rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .mb-sm-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-sm-7 {
        margin-bottom: 4rem !important
    }

    .mb-sm-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-sm-9 {
        margin-bottom: 5rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:768px) {
    .mt-md-6 {
        margin-top: 3.5rem !important
    }

    .mt-md-7 {
        margin-top: 4rem !important
    }

    .mt-md-8 {
        margin-top: 4.5rem !important
    }

    .mt-md-9 {
        margin-top: 5rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .mb-md-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-md-7 {
        margin-bottom: 4rem !important
    }

    .mb-md-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-md-9 {
        margin-bottom: 5rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:992px) {
    .mt-lg-6 {
        margin-top: 3.5rem !important
    }

    .mt-lg-7 {
        margin-top: 4rem !important
    }

    .mt-lg-8 {
        margin-top: 4.5rem !important
    }

    .mt-lg-9 {
        margin-top: 5rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .mb-lg-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-lg-7 {
        margin-bottom: 4rem !important
    }

    .mb-lg-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-lg-9 {
        margin-bottom: 5rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:1200px) {
    .mt-xl-6 {
        margin-top: 3.5rem !important
    }

    .mt-xl-7 {
        margin-top: 4rem !important
    }

    .mt-xl-8 {
        margin-top: 4.5rem !important
    }

    .mt-xl-9 {
        margin-top: 5rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .mb-xl-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-xl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xl-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-xl-9 {
        margin-bottom: 5rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }
}

@media(min-width:1400px) {
    .mt-xxl-6 {
        margin-top: 3.5rem !important
    }

    .mt-xxl-7 {
        margin-top: 4rem !important
    }

    .mt-xxl-8 {
        margin-top: 4.5rem !important
    }

    .mt-xxl-9 {
        margin-top: 5rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .mb-xxl-6 {
        margin-bottom: 3.5rem !important
    }

    .mb-xxl-7 {
        margin-bottom: 4rem !important
    }

    .mb-xxl-8 {
        margin-bottom: 4.5rem !important
    }

    .mb-xxl-9 {
        margin-bottom: 5rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }
}

@media(max-width:767.98px) {
    .bsb-fact-5 .border-start {
        border-left: none !important
    }

    .bsb-fact-5 .border-end {
        border-right: none !important
    }
}

@media(min-width:768px) {
    .bsb-fact-5 .border-top {
        border-top: none !important
    }

    .bsb-fact-5 .border-bottom {
        border-bottom: none !important
    }
}

.image-upload-container {
    max-width: 400px;
}

.image-preview {
    margin-bottom: 10px;
    min-height: 50px;
}

.image-preview img {
    display: block;
    margin-bottom: 10px;
}

.remove_image_button {
    margin-left: 10px;
}

.list-item-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.list-item-group input {
    flex-grow: 1;
}

/* Admin styles for better UI */
.expert-member-group {
    background: #f9f9f9;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 4px;
}

.image-upload-container {
    margin: 10px 0;
}

.image-preview img {
    max-width: 150px;
    height: auto;
    margin-bottom: 10px;
}

/* Testimonial Slider Styles */
.testimonial-slider-wrapper {
    height: 400px; /* Adjust height as needed */
}

.testimonialSwiper {
    height: 100%;
    overflow: hidden;
}

.testimonialSwiper .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
}

.testimonial-slide-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.testimonial-card {
    flex: 1;
}

.testimonial-card:last-child {
    margin-bottom: 0 !important;
}

/* Ensure consistent card styling */
.testimonial-card .card {
    height: 100%;
    min-height: 180px;
}

/* Client image and info styling */
.testimonial-card .client-image img {
    border: 2px solid #f8f9fa;
}

.testimonial-card .client-name strong {
    color: #ffffff;
    font-size: 14px;
}

.testimonial-card .client-name .text-muted {
    color: #ffffff !important;
    font-size: 12px;
}

/* Navigation buttons styling */
.testimonial-next,
.testimonial-prev {
    color: #007bff;
    background: rgba(255, 255, 255, 0.8);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.testimonial-next:after,
.testimonial-prev:after {
    font-size: 14px;
    font-weight: bold;
}

.testimonial-next {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.testimonial-prev {
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

/* Pagination styling */
.testimonial-pagination {
    bottom: 10px;
    text-align: center;
}

.testimonial-pagination .swiper-pagination-bullet {
    background: #007bff;
    opacity: 0.5;
}

.testimonial-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .testimonial-slider-wrapper {
        height: 450px;
    }
    
    .testimonial-card .card {
        min-height: 160px;
    }
}

.rating.text-end {
    position: relative;
    top: 0px;
}