.max-w-14rem {
    max-width: 6.5rem;
}

/* Arrow Slider on OWL Carousel */
/* Technology */
.owl-carousel-tech .owl-prev {
    width: 15px;
    /* height: 100px; */
    position: absolute;
    top: 0;
    left: -5px;
    display: block !important;
    border: 0px solid black;
}

.owl-carousel-tech .owl-next {
    width: 15px;
    /* height: 100px; */
    position: absolute;
    top: 0;
    right: -10px;
    display: block !important;
    border: 0px solid black;
}

@media (max-width: 428px) {
    .owl-carousel-tech .owl-prev {
        left: -25px;
    }

    .owl-carousel-tech .owl-next {
        right: -25px; /* Adjust distance from right */
    }
}

/* END Technology */

/* Testimoni */
.owl-carousel-testi .owl-nav [class*="owl-"]:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
    transition: background-color 0.3s ease;
}

.owl-carousel-testi .owl-prev,
.owl-carousel-testi .owl-next {
    width: 30px; /* Ukuran tombol */
    height: 70px;
    font-size: 2rem !important; /* Perbesar ukuran arrow */
    position: absolute;
    top: 50%; /* Posisikan di tengah vertikal */
    transform: translateY(-50%); /* Geser ke tengah */
    display: flex;
    align-items: center; /* Arrow di tengah vertikal */
    justify-content: center; /* Arrow di tengah horizontal */
    color: white !important;
    border-radius: 3px;
}

.owl-carousel-testi .owl-prev {
    left: -35px;
}

.owl-carousel-testi .owl-next {
    right: -35px;
}

@media (max-width: 430px) {
    .owl-carousel-testi .owl-prev {
        left: -15px;
    }

    .owl-carousel-testi .owl-next {
        right: -15px;
    }
}

/* END Testimoni */

/* ***** PRICING CUSTOM STYLE ****** */
/* Beautiful Instagram-Themed Gradient Button */
.btn-gradient-modern {
    background: linear-gradient(135deg, #e1306c 0%, #f77737 50%, #fcaf45 100%);
    border: none;
    color: white;
    font-weight: 600;
    border-radius: 50px;
    padding: 12px 30px;
    box-shadow: 0 8px 20px rgba(225, 48, 108, 0.3);
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    text-decoration: none;
}

.btn-gradient-modern:before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: left 0.5s;
}

.btn-gradient-modern:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(225, 48, 108, 0.4);
    background: linear-gradient(135deg, #c13584 0%, #e1306c 50%, #f77737 100%);
    color: white;
    text-decoration: none;
}

.btn-gradient-modern:hover:before {
    left: 100%;
}

.btn-gradient-modern:active {
    transform: translateY(0);
    box-shadow: 0 6px 15px rgba(225, 48, 108, 0.3);
}

.btn-gradient-modern i {
    margin-right: 8px;
    transition: transform 0.3s ease;
}

.btn-gradient-modern:hover i {
    transform: scale(1.1) rotate(5deg);
}

/* Improved Pricing Cards */
.pricing-card-header {
    padding: 15px 20px 10px 20px !important;
}

.pricing-card-header .h3 {
    margin-bottom: 5px !important;
    font-size: 1.1rem !important;
    color: #6c757d !important;
}

.pricing-main-price {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 5px !important;
    margin-bottom: 10px !important;
}

.pricing-main-price .currency {
    font-size: 1.2rem !important;
    font-weight: 500 !important;
    color: #6c757d !important;
}

.pricing-main-price .amount {
    font-size: 2.5rem !important;
    font-weight: 700 !important;
    color: #007bff !important;
    line-height: 1 !important;
}

.pricing-main-price .period {
    font-size: 1rem !important;
    color: #6c757d !important;
    margin-left: 3px !important;
}

.pricing-starting-text {
    margin: 8px 0 5px 0 !important;
}

.pricing-starting-text h4 {
    font-size: 0.85rem !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* Pricing card body improvements */
.pricing-card-body {
    padding: 15px 20px !important;
}

.pricing-card-body .media {
    margin-bottom: 12px !important;
}

.pricing-card-body .media:last-child {
    margin-bottom: 0 !important;
}

/* Footer button improvements */
.pricing-card-footer {
    padding: 15px 20px 20px 20px !important;
}

.pricing-card-footer .btn {
    font-size: 0.9rem !important;
    padding: 10px 20px !important;
    font-weight: 600 !important;
}

/* Modern Pricing Card Styles */
.modern-pricing-card {
    border: 1px solid #e9ecef !important;
    border-radius: 12px !important;
    transition: all 0.3s ease !important;
    overflow: hidden !important;
}

.modern-pricing-card .card-body {
    border-radius: 12px !important;
}

.modern-pricing-card .card-body > div:last-child {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.modern-pricing-card:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important;
    transform: translateY(-2px) !important;
}

/* Price Display */
.pricing-display {
    display: flex !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 2px !important;
    position: relative !important;
}

.pricing-currency {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    color: #6c757d !important;
}

.pricing-amount {
    font-size: 3rem !important;
    font-weight: 700 !important;
    color: #212529 !important;
    line-height: 1 !important;
}

.pricing-suffix {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    color: #212529 !important;
}

.pricing-period {
    font-size: 1rem !important;
    color: #6c757d !important;
    margin-left: 4px !important;
}

.pricing-contract {
    font-size: 0.8rem !important;
    color: #6c757d !important;
    margin-left: 4px !important;
}

/* Modern CTA Button */
.btn-modern-cta {
    background: #007bff !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.btn-modern-cta:hover {
    background: #0056b3 !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3) !important;
    text-decoration: none !important;
}

.btn-modern-cta:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
    color: white !important;
    text-decoration: none !important;
}

