/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 17 2026 | 09:45:53 */
.traveltour-navigation.traveltour-item-pdlr.clearfix.traveltour-navigation-login-full-button {
    background-color: #559ba8db;
}
.tourmaster-tour-thumbnail img {
    border-radius: 20px 20px 0 0;
}
.videostyle {
    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 1.5rem;
	overflow: hidden;
	line-height: 0px;
}
.gdlr-core-video-item-type-youtube
{
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 1.5rem;
	overflow: hidden;
	line-height: 0px;
}
.gdlr-core-gallery-list.gdlr-core-media-image{
	--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	border-radius: 1.5rem;
	overflow: hidden;
	line-height: 0px;	
}
        #tourcard {
            background-color: #fff;
            display: grid;
            justify-content: center;
            align-items: center;
            margin: 0;
            font-family: 'Inter', sans-serif;
        }
        #tourcard .max-w-6xl {
        max-width: 72rem;
        }
        #tourcard .gap-10 {
        gap: 2.5rem;
        }
 #tourcard .grid {
    display: grid;
}
 #tourcard .mx-auto {
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 768px) {
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
        /* --- THE CARD CONTAINER --- */
        #tourcard .card {
            background: white;
            border-radius: 1.5rem;
            box-shadow: 0 20px 40px rgba(0,0,0,0.1);
            overflow: visible; /* Allows badge and pills to overflow */
            position: relative;
            padding-bottom: 25px;
        }

        /* --- SAVE BADGE --- */
        #tourcard .save-badge {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fba933;
            color: white;
            padding: 10px 25px;
            font-weight: bold;
            font-size: 14px;
            border-bottom-right-radius: 20px;
            border-top-left-radius: 20px;
            z-index: 10;
        }

        /* --- IMAGE SECTION --- */
        #tourcard .card-image {
            width: 100%;
            height: 250px;
            border-radius: 30px 30px 0 0;
            overflow: hidden;
            position: relative;
        }
        #tourcard .card-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* --- FLOATING PILLS --- */
        #tourcard .pills-wrapper {
            display: flex;
            justify-content: center;
            gap: 10px;
            margin-top: -25px; /* Pulls pills up onto the image */
            position: relative;
            z-index: 5;
        }
        #tourcard .pill {
            background: white;
            padding: 6px 15px;
            border-radius: 50px;
            font-size: 13px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
            border: 1px solid #f3f4f6;
        }
        #tourcard .pill i { color: #fba933; }

        /* --- CARD BODY --- */
        #tourcard .card-body {
            padding: 30px 25px;
            text-align: center;
        }

        /* Price Box */
        #tourcard .price-container {
            border: 2px solid #fba933;
            border-radius: 15px;
            padding: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 15px;
            margin-bottom: 20px;
        }
        #tourcard .price-old {
            color: #9ca3af;
            text-decoration: line-through;
            font-size: 14px;
        }
        #tourcard .price-new {
            color: #cc2b2b;
            font-size: 24px;
            font-weight: 700;
        }

        /* Title */
        #tourcard .card-title {
            font-family: 'Playfair Display', serif;
            font-size: 22px;
            color: #111;
            text-transform: uppercase;
            margin-bottom: 25px;
        }

        /* Feature Icons Row 1 */
        #tourcard .icon-row {
            display: flex;
            justify-content: center;
            gap: 12px;
            margin-bottom: 20px;
        }
        #tourcard .icon-circle {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 1px solid #e5e7eb;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #6b7280;
            font-size: 16px;
        }

        /* Additional Cost Label */
        #tourcard .extra-label {
            font-size: 10px;
            font-weight: 700;
            color: #2563eb;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 10px;
        }

        /* Feature Icons Row 2 */
        #tourcard .icon-row-secondary {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 30px;
        }

        /* Book Now Button */
        #tourcard .btn-book {
            background: #cc2b2b;
            color: white;
            text-decoration: none;
            padding: 15px;
            border-radius: 50px;
            font-weight: 700;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            transition: 0.3s;
        }
        #tourcard .btn-book:hover {
            background: #a31d1d;
            transform: translateY(-2px);
        }

        /* Tooltip effect (for icons) */
        #tourcard [data-tip] { position: relative; }
        #tourcard [data-tip]:hover::after {
            content: attr(data-tip);
            position: absolute; bottom: 125%; left: 50%; transform: translateX(-50%);
            background: #333; color: white; padding: 5px 10px; border-radius: 4px;
            font-size: 12px; white-space: nowrap; opacity: 1; visibility: visible;
        }
        #tourcard [data-tip]:not(:hover)::after { opacity: 0; visibility: hidden; transition: 0.2s; }