/* Extracted from resources/views/front/pages/special_package_details.blade.php
 * Block #1. Content is verbatim - no rules were added,
 * removed or reordered, so rendering is unchanged.
 */

.carousel-inner {
            width: 100%;
            border-radius: 8px;
            overflow: hidden;
        }

        .carousel-item img {
            width: 100%;
            height: 400px;
            object-fit: cover;
            border-radius: 8px;
        }

        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            background-color: rgba(0, 0, 0, 0.6);
            padding: 10px;
            border-radius: 50%;
        }

        .carousel-control-prev,
        .carousel-control-next {
            width: 10%;
            top: 50%;
            transform: translateY(-50%);
        }

        .tour-info {
            background: #fff;
            padding: 20px;
            border-radius: 8px;
        }

        .tour-price {
            font-size: 26px;
            font-weight: bold;
            color: #f60;
        }

        .btn-enquiry {
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69);
            color: #fff;
            border: none;
            padding: 10px 25px;
            font-weight: 600;
        }

        .btn-enquiry:hover {
            color: #fff;
        }

        .enquiry-form {
            background: #fff;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 4px;
            position: sticky;
            top: 20px;
        }

        .enquiry-form h6 {
            background: linear-gradient(to bottom, #0570f2, #185dce, #1c4bab, #1a3a89, #152a69);
            color: white;
            padding: 10px;
            font-size: 16px;
            border-radius: 4px;
            text-align: center;
            margin-bottom: 15px;
        }

        .small-note {
            font-size: 13px;
            font-weight: 500;
            margin-top: 15px;
        }

        .rate-table {
            background: #fff;
            border-radius: 8px;
            padding: 20px;
        }

        .rate-table h5 {
            font-weight: 600;
            margin-bottom: 20px;
        }

        table th,
        table td {
            vertical-align: middle !important;
        }

        .intl-tel-input {
            width: 100%;
            margin-top: 20px;
        }

        .intl-tel-input.separate-dial-code .selected-dial-code {
            color: #000000;
        }

        .error {
            color: red;
        }

        .custom_line_height {
            height: 20px;
        }

        @media (max-width: 575px) {
            .carousel-item img {
                width: 100%;
                height: 200px;
                object-fit: cover;
                border-radius: 8px;
            }
        }