/* Modern Features List */
.modern-features-list {
    margin-top: 20px !important;
}

.modern-features-list li {
    display: flex !important;
    align-items: flex-start !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
}

.modern-features-list .fas {
    margin-top: 2px !important;
    font-size: 0.8rem !important;
}

.font-weight-medium {
    font-weight: 500 !important;
}

/* Enhanced Pricing Card Sections */
.pricing-header {
    border-bottom: 1px solid #f8f9fa !important;
}

.package-badge {
    position: relative !important;
}

.badge-soft-primary {
    background-color: rgba(0, 123, 255, 0.1) !important;
    color: #007bff !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
}

.pricing-section {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

/* Trust Indicators */
.trust-indicators {
    background: #f8f9fa !important;
    border-bottom: 1px solid #e9ecef !important;
    padding-top: 20px !important;
}

.trust-item {
    padding: 8px 2px !important;
}

.trust-item i {
    font-size: 1.2rem !important;
    margin-bottom: 8px !important;
}

/* CTA Section Enhancement */
.cta-section {
    background: #fff !important;
    border-bottom: 1px solid #e9ecef !important;
}

/* Lite Package Button - Subtle and Less Attractive */
.btn-lite-cta {
    background: #6c757d !important;
    border: none !important;
    color: white !important;
    font-weight: 500 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.2) !important;
}

.btn-lite-cta:hover {
    background: #5a6268 !important;
    color: white !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 3px 10px rgba(108, 117, 125, 0.3) !important;
    text-decoration: none !important;
}

.btn-modern-cta {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}

.btn-modern-cta:hover {
    background: linear-gradient(135deg, #218838 0%, #1e9e83 100%) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(40, 167, 69, 0.4) !important;
    text-decoration: none !important;
}

/* Features Section */
.features-section {
    background: #fff !important;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

/* Lite Card Specific Styling */
.lite-card {
    height: auto !important;
    min-height: fit-content !important;
}

.lite-card .card-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: auto !important;
}

.feature-group {
    text-align: left !important;
}

.feature-group-title {
    font-size: 0.85rem !important;
    color: #6c757d !important;
    font-weight: 600 !important;
    padding: 10px 0px !important;
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    padding-left: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.modern-features-list {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

.modern-features-list li {
    padding: 4px !important;
    border-left: 2px solid transparent !important;
    padding-left: 8px !important;
    transition: all 0.2s ease !important;
}

.modern-features-list li:hover {
    border-left-color: #28a745 !important;
    background: rgba(40, 167, 69, 0.05) !important;
    margin-left: -8px !important;
    padding-left: 16px !important;
}

/* Upgrade Hints */
.upgrade-hint {
    border: 1px solid #e3f2fd !important;
    background: linear-gradient(135deg, #e3f2fd 0%, #f8f9fa 100%) !important;
}

/* Portfolio Carousel Centering */
.js-slick-carousel .slick-track {
    display: flex !important;
    align-items: center !important;
}

.js-slick-carousel .js-slide {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    height: auto !important;
}

.js-slick-carousel .js-slide .card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.upgrade-hint p {
    margin: 0 !important;
    line-height: 1.4 !important;
}

/* Price Enhancement */
.pricing-display {
    position: relative !important;
}

.starter-card .pricing-display::after {
    content: "💰 Best Value";
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background: #ffc107 !important;
    color: #212529 !important;
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transform: rotate(15deg) !important;
}

/* Starter Package Styles */
.starter-card {
    border: 2px solidrgba(40, 167, 70, 0.18) !important;
    box-shadow: 0 8px 12px rgba(210, 228, 220, 0.67) !important;
}

.starter-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 20px rgba(197, 223, 206, 0.79) !important;
}

.badge-soft-success {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    color: white !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.3) !important;
}

.btn-starter-cta {
    background: linear-gradient(135deg, #28a745 0%, #20c997 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 8px 16px !important;
    border-radius: 6px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4) !important;
}

.btn-starter-cta:hover {
    background: linear-gradient(135deg, #218838 0%, #1e9e83 100%) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(40, 167, 69, 0.5) !important;
    text-decoration: none !important;
}

/* Premium Package Styles */
.premium-card {
    border: 1px solid #ffc107 !important;
    box-shadow: 0 12px 40px rgba(255, 193, 7, 0.2) !important;
    position: relative !important;
    overflow: visible !important;
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.premium-card::before {
    content: "";
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    background: transparent !important;
    border-radius: 12px !important;
    z-index: -1 !important;
}

.premium-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 40px rgba(255, 193, 7, 0.25) !important;
}

.badge-premium {
    background: linear-gradient(135deg, #ff6b6b, #ffa500, #ffdb4d) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-shadow: none !important;
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.25) !important;
    animation: premium-pulse 2s ease-in-out infinite !important;
}

@keyframes premium-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

.btn-premium-cta {
    background: linear-gradient(135deg, #ff6b6b 0%, #ff8e53 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(255, 107, 107, 0.4) !important;
}

.btn-premium-cta:hover {
    background: linear-gradient(135deg, #ff5252 0%, #ff7043 100%) !important;
    color: white !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 8px 25px rgba(255, 107, 107, 0.5) !important;
    text-decoration: none !important;
}

/* Enhanced Price Display for Premium */
.premium-card .pricing-display::after {
    content: "🔥 Hot Deal";
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background: linear-gradient(135deg, #ff6b6b, #ffa500) !important;
    color: white !important;
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    font-weight: 600 !important;
    transform: rotate(15deg) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Growth Business Styling - Soft Light Blue */
.growth-card {
    border: 1px solid #5dade2 !important;
    box-shadow: 0 8px 30px rgba(93, 173, 226, 0.15) !important;
    position: relative !important;
    overflow: visible !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.growth-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 15px 40px rgba(93, 173, 226, 0.25) !important;
}

.badge-growth {
    background: linear-gradient(135deg, #5dade2, #3498db) !important;
    color: white !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(93, 173, 226, 0.3) !important;
}

.growth-header {
    background: linear-gradient(135deg, #eaf2f8 0%, #ffffff 100%) !important;
    border-bottom: 2px solid #5dade2 !important;
}

.growth-pricing {
    background: linear-gradient(135deg, #f4f9fc 0%, #ffffff 100%) !important;
    border-bottom: 2px solid #5dade2 !important;
}

.growth-trust {
    background: linear-gradient(135deg, #eaf2f8 0%, #ffffff 100%) !important;
}

.growth-cta {
    background: linear-gradient(135deg, #eaf2f8 0%, #ffffff 100%) !important;
    border-bottom: 2px solid #5dade2 !important;
}

.btn-growth-cta {
    background: linear-gradient(135deg, #5dade2 0%, #3498db 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(93, 173, 226, 0.4) !important;
}

.btn-growth-cta:hover {
    background: linear-gradient(135deg, #3498db 0%, #2980b9 100%) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(93, 173, 226, 0.5) !important;
    text-decoration: none !important;
}

.growth-features {
    background: linear-gradient(135deg, #f4f9fc 0%, #ffffff 100%) !important;
}

.growth-exclusive {
    background: linear-gradient(135deg, #5dade2 0%, #3498db 100%) !important;
    border: 1px solid #5dade2 !important;
    box-shadow: 0 4px 15px rgba(93, 173, 226, 0.3) !important;
}

.bg-gradient-growth {
    background: linear-gradient(135deg, #5dade2 0%, #3498db 100%) !important;
}

/* Enterprise Styling */

.badge-enterprise {
    background: linear-gradient(135deg, #6f42c1, #007bff, #17a2b8) !important;
    color: white !important;
    font-weight: 900 !important;
    font-size: 0.8rem !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 4px 15px rgba(111, 66, 193, 0.4) !important;
    animation: enterprise-pulse 3s ease-in-out infinite !important;
}

@keyframes enterprise-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.08);
    }
}

.enterprise-header {
    background: linear-gradient(135deg, #f3f0ff 0%, #ffffff 100%) !important;
    border-bottom: 3px solid #6f42c1 !important;
}

.enterprise-pricing {
    background: linear-gradient(135deg, #f8f6ff 0%, #ffffff 100%) !important;
    border-bottom: 3px solid #6f42c1 !important;
}

.enterprise-trust {
    background: linear-gradient(135deg, #f3f0ff 0%, #ffffff 100%) !important;
    border-bottom: 3px solid #6f42c1 !important;
}

.enterprise-cta {
    background: linear-gradient(135deg, #f3f0ff 0%, #ffffff 100%) !important;
    border-bottom: 3px solidrgb(196, 195, 199) !important;
}

.btn-enterprise-cta {
    background: #6c757d !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 16px 28px !important;
    border-radius: 8px !important;
    font-size: 1rem !important;
    transition: background-color 0.2s ease !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.btn-enterprise-cta:hover {
    background: #495057 !important;
    color: white !important;
    text-decoration: none !important;
}

.enterprise-features {
    background: linear-gradient(135deg, #f8f6ff 0%, #ffffff 100%) !important;
}

.enterprise-exclusive {
    background: #6c757d !important;
    border: 1px solid #6c757d !important;
    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3) !important;
}

.bg-gradient-enterprise {
    background: #6c757d !important;
}

/* Enhanced Price Display for Growth */
.growth-card .pricing-display::after {
    /* content: "📈 Growth"; */
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background: linear-gradient(135deg, #ff6b35, #f7931e) !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    transform: rotate(15deg) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 10 !important;
}

.text-purple {
    color: #6f42c1 !important;
}

/* Plus Package Styling - Clean Grey Theme */
.plus-card {
    border: 2px solid #6c757d !important;
    box-shadow: 0 8px 30px rgba(108, 117, 125, 0.15) !important;
    position: relative !important;
    overflow: visible !important;
}

.plus-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(108, 117, 125, 0.25) !important;
}

.badge-plus {
    background: #6c757d !important;
    color: white !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(108, 117, 125, 0.3) !important;
}

.plus-header {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.plus-pricing {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

.plus-trust {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

.plus-cta {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

.btn-plus-cta {
    background: #6c757d !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.4) !important;
}

.btn-plus-cta:hover {
    background: #495057 !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(108, 117, 125, 0.5) !important;
    text-decoration: none !important;
}

.plus-features {
    background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%) !important;
}

.plus-exclusive {
    background: #6c757d !important;
    border: 1px solid #6c757d !important;
    box-shadow: 0 4px 15px rgba(108, 117, 125, 0.3) !important;
}

.bg-gradient-plus {
    background: #6c757d !important;
}

/* Enhanced Price Display for Plus */
.plus-card .pricing-display::after {
    content: "⭐ New Tech";
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background: #6c757d !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    transform: rotate(15deg) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    z-index: 10 !important;
}

/* Pro Package Styling - Clean Golden Theme */
.growth-pro {
    border: 3px solid #ffc107 !important;
    box-shadow: 0 8px 30px rgba(255, 193, 7, 0.15) !important;
}

.growth-pro:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 40px rgba(255, 193, 7, 0.25) !important;
}

.badge-growth-pro {
    background: linear-gradient(135deg, #ffc107, #ff9800) !important;
    color: white !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(255, 193, 7, 0.3) !important;
}

.pro-header {
    background: linear-gradient(135deg, #fffef9 0%, #ffffff 100%) !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.pro-pricing {
    background: linear-gradient(135deg, #fffef9 0%, #ffffff 100%) !important;
}

.pro-trust {
    background: linear-gradient(135deg, #fffef9 0%, #ffffff 100%) !important;
}

.pro-cta {
    background: linear-gradient(135deg, #fffef9 0%, #ffffff 100%) !important;
}

.btn-growth-pro-cta {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 700 !important;
    padding: 14px 24px !important;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.4) !important;
}

.btn-growth-pro-cta:hover {
    background: linear-gradient(135deg, #e0a800 0%, #f57c00 100%) !important;
    color: white !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(255, 193, 7, 0.5) !important;
    text-decoration: none !important;
}

.pro-features {
    background: linear-gradient(135deg, #fffef9 0%, #ffffff 100%) !important;
    border-top: none !important;
}

.pro-features .feature-group:first-child .feature-group-title {
    margin-top: 0 !important;
    padding-top: 15px !important;
}

.pro-exclusive {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%) !important;
    border: 1px solid #ffc107 !important;
    box-shadow: 0 4px 15px rgba(255, 193, 7, 0.3) !important;
}

.bg-gradient-growth-pro {
    background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%) !important;
}

/* Enhanced Price Display for Pro */
.growth-pro .pricing-display::after {
    content: "🎨 UI / UX Design";
    background: linear-gradient(135deg, #ffc107, #ff9800) !important;
    color: white !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Enterprise Cards - Corporate Minimal Styling */
.enterprise-card {
    border: 2px solid #343a40 !important;
    box-shadow: 0 4px 15px rgba(52, 58, 64, 0.15) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    position: relative !important;
}

/* Elite Package - Standard Enterprise Tier */
.enterprise-elite {
    border: 2px solid #495057 !important;
    box-shadow: 0 4px 15px rgba(73, 80, 87, 0.15) !important;
}

.enterprise-elite:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(73, 80, 87, 0.25) !important;
}

/* Ultimate Package - Premium Enterprise Tier */
.enterprise-ultimate {
    border: 3px solid #007bff !important;
    box-shadow: 0 8px 30px rgba(0, 123, 255, 0.25) !important;
    transform: scale(1.02) !important;
    position: relative !important;
    z-index: 2 !important;
}

.enterprise-ultimate::before {
    content: "";
    position: absolute !important;
    top: -3px !important;
    left: -3px !important;
    right: -3px !important;
    bottom: -3px !important;
    background: linear-gradient(45deg, #007bff, #0056b3, #007bff) !important;
    border-radius: 12px !important;
    z-index: -1 !important;
    opacity: 0.1 !important;
}

.enterprise-ultimate:hover {
    transform: scale(1.02) translateY(-4px) !important;
    box-shadow: 0 15px 40px rgba(0, 123, 255, 0.35) !important;
    border-color: #0056b3 !important;
}

.badge-enterprise-elite {
    background: #495057 !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
}

.enterprise-elite:hover .badge-enterprise-elite {
    background: #343a40 !important;
    transform: scale(1.05) !important;
}

.badge-enterprise-ultimate {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
    color: white !important;
    font-weight: 700 !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3) !important;
}

.enterprise-ultimate:hover .badge-enterprise-ultimate {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%) !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 12px rgba(0, 123, 255, 0.4) !important;
}

.btn-enterprise-cta {
    background: #343a40 !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.btn-enterprise-cta:hover {
    background: linear-gradient(135deg, #212529 0%, #000000 100%) !important;
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 15px rgba(33, 37, 41, 0.4) !important;
}

.btn-enterprise-ultimate-cta {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
    border: none !important;
    color: white !important;
    font-weight: 600 !important;
    padding: 12px 24px !important;
    border-radius: 6px !important;
    font-size: 0.9rem !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3) !important;
}

.btn-enterprise-ultimate-cta:hover {
    background: linear-gradient(135deg, #0056b3 0%, #004085 100%) !important;
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4) !important;
}

.enterprise-header {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important;
    border-bottom: none !important;
}

.enterprise-pricing {
    background: #ffffff !important;
    border-bottom: none !important;
}

.enterprise-trust {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important;
    border-bottom: none !important;
}

.enterprise-cta {
    background: #ffffff !important;
    border-bottom: none !important;
}

.enterprise-features {
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%) !important;
}

.enterprise-ultimate .enterprise-features {
    background: #ffffff !important;
}

.enterprise-ultimate .features-section {
    background: #ffffff !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    padding-bottom: 1rem !important;
}

.enterprise-ultimate .feature-group {
    background: #ffffff !important;
    margin-bottom: 0.75rem !important;
}

.enterprise-ultimate .card-body {
    background: #ffffff !important;
}

.enterprise-ultimate .modern-pricing-card {
    background: #ffffff !important;
}

.enterprise-ultimate .enterprise-exclusive {
    margin-bottom: 1rem !important;
}

/* Elite Package - Remove bottom spacing and adjust height */
.enterprise-elite .features-section {
    padding-bottom: 0.5rem !important;
}

.enterprise-elite .enterprise-exclusive {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.enterprise-elite .modern-pricing-card {
    height: auto !important;
}

.enterprise-elite .card {
    height: auto !important;
}

/* Better spacing for pricing section */
.modern-pricing-card {
    margin-bottom: 2rem !important;
}

.enterprise-card {
    margin-bottom: 2.5rem !important;
}

/* Responsive margin adjustments */
@media (min-width: 992px) {
    .enterprise-card {
        margin-bottom: 3rem !important;
    }
}

/* Standard Package - Neater bottom spacing */
.premium-card .features-section {
    padding-bottom: 0.5rem !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.premium-card .upgrade-hint.mt-3 {
    margin-top: 0.5rem !important;
    margin-bottom: 0 !important;
    padding: 0.5rem 0.75rem !important;
}

.premium-card .upgrade-hint p {
    margin-bottom: 0 !important;
}

.enterprise-exclusive {
    background: linear-gradient(135deg, #343a40 0%, #23272b 100%) !important;
    border: none !important;
    color: white !important;
    box-shadow: 0 2px 8px rgba(52, 58, 64, 0.3) !important;
}

.bg-gradient-enterprise {
    background: #6c757d !important;
}

.bg-gradient-enterprise-ultimate {
    background: linear-gradient(135deg, #007bff 0%, #0056b3 100%) !important;
}

/* Enhanced Price Display for Enterprise Ultimate */
.enterprise-ultimate .pricing-display::after {
    content: "🌟 ULTIMATE";
    position: absolute !important;
    top: -8px !important;
    right: -10px !important;
    background: linear-gradient(135deg, #e83e8c, #6f42c1) !important;
    color: white !important;
    font-size: 0.65rem !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    font-weight: 900 !important;
    transform: rotate(15deg) !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* Modern Pricing Navigation Styles */
.pricing-nav-container {
    background: #f5f5f7 !important;
    border-radius: 10px !important;
    padding: 8px !important;
    display: inline-block !important;
    box-shadow: 0 4px 20px rgba(213, 213, 213, 0.08) !important;
}

.modern-pricing-nav {
    display: flex !important;
    gap: 8px !important;
    margin: 0 !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}

.modern-pricing-nav .nav-item {
    margin: 0 !important;
}

.modern-nav-link {
    display: flex !important;
    align-items: center !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
    background: transparent !important;
    border: 2px solid transparent !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    color: #6c757d !important;
    position: relative !important;
    width: 260px !important;
    height: 60px !important;
    text-align: left !important;
    justify-content: flex-start !important;
}

.modern-nav-link:hover {
    background: white !important;
    border-color: #e9ecef !important;
    color: #495057 !important;
    text-decoration: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 15px rgba(122, 121, 121, 0.1) !important;
}

.modern-nav-link.active {
    background: white !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
    text-decoration: none !important;
    box-shadow: 0 6px 20px rgba(213, 214, 214, 0.15) !important;
}

.nav-icon {
    font-size: 1.5rem !important;
    margin-right: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 32px !important;
}

.nav-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.nav-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.nav-subtitle {
    font-size: 0.8rem !important;
    opacity: 0.7 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.nav-badge {
    position: absolute !important;
    top: -6px !important;
    right: -6px !important;
    background: linear-gradient(135deg, #ffc107, #ff9800) !important;
    color: white !important;
    font-size: 0.65rem !important;
    padding: 4px 8px !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.nav-badge.small {
    background: linear-gradient(
        135deg,
        rgb(255, 255, 255),
        rgb(235, 237, 237)
    ) !important;
    color: #000 !important;
    font-weight: 700 !important;
}

.nav-badge.enterprise {
    background: linear-gradient(135deg, #343a40, #212529) !important;
    color: white !important;
    font-weight: 700 !important;
}

/* Active state enhancements */
.modern-nav-link.active .nav-icon {
    transform: scale(1.1) !important;
}

.modern-nav-link.active .nav-title {
    color: #6c757d !important;
}

.modern-nav-link.active .nav-subtitle {
    opacity: 0.8 !important;
    color: #6c757d !important;
}

/* Hover state for badges */
.modern-nav-link:hover .nav-badge {
    transform: scale(1.05) !important;
}

.modern-nav-link.active .nav-badge {
    transform: scale(1.1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .modern-pricing-card {
        margin-bottom: 20px !important;
    }

    .trust-indicators .col-4 {
        padding: 0 8px !important;
        font-size: 0.85rem !important;
    }

    .feature-group-title {
        font-size: 0.8rem !important;
    }

    .pricing-amount {
        font-size: 2.5rem !important;
    }

    .premium-card::before {
        animation: none !important;
    }

    .badge-premium {
        animation: none !important;
    }

    /* Mobile Navigation - Single Line Layout */
    .pricing-nav-container {
        padding: 8px 20px !important;
        border-radius: 12px !important;
        width: 100% !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }

    .modern-pricing-nav {
        flex-direction: row !important;
        gap: 12px !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        min-width: max-content !important;
        padding: 0 20px !important;
    }

    .modern-nav-link {
        width: 145px !important;
        height: 60px !important;
        padding: 8px 12px !important;
        border-radius: 10px !important;
        max-width: none !important;
        margin: 0 !important;
        flex-shrink: 0 !important;
        min-width: 145px !important;
        white-space: nowrap !important;
        text-align: center !important;
    }

    .nav-icon {
        font-size: 1.2rem !important;
        margin-right: 8px !important;
        min-width: 20px !important;
        flex-shrink: 0 !important;
    }

    .nav-content {
        align-items: flex-start !important;
        flex: 1 !important;
        min-width: 0 !important;
    }

    .nav-title {
        font-size: 0.8rem !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        margin-bottom: 0 !important;
        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

    /* Hide subtitles on mobile for single line layout */
    .nav-subtitle {
        display: none !important;
    }

    .nav-badge {
        top: -4px !important;
        right: -4px !important;
        font-size: 0.55rem !important;
        padding: 2px 4px !important;
        border-radius: 6px !important;
    }

    /* Add horizontal scroll indicator */
    .pricing-nav-container::-webkit-scrollbar {
        height: 4px !important;
    }

    .pricing-nav-container::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
        border-radius: 2px !important;
    }

    .pricing-nav-container::-webkit-scrollbar-thumb {
        background: #6c757d !important;
        border-radius: 2px !important;
    }

    .pricing-nav-container::-webkit-scrollbar-thumb:hover {
        background: #495057 !important;
    }
}

/* Smooth scrolling for navigation */
.pricing-nav-container {
    scroll-behavior: smooth !important;
}

/* Clean Minimal Arrows - Matching User Design */
.slick-prev,
.slick-next {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 1000 !important;
    width: 50px !important;
    height: 50px !important;
    background: white !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 50% !important;
    color: #333 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.slick-prev:hover,
.slick-next:hover {
    background: #f8f9fa !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: #d0d0d0 !important;
}

.slick-prev {
    left: 15px !important;
}

.slick-next {
    right: 15px !important;
}

.slick-prev:before,
.slick-next:before {
    font-family: Arial, sans-serif !important;
    font-size: 16px !important;
    color: #333 !important;
    opacity: 1 !important;
    line-height: 1 !important;
}

.slick-prev:before {
    content: "←" !important;
}

.slick-next:before {
    content: "→" !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .testimonial-slider .slick-prev,
    .testimonial-slider .slick-next {
        display: none !important;
    }
}

/* Testimonial Slider - Based on Case Studies styling */
.testimonial-slider {
    position: relative;
    margin: 0 20px;
    /* Space for arrows on desktop */
}

/* Add decorative dots in front of slider */
.testimonial-slider::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 20px;
    width: 120px;
    height: 120px;
    background-image: url("{{ asset("assets/svg/components/dots-5.svg") }}");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 200;
    opacity: 0.3;
    pointer-events: none;
}

/* Light blue background for testimonial slides */
.testimonial-slider .card {
    background: rgba(255, 255, 255, 0.9) !important;
    /* White background for better contrast */
    margin: 0 10px !important;
    /* Slightly reduced spacing */
    border-radius: 12px !important;
    /* Rounded corners for better separation */
    border: 1px solid rgba(214, 232, 245, 0.3) !important;
    /* Subtle border */
    backdrop-filter: blur(5px) !important;
    /* Subtle blur effect */
}

.testimonial-slider .card-body {
    padding-right: 40px !important;
    /* Add extra padding to avoid arrow overlap */
    padding-left: 40px !important;
    /* Add left padding to align with content */
    border-radius: 12px !important;
    /* Match card border radius */
}

/* Testimonial image styling - remove grey background and add frame */
.testimonial-slider .dzsparallaxer {
    background: transparent !important;
    padding: 0 0 0 80px !important;
    /* Add left padding to match right side spacing */
    display: flex !important;
    align-items: center !important;
    /* Center vertically */
    justify-content: flex-start !important;
    /* Align to left within container */
    aspect-ratio: 1/1 !important;
    /* Make container square */
    width: 100% !important;
    max-width: 350px !important;
}

.testimonial-slider .dzsparallaxer div {
    background: transparent !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.testimonial-slider .dzsparallaxer img {
    background: transparent !important;
    object-fit: cover !important;
    width: 250px !important;
    /* Square width */
    height: 250px !important;
    /* Square height */
    aspect-ratio: 1/1 !important;
    /* Force perfect square */
    border: 4px solid #ffffff !important;
    /* White frame border */
    border-radius: 12px !important;
    /* Rounded corners for modern look */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
    /* Subtle shadow for depth */
    transition: all 0.3s ease !important;
    /* Smooth transition */
    display: block !important;
    /* Ensure proper display */
}

/* Hover effect for testimonial images */
.testimonial-slider .dzsparallaxer img:hover {
    transform: scale(1.02) !important;
    /* Slight zoom on hover */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
    /* Enhanced shadow on hover */
}

/* Navigation arrow positioning - centered on border */
.testimonial-slider .slick-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 100 !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
    background: white !important;
    border: 1px solid #e0e0e0 !important;
    color: #333 !important;
}

.testimonial-slider .slick-arrow-left {
    left: 15px !important;
}

.testimonial-slider .slick-arrow-right {
    right: 15px !important;
}

.testimonial-slider .slick-arrow:hover {
    transform: translateY(-50%) scale(1.1) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: #007bff !important;
    background: #007bff !important;
    color: white !important;
}

/* Position pagination inside the carousel container */
.testimonial-slider .testimonial-pagination {
    position: absolute !important;
    bottom: 20px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    z-index: 100;
    width: auto !important;
}

.testimonial-slider .testimonial-pagination li {
    margin: 0 3px !important;
    display: inline-block !important;
}

.testimonial-slider .testimonial-pagination li button {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background-color: rgba(255, 255, 255, 0.6) !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    font-size: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
}

.testimonial-slider .testimonial-pagination li.slick-active button {
    background-color: #007bff !important;
    border-color: #007bff !important;
    transform: scale(1.2) !important;
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .testimonial-slider {
        margin: 0 17px;
        /* Adjust for smaller arrows */
    }

    .testimonial-slider .slick-arrow {
        width: 45px !important;
        height: 45px !important;
    }
}

@media (max-width: 768px) {
    .testimonial-slider {
        margin: 0 15px;
        /* Adjust for mobile arrows */
    }

    .testimonial-slider .slick-arrow {
        width: 40px !important;
        height: 40px !important;
        display: none !important;
        /* Hide on mobile as per your config */
    }

    .testimonial-slider .testimonial-pagination {
        bottom: 15px !important;
    }
}

/* Fix z-index for dots-5.svg to appear in front using background approach */
.dots-decoration {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 120px !important;
    height: 120px !important;
    background-image: url("{{ asset("assets/svg/components/dots-5.svg") }}") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    z-index: 500 !important;
    pointer-events: none !important;
    margin-bottom: -30px !important;
    margin-left: -30px !important;
}

/* Testimonial Card Layout Improvements */
.testimonial-slider .card-body {
    padding: 20px 20px 10px 10px !important;
    align-items: center !important;
    position: relative !important;
}

/* Blue Quote Icon Positioning */
.testimonial-slider .card-body figure {
    position: relative !important;
    margin-bottom: 15px !important;
    display: inline-block !important;
}

.testimonial-slider .card-body figure svg {
    width: 40px !important;
    height: 40px !important;
    filter: drop-shadow(0 2px 4px rgba(55, 125, 255, 0.2)) !important;
    display: block !important;
}

/* Content spacing */
.testimonial-slider .card-body .row {
    padding: 0 !important;
}

.testimonial-slider .col-lg-4 {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}

.testimonial-slider .pl-lg-5 {
    padding: 25px !important;
    background: rgba(248, 249, 251, 0.9) !important;
    border-radius: 12px !important;
    border-left: 4px solid #007bff !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.3s ease !important;
}

.testimonial-slider .pl-lg-5:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1) !important;
}

.testimonial-slider .clients {
    max-height: 50px !important;
    width: auto !important;
    object-fit: contain !important;
    margin-bottom: 15px !important;
    filter: grayscale(0.2) !important;
    transition: filter 0.3s ease !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
}

.testimonial-slider .clients:hover {
    filter: grayscale(0) !important;
}

.testimonial-slider .col-lg-4 p {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #5a6c7d !important;
    margin-bottom: 20px !important;
    flex-grow: 1 !important;
    text-align: left !important;
}

.testimonial-slider .col-lg-4 a {
    font-weight: 600 !important;
    color: #007bff !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    align-self: flex-start !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.testimonial-slider .col-lg-4 a:hover {
    color: #0056b3 !important;
    transform: translateX(5px) !important;
}

.testimonial-slider .col-lg-4 a i {
    transition: transform 0.3s ease !important;
    margin-left: 5px !important;
}

.testimonial-slider .col-lg-4 a:hover i {
    transform: translateX(3px) !important;
}

/* Responsive adjustments for testimonial cards */
@media (max-width: 991px) {
    .testimonial-slider .pl-lg-5 {
        padding: 20px !important;
        margin-top: 25px !important;
        border-left: none !important;
        border-top: 4px solid #007bff !important;
    }

    .testimonial-slider .card-body {
        padding: 25px !important;
        min-height: 350px !important;
    }

    .testimonial-slider .clients {
        max-height: 45px !important;
    }

    .testimonial-slider .card-body figure {
        margin-bottom: 12px !important;
    }

    .testimonial-slider .card-body figure svg {
        width: 36px !important;
        height: 36px !important;
    }
}

@media (max-width: 768px) {
    .testimonial-slider .pl-lg-5 {
        padding: 18px !important;
    }

    .testimonial-slider .col-lg-4 p {
        font-size: 13px !important;
    }

    .testimonial-slider .col-lg-4 a {
        font-size: 12px !important;
    }

    .testimonial-slider .card-body {
        min-height: 300px !important;
    }

    .testimonial-slider .card-body figure {
        margin-bottom: 10px !important;
    }

    .testimonial-slider .card-body figure svg {
        width: 32px !important;
        height: 32px !important;
    }
}

/* Main Testimonial Card Border Enhancement */
.testimonial-container {
    position: relative !important;
    background: #f0f8ff !important;
    /* Alice Blue background as requested */
    box-shadow: 0 4px 20px rgba(55, 125, 255, 0.08) !important;
    /* Blue-tinted shadow */
    transition: all 0.3s ease !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 20px !important;
    /* Add inner padding for neater appearance */
}

.testimonial-container::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 3px !important;
    background: linear-gradient(
        90deg,
        #007bff 0%,
        #377dff 50%,
        #00d4ff 100%
    ) !important;
    /* Enhanced gradient */
    z-index: 2 !important;
}

.testimonial-container:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 30px rgba(55, 125, 255, 0.12) !important;
    /* Enhanced blue shadow on hover */
    border-color: #c2d9f0 !important;
    background: #e8f4ff !important;
    /* Slightly lighter blue on hover */
}
/* ***** END PRICING CUSTOM STYLE ****** */

/* Sticky Featured Navigation */
.fixed-featured {
    position: sticky;
    top: 90px;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .fixed-featured {
        display: none !important;
    }
}
/* END Sticky Featured Navigation */