/* =====================================
   1. RESET & BASE
===================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	  font-family: "Google Sans", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	color: var(--text);
	background-color: #fff;
}

/* =====================================
   2. IMAGES & LINKS
===================================== */
img {
	max-width: 100%;
	height: auto;
	display: block;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s ease;
}

a:hover {
	color: var(--yellow);
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* =====================================
   3. ROYAL COLOR PALETTE (FROM PSD)
===================================== */
:root {
	--maroon: #8d1f01;
	--dark-purple: #8d1f01;
	--yellow: #EFB109;
	--light-yellow: #f3e1b8;
	--cream: #FBF3E6;
	--text-dark: #000;
	--text: #222;
	--white: #fff;
	--heading: #222;
	--gray-bg : #f1f1f1;
}

/* =====================================
   4. TYPOGRAPHY
===================================== */
@font-face {
	font-family: 'MyriadPro';
	src: url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
		url('../fonts/MyriadPro-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'MyriadProSemi';
	src: url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
		url('../fonts/MyriadPro-Semibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}


.myriad-pro {
	font-family: 'MyriadPro';
}

.semi-bold {
	font-weight: 600;
}

.noto {
	font-family: "Noto Serif", serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-variation-settings:
		"wdth" 100;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Cormorant Upright", serif;
	font-weight: 600;
	color: var(--heading);
	line-height: 1.3;
}

h1 {
	font-size: 48px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 28px;
}

h5 {
	font-size: 25px;
}
h5 {
	font-size: 22px;
}

p {
	  font-family: "Google Sans", sans-serif;
	font-size: 16px;
	color: var(--text);

}

p:last-child {
	margin-bottom: 0px;
}

/* =====================================
   5. COMMON BUTTON STYLES
===================================== */
.btn-yellow {
	background: var(--yellow);
	color: #fff;
	padding: 10px 26px;
	border-radius: 30px;

	font-size: 14px;
	font-weight: 500;
}

.btn-yellow:hover {
	background: var(--maroon);
	color: #fff;
}

.btn-purple {
	background: var(--maroon);
	color: #fff;
	padding: 10px 26px;
	border-radius: 30px;

	font-size: 14px;
}

.btn-purple:hover {
	background: var(--dark-purple);
}



.btn-primary {
    background-color: var(--maroon) !important;
    border: 1px solid var(--maroon);
    border-radius: 0px;
    padding-left: 20px;
    padding-right: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.btn-primary:hover {
    background-color: transparent !important;
    border-color: var(--maroon) !important;
	color: var(--maroon);
}


/* =====================================
   6. SECTION SPACING
===================================== */
.section-padding {
	padding: 80px 0;
}

.bg-cream {
	background: var(--cream);
}

/* =====================================
   7. SHADOWS & BORDERS (LUXURY FEEL)
===================================== */
.border-yellow {
	border: 2px solid var(--yellow);
	border-radius: 20px;
}

.shadow-soft {
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
}

/* =====================================
   8. TEXT UTILITIES
===================================== */
.text-yellow {
	color: var(--yellow);
}

.text-purple {
	color: var(--maroon);
}

.text-dark {
	color: var(--text-dark);
}

/* =====================================
   9. BACKGROUND UTILITIES
===================================== */
.bg-purple {
	    background: #f1f1f1;
	 
}

.bg-dark {
	background: var(--dark);
	color: #fff;
}

.text-white {
	color: var(--white);
}


/* font size  */
.fs-10 {
	font-size: 10px;
}

.fs-11 {
	font-size: 11px;
}

.fs-12 {
	font-size: 12px;
}

.fs-13 {
	font-size: 13px;
}

.fs-14 {
	font-size: 14px;
}

.fs-15 {
	font-size: 15px;
}

.fs-16 {
	font-size: 16px;
}

.fs-17 {
	font-size: 17px;
}

.fs-18 {
	font-size: 18px;
}

.fs-19 {
	font-size: 19px;
}

.fs-20 {
	font-size: 20px;
}

.fs-21 {
	font-size: 21px;
}

.fs-22 {
	font-size: 22px;
}

.fs-23 {
	font-size: 23px;
}

.fs-24 {
	font-size: 24px;
}

.fs-25 {
	font-size: 25px;
}

.fs-26 {
	font-size: 26px;
}

.fs-27 {
	font-size: 27px;
}

.fs-28 {
	font-size: 28px;
}

.fs-29 {
	font-size: 29px;
}

.fs-30 {
	font-size: 30px;
}

/* font size end  */


/* =====================================
   SECTION CSS START
===================================== */

/* ================================
   TOP BAR (MARQUEE)
================================ */
.top-bar {
	 

	font-size: 15px;
	padding: 6px 0;
	overflow: hidden;
}


.top-bar marquee strong {

	font-weight: 600;
}


.bi.bi-whatsapp {
	color: #25D366;
}

.icons i {
	font-size: 22px;
}

/* elements  */
.heading-stripe {
	max-width: 400px;
	margin: auto;
	margin-bottom: 10px;
}

.heading-wrapper h2 {
	font-size: 40px;
	margin: 0px;
}


/* yellow button css  */
/* 1. Set the container to relative and hide overflow */
.yellow-button-bg {
	max-width: 200px;
	position: relative;
	overflow: hidden;
	display: flex;
}

/* 2. Position the purple image directly over the yellow one */
.yellow-button-bg .on-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/* Start the "wipe" from the left (0% width visible) */
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.4s ease-in-out;
	display: block !important;
	/* Ensure it's not hidden by previous code */
}

/* 3. Slide the purple background in on hover */
.yellow-button:hover .yellow-button-bg .on-hover {
	/* Reveal the full image (0% remaining on the right) */
	clip-path: inset(0 0 0 0);
}

/* 4. Optional: Slide the text slightly for extra "pop" */
.yellow-button .button-text {
	display: inline-block;
	transition: transform 0.3s ease, color 0.3s ease;
}

.yellow-button:hover .button-text {
	transform: translateX(5px);
	/* Subtle nudge to the right */
	color: #ffffff;
}

.yellow-button {
	width: fit-content;
	position: relative;
}

.button-link {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: 100%;
	 
	transform: translate(-50%, -50%);
	text-align: center;
}


.button-text {
	width: 100%;
}

/* yellow button css end */


/* purple btn css */
.purple-button-bg {
	max-width: 180px;
	position: relative;
	overflow: hidden;
	display: flex;
}

/* 2. Position the purple image directly over the yellow one */
.purple-button-bg .on-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Start the "wipe" from the left (0% width visible) */
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.4s ease-in-out;
	display: block !important;
	/* Ensure it's not hidden by previous code */
}

/* 3. Slide the purple background in on hover */
.purple-button:hover .purple-button-bg .on-hover {
	/* Reveal the full image (0% remaining on the right) */
	clip-path: inset(0 0 0 0);
}

/* 4. Optional: Slide the text slightly for extra "pop" */
.purple-button .button-text {
	display: inline-block;
	transition: transform 0.3s ease, color 0.3s ease;
}

.purple-button:hover .button-text {
	transform: translateX(5px);
	/* Subtle nudge to the right */
	color: #ffffff;
}

.purple-button {
	width: fit-content;
	position: relative;
}

.purple-button .button-link {
	position: absolute;
	color: #fff;
	top: 50%;
	left: 50%;
	z-index: 2;
	 
	transform: translate(-50%, -50%);
}

/* purple btn css end */


/* home page css  */
.big-heading-wrapper {
	position: relative;
	z-index: 2;
}
.big-heading {
    font-size: 60px;
    color: #fff;
    line-height: normal;
    margin-bottom: 0px;
}
.place-on-wheels-yellow {
    background-color: #8d1f01;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top: 4px solid #fff;
}

.left-dots {
	max-width: 45px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.8;
}

.right-dots {
	max-width: 50px;
	position: absolute;
	top: 20px;
	right: 0px;
	opacity: 0.8;
}

/* star icon css  */
.star-widget {
	position: relative;
	max-width: fit-content;
}

.star-icon {
	max-width: 150px;
	margin-bottom: 10px;
}

.star-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	max-width: 90%;
}

.arrow-design {
	max-width: 100px;
	margin: auto;
}


.accordion-item {
    margin-bottom: 10px;
    border: 0px solid #000 !important;
    border-radius: 10px !important;
    background-color: #fff !important;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.accordion-button:hover {
    background-color: #8d1f01 !important;
    color: #fff !important;
}

.accordion-button:not(.collapsed){
	 background-color: #8d1f01 !important;
    color: #fff !important;
}
 

.accordion-button {
    border: 0px solid #00000000 !important;
    border-radius: 0px !important;
    background-color: #fff !important;
    font-weight: 600;
 
    font-size: 20px;
    border-bottom: 0px !important;
    box-shadow: unset !important;
}

.accordion-button:focus {
	box-shadow: unset;
}

.accordion-body {
	background-color: #fff;
	margin: 0px 0px;
	padding: 0px;
}
.accordion-button:hover::after {
    filter: brightness(0) invert(1);
}
.accordion-button:not(.collapsed)::after {
    filter: brightness(0) invert(1);
}

.accordion-body-title {
	background-color: #FFD17D;
	padding: 10px 20px;
}

.accordion-body-title h4 {
	margin-bottom: 0px;
	font-size: 20px;
	 
}

.accordion-body-child {
	padding: 15px;
}







.price-tabs .nav-link.active {
    border: 1px solid #000 !important;
}.price-tabs button {
    width: 100%;
    border: 1px solid #00000000 !important;
}

.price-tabs .nav-item {
    width: calc(50% - 2.5px);
}
.price-tab-pane {
    border: 1px solid #555;
    padding: 15px;
}
.price-tabs {
    margin-bottom: 0px !important;
       border-bottom: 0px solid #00000000 !important;
}
.place-on-wheel-price .accordion-button:not(.collapsed) {
    background-color: #4b4b4b !important;
    color: #fff !important;
}
.price-tab-pane.active {
    background-color: #f8f8f8;
}


.price-tabs .nav-link {
    padding-bottom: 10px !important;
        background-color:#f8f8f8 !important;
    opacity: .5;
     
}.price-tabs .nav-link.active {
    background: #555555 !important;
    color: #ffffff !important;
    border-bottom: 0px !important;
    opacity: 1;
}
.price-tabs .nav-link.active:hover{
    color: #fff !important;
}
.price-tabs .nav-link:hover{
    color: #000 !important;
}

.place-on-wheel-price .accordion-button {
    background-color: #4b4b4b !important;
    color: #ffffff !important;
}


.place-on-wheel-price .accordion-button:hover {
    background-color: #fff !important;
    color: #4b4b4b !important;
}

.place-on-wheel-price .accordion-button::after{
   filter: brightness(0) invert(1);
}

.place-on-wheel-price .accordion-button:hover::after {
    filter: unset;
}

.video-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 ratio */
    overflow: hidden;
    border-radius: 12px; /* optional */
    box-shadow: 0 10px 30px rgb(255 255 255 / 70%); /* smooth shadow */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
 
.video-part {
    background-color: var(--maroon);
}
.feature-list {
	list-style: none;
	padding-left: 0;
}

.feature-list li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 30px;
}

.feature-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 8px;
	width: 12px;
	height: 12px;
	background-color: #8d1f01;
	/* purple dot */
	border-radius: 50%;
}

.feature-title p {
	font-weight: 600;
	 
	font-size: 18px;
}

.md .purple-button-bg {
	max-width: 250px;
}

.pill-number {
	position: absolute;
	top: 50%;
	left: 16px;
	color: #fff;
	transform: translate(0px, -50%);
	width: 38px;
	text-align: center;
	font-weight: 600;
	font-size: 18px;
}

.price-pill-img {
	max-width: 210px;
	position: relative;
	overflow: hidden;
}

.pill-content {
	position: absolute;
	top: 50%;
	left: calc(35px + 10%);
	transform: translate(0px, -50%);
}

.hover-pill {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.4s ease-in-out;
	display: block !important;
}

.price-pill:hover .hover-pill {
	clip-path: inset(0 0 0 0);
}

.price-pill-img img {
	width: 100%;
}

.purple-button-bg img {
	width: 100%;
}

.pill-content p {
    font-size: 14px;
    min-width: 135px;
    word-wrap: break-word;
    line-height: 16px;
}

.price-pill:hover p {
	color: #efb109;
}

.explore-train {
    background-color: #f1f1f1;
}
.explore-train-card {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background-color: #fff;
    transition: all 0.3s ease;   /* Smooth transition */
    cursor: pointer;
}

.explore-train-card:hover {
    transform: translateY(-8px);   /* Lift effect */
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 40px;  /* Stronger shadow */
}
.explore-train-content {
    padding: 20px;
}
/* home page css end  */

/* table css  */
table tbody tr:nth-child(odd) {
    background: #fbf6f6;
    border-bottom: solid 1px #ccc;
}

.pow-table tbody tr:nth-child(even) {
    background: #fff;
    border-bottom: solid 1px #ccc;
}

.table-heading {
    background-color: #312212;
    color: #fff !important;
    padding: 10px 20px !important;
    text-shadow: none !important;
}

.pow-table tr td {
    border: 1px solid #ababab52;
    text-align: left;
    padding: 5px 10px;
    transition: all 0.3s ease;
	font-size: 15px;
}

/* 🔥 HOVER EFFECT */
.pow-table tbody tr {
    transition: all 0.3s ease;
}

.pow-table tbody tr:hover {
    background: #f2e6d8 !important;
    /* transform: scale(1.01); */
    box-shadow: 0 4px 10px rgba(0,0,0,0.08);
}

.pow-table tbody tr:hover td {
    color: #312212;
}
/* table css end */



/* star icon css end */

.rounded-pill-list li a:hover {
	background-color: #8d1f01;
	color: #fff;
}

.rounded-pill-list li a {
	border: 1px solid #8d1f01;
	display: inline-block;
	padding: 5px 18px;
	border-radius: 20px;
	color: #8d1f01;
	    font-size: 15px;
	margin: 5px;
}

.rounded-pill-list li {
	display: inline-block;
}


/* elements end */


/* menu css  */
/* --- Navbar Container (Non-sticky) --- */
.wheel-nav-menu {
	display: flex;
	align-items: center;
}


.header-btn-desktop a:hover {
	background-color: transparent !important;
}

.wheel-navbar {

	display: flex;
	justify-content: space-between;
	align-items: center;

	position: static;
	width: 100%;
	z-index: 1000;
}

.wheel-navbar-brand {

	font-weight: 700;
	 
}
.wheel-navbar-brand img {

	display: none;
	 
}
.logo-heading {
    font-size: 25px;
    font-weight: bold;
    color: #8d1f01;
    margin-bottom: 0px;
    line-height: normal;
}
.logo-subheading {
    font-size: 14px;
    margin: 0px;
    font-weight: 400;
}

/* --- Icon Styling (Desktop Dropdown Indicators) --- */
.wheel-dropdown-icon {
	margin-left: 8px;
	font-size: 0.8em;
	transition: transform 0.3s;
}

.wheel-dropdown:hover>a .wheel-dropdown-icon,
.wheel-dropdown:focus-within>a .wheel-dropdown-icon {
	transform: rotate(180deg);
    position: relative;
    bottom: 3px;
}

/* --- Menu List Styles (Desktop) --- */
.wheel-nav-menu>ul {
	display: flex;
}
.explore-train-img img {
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.wheel-nav-menu a {
	display: block;
	padding: 6px 15px;
	 font-size: 15px;
	transition: color 0.3s, background-color 0.3s;
}

.wheel-nav-menu a:hover,
.wheel-nav-menu a:focus {
	background-color: var(--gray-bg);
	color: var(--text);
}

/* --- Dropdown Containers (Level 1 & 2 Desktop) --- */
.wheel-dropdown,
.wheel-dropdown-sub {
	position: relative;
}

.wheel-dropdown-content,
.wheel-dropdown-sub-content {
	/* Desktop Smooth Fade-in */
	visibility: hidden;
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.3s ease-in-out;
	position: absolute;
	background-color: var(--gray-bg);
	min-width: 220px;
	 
	border-radius: 0px;
	z-index: 10;
}

.wheel-dropdown-content {
	top: 100%;
	left: -1px;
}

.wheel-dropdown-sub-content {
	background-color: var(--gray-bg);
	top: 0;
	left: 100%;
	transform: translateX(10px);
	z-index: 20;
}

.wheel-dropdown-content a {
	color: var(--text);
	padding: 6px 18px;
	width: 100%;
	font-weight: 400;
	font-size: 15px;
}

.wheel-dropdown-content a:hover {
	background-color: var(--white);
	color: var(--maroon);
}

.wheel-dropdown-sub-content a:hover {
	background-color: var(--white);
	color: var(--maroon);
}

.wheel-dropdown:hover>.wheel-dropdown-content,
.wheel-dropdown:focus-within>.wheel-dropdown-content,
.wheel-dropdown-sub:hover>.wheel-dropdown-sub-content,
.wheel-dropdown-sub:focus-within>.wheel-dropdown-sub-content {
	visibility: visible;
	opacity: 1;
	transform: translate(0);
}

/* --- Mobile Menu Toggles --- */
.wheel-menu-icon,
.wheel-menu-toggle {
	display: none;
}

.main-header {
	padding: 5px 0px;
	   
	 
}

.whatsapp-icon-header i {
	font-size: 35px;
	color: #25D366;
	display: none;
}

.whatsapp-icon-header {
	margin-right: 10px;
}

.blink {
	animation: blink 1s infinite;
}

@keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.wheel-navbar-brand {
    bottom: 20px;
    position: relative;
}
.wheel-close-btn i {
    font-size: 30px;
}
 .wheel-close-btn a{
    padding: 0px !important;
 }

.wheel-close-btn {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    background-color: #f1f1f1;
    align-items: center;
}

.mobile-home-times {
    display: none;
}
.mobile-whatsapp {
    max-width: 30px;
    display: none;
}.whatsapp-icon-toggle-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* --- Media Query for Mobile Responsiveness (1200px Breakpoint) --- */
@media screen and (max-width: 1200px) {
    .mobile-whatsapp {
   
    display: block;
}

    .mobile-home-times {
    display: block;
}
    .main-header {
    padding: 10px 0px;
}

    .top-bar{
        display: none;
    }
    .wheel-navbar-brand {
    bottom: 20px;
    position: unset;
}

    .top-contact{
        display: none !important;
    }

	.header-contacts{
		display: none;
	}
	.whatsapp-icon-header i {
		display: block;
	}

	.header-btn-desktop {
		display: none;
	}

	ul.wheel-dropdown-sub-content {
		padding-left: 20px;
		left: 0px;
	}

	.wheel-navbar {
		flex-wrap: wrap;

	}

	.wheel-menu-icon {
		display: block;
		cursor: pointer;
		font-size: 2rem;
		color: var(--primary-color);
		transition: transform 0.3s;
	}

	/* Hides the burger icon initially */
	.wheel-menu-icon .fa-bars {
		display: block;
	}

	/* Hides the cross icon initially */
	.wheel-menu-icon .fa-times {
		display: none;
	}

 



     .wheel-nav-menu {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100vh;
        background: #fff;
        transition: right 0.4s ease;
        z-index: 9999;
    }

    .wheel-menu-toggle:checked ~ .wheel-nav-menu {
        right: 0;
    }

    .wheel-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.4);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
    }

    .wheel-menu-toggle:checked ~ .wheel-overlay {
        opacity: 1;
        visibility: visible;
    }

	.wheel-nav-menu>ul {
		flex-direction: column;
		padding-bottom: 10px;
	}

	.wheel-nav-menu a {
		padding: 10px 20px;

		position: relative;
	}

	/* --- Mobile Icon Toggle Fix (Cross Icon) --- */
	.wheel-menu-toggle:checked+.wheel-menu-icon .fa-bars {
		display: none;
		/* Hide bars when checked */
	}


    .wheel-dropdown-content{
        left: 0px;
    }
    ul.wheel-dropdown-content {
    border: 0px !important;
}
	.wheel-menu-toggle:checked+.wheel-menu-icon .fa-times {
		display: block;
		/* Show times when checked */
	}
    
    .wheel-dropdown.active {
    border: 0px solid var(--maroon) !important;
}

	/* ------------------------------------------- */
	.wheel-menu-toggle:checked~.wheel-nav-menu {
		
		overflow-y: scroll;        
        /* padding-top: 5px;
        margin-top: 10px;
        max-height: 500px; */
	}


    .wheel-menu-toggle:checked~.wheel-nav-menu::-webkit-scrollbar {
  width: 2px;
}

/* Track */
 .wheel-menu-toggle:checked~.wheel-nav-menu::-webkit-scrollbar-track {
  background: #c0c0c0; 
}
 
/* Handle */
 .wheel-menu-toggle:checked~.wheel-nav-menu::-webkit-scrollbar-thumb {
  background: #c0c0c0; 
}

/* Handle on hover */
 .wheel-menu-toggle:checked~.wheel-nav-menu::-webkit-scrollbar-thumb:hover {
  background: #c0c0c0; 
}
	/* --- Mobile Dropdown Styles (SMOOTH SLIDING EFFECT) --- */
	.wheel-dropdown-content,
	.wheel-dropdown-sub-content {
		/* Resetting desktop styles */
		visibility: visible;
		opacity: 1;
		transform: none;
		position: relative;
		box-shadow: none;
		min-width: auto;
		background-color: var(--gray-bg);
		color: var(--text);
		border-radius: 0;
		max-height: 0;
		/* Initially hidden */
		overflow: hidden;
		transition: max-height 0.4s ease-in-out;
		padding: 0;
	}

	/* Indentation for readability */
	.wheel-dropdown-content {
		padding-left: 0px;
	}

    .wheel-dropdown-content a {
    
    
    padding: 10px 20px !important;
    
}
ul.wheel-dropdown-content li {
    border-bottom: 1px solid #b8b8b8;
}

	.wheel-dropdown-sub-content {
		padding-left: 40px;
	}

	/* Show the content smoothly when 'active' */
	.wheel-dropdown.active>.wheel-dropdown-content,
	.wheel-dropdown-sub.active>.wheel-dropdown-sub-content {
		max-height: 500px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.wheel-dropdown-content a,
	.wheel-dropdown-sub-content a {
		color: var(--dark-text);
		padding: 6px 20px;
	}

	.wheel-dropdown-content a:hover,
	.wheel-dropdown-sub-content a:hover {
		background-color: #e5e8ea;
	}

	/* Hide the desktop icon */
	.wheel-dropdown-icon {
		display: none !important;
	}

	/* Use :before for the mobile dropdown icon */
	.wheel-dropdown>a:before,
	.wheel-dropdown-sub>a:before {
		font-family: 'Font Awesome 6 Free';
		font-weight: 900;
		content: '\f107';
		/* fa-angle-down code */
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
		transition: content 0.3s;
		color: var(--primary-color);
		 
	}

	/* Rotate and change icon when the mobile dropdown is active */
	.wheel-dropdown.active>a:before,
	.wheel-dropdown-sub.active>a:before {
		content: '\f106';
		/* fa-angle-up code */
	}

	.wheel-nav-menu {
		display: block;
		align-items: center;
	}

}

.bold-a-tag a{font-weight: 600;}


/* connected css  */
.wheel-dropdown {
  position: relative;
  background-color: var(--white); /* parent default */
  transition: background-color 0.3s;
}

/* submenu */
 

/* show submenu when hover parent or submenu */
.wheel-dropdown:hover > .wheel-dropdown-content,
.wheel-dropdown:focus-within > .wheel-dropdown-content {
  visibility: visible;
  opacity: 1;
}

/* keep parent background same as submenu while hovering anywhere inside dropdown */
.wheel-dropdown:hover,
.wheel-dropdown:focus-within {
  background-color: var(--gray-bg);
  color: var(--text);
}




li.wheel-dropdown > a:hover {     
    border-bottom: 0px;
}

 

.wheel-dropdown:hover > .nav-items {
 
      background-color:#f1f1f1;
}

ul.wheel-dropdown-content {
    border: 1px solid var(--maroon);
   
}

.wheel-dropdown:hover,
.wheel-dropdown:focus-within  {
    border: 1px solid var(--maroon);
}

.wheel-dropdown, .wheel-dropdown:focus-within {
    border: 1px solid transparent;
}



/* style links inside dropdown */
.wheel-dropdown-content a {
  display: block;
  color: var(--text);
  padding: 6px 20px;
  transition: background 0.2s;
}

 

/* connected css  */


/* menu css end */


/* lightbox gallery css  */
/* ================= GALLERY ================= */
.pow-gallery-wrap {
    position: relative;
}.number-of-img-wrapper {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: #8d1f01;
    color: #ffffff;
    padding: 4px 10px;
    z-index: 0;
    border-radius: 5px;
    font-size: 16px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.main-banner-light-box-gallery {
	 
	margin: auto;
	 
}

.main-banner-image {
	position: relative;
}




.pow-gallery{
    display:grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: 220px 220px;
    gap:4px;
}

/* images */
.pow-gallery img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    cursor:pointer;
    transition:.3s;
}

 .pow-gallery img:nth-child(n+5){
display:none;
}
/* mobile nav buttons */
.mobile-gallery-nav{
  display:none;
}
/* left tall image */
.pow-gallery img:nth-child(1){
    grid-row:1 / span 2;
}

/* center big image */
.pow-gallery img:nth-child(2){
    grid-row:1 / span 2;
}

/* right top */
.pow-gallery img:nth-child(3){
    grid-column:3;
    grid-row:1;
}

/* right bottom */
.pow-gallery img:nth-child(4){
    grid-column:3;
    grid-row:2;
}

.pow-gallery::-webkit-scrollbar {
   
  height: 0px;
}



/* Override grid layout with masonry */
.pow-gallery.gallery-view{
    display:block;
    column-count:4;
    column-gap:4px;
}

/* override image height from grid */
.pow-gallery.gallery-view img{
    width:100%;
    height:auto;
    margin-bottom:4px;
    break-inside:avoid;
    border-radius:0px;
}

/* show all images */
.pow-gallery.gallery-view img:nth-child(n+5){
    display:block;
}

/* ================= LIGHTBOX ================= */
.pow-lightbox {
	position: fixed;
	inset: 0;
	background: rgb(0 0 0 / 84%);
	z-index: 999;
	transform: translateY(-100%);
	transition: transform .45s cubic-bezier(.4, 0, .2, 1);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.pow-lightbox.pow-show {
	transform: translateY(0);
}

/* Close */
.pow-close {
	position: absolute;
	top: 20px;
	right: 30px;
	font-size: 28px;
	color: #fff;
	cursor: pointer;
}

/* ================= SLIDER ================= */
.pow-slider-wrap {
	position: relative;
	width: 80%;
	height: 70vh;
	overflow: hidden;
	margin-top: 60px;
}

.pow-slider {
	display: flex;
	height: 100%;
	transition: transform .5s cubic-bezier(.4, 0, .2, 1);
}

.pow-slider img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	flex-shrink: 0;
}

/* Nav */
.pow-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 42px;
	color: #fff;
	cursor: pointer;
	user-select: none;
}

.pow-prev {
	left: 20px;
	z-index: 9;
}

.pow-next {
	right: 20px;
}

/* Counter */
.pow-counter {
	position: absolute;
	right: 20px;
	bottom: 20px;
	color: #fff;
	font-size: 14px;
	background: rgba(0, 0, 0, .6);
	padding: 6px 12px;
	border-radius: 20px;
}

/* ================= THUMBS ================= */
.pow-thumbs {
	display: flex;
	gap: 10px;
	margin: 15px 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 5px;
}

.pow-thumbs img {
	width: 70px;
	opacity: .5;
	cursor: pointer;

	transition: .3s;
}

.pow-thumbs img.pow-active {
	opacity: 1;
	border: 2px solid #fff;
	transform: scale(1.05);
}

/* lightbox gallery css  */






/* global css  */
.hover-box-content {
    position: absolute;
        bottom: -140px;
		background:#000000ba;
   
    padding: 10px;
    text-align: center;
	 transition: bottom 0.4s ease-in-out;
	     height: 200px;
}
.hover-box-grid:hover .hover-box-content {
	 background: rgba(252, 252, 252, 0.89);
	bottom: 0px;
}
.hover-box-grid {
    overflow: hidden;
}


.hover-box-title {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
	color: #fff;
}

.hover-box-grid:hover .hover-box-title {
    border-bottom: 1px solid #000;
   
	color: #000;
}
.special-note{
	background-color: var(--yellow);
	padding: 15px;
}

.global-card-header {
    background-color: #5d194f;
    padding: 12px;
}
.global-table-card {
    border: 4px solid #5D194F;
    border-radius: 15px;
}
.global-th {
    background-color: #555555 !important;
    color: #fff !important;
    font-weight: normal;
}
.global-table td {
    background-color: #fff;
}
table.global-table td, th {
    padding: 10px;
        border: 1px solid #EAEAEA;
		font-size: 14px;
}
ul.destination-list a {
    font-size: 16px;
}
ul.destination-list li:last-child {
    border: unset;
    margin-bottom: 0px;
}
ul.destination-list li {
    padding-bottom: 10px;
    border-bottom: 1px solid #5D194F;
    margin-bottom: 10px;
}
ul.destination-list {
    padding: 20px;
}
.destination-title h3 {
    color: #fff;
   
    margin: 0px;
     
    font-size: 22px;
    letter-spacing: 2px;
}
.destination-title {
    background-color: #8d1f01;
    padding: 8px;
    text-align: center;
    border-radius: 20px;
    margin-top: -2px;
}
.destination-card {
    border: 2px solid #8d1f01;
    border-radius: 20px;
    overflow: hidden;
}


.pow-list{
	margin-bottom: 15px;
}
ul.pow-list li {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    padding-bottom: 10px;
}ul.pow-list li:before {
    position: absolute;
    width: 15px;
    height: 15px;
    content: '';
    background-color: #8d1f01;
    left: 0px;
    border-radius: 100%;
    top: 6px;
}



.food-faq ul{
	margin-bottom: 15px;
}
.food-faq li {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    padding-bottom: 10px;
}
.food-faq li:before {
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    background-color: #8d1f01;
    left: 0px;
    border-radius: 100%;
    top: 6px;
}.food-faq li {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    padding-bottom: 10px;
}



.dynamics-pages ul{
	margin-bottom: 15px;
}
.dynamics-pages li {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    padding-bottom: 10px;
}
.dynamics-pages li:before {
    position: absolute;
    width: 10px;
    height: 10px;
    content: '';
    background-color: #8d1f01;
    left: 0px;
    border-radius: 100%;
    top: 6px;
}.dynamics-pages li {
    position: relative;
    padding-left: 20px;
    font-size: 15px;
    padding-bottom: 10px;
}





.global-subtitle {
 
    font-size: 24px;
	font-weight: 600;
}




/* ====== WRAPPER ====== */
.white-table {
    background: #fff;
    padding: 10px;
    
    max-width: 100%;
    overflow-x: auto;
}

/* ====== TABLE ====== */
.white-table table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #eee;
}

/* ====== HEADINGS ====== */
.white-table thead tr:first-child th {
    text-align: left;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 14px 12px;
    border-bottom: 1px solid #eee;
    background: #fff;
}

.white-table thead tr:last-child th {
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    padding: 12px;
    border-bottom: 1px solid #eee;
}

/* ====== BODY ====== */
.white-table tbody td {
    font-size: 15px;
    padding: 8px;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    vertical-align: middle;
}

.white-table tbody td:last-child,
.white-table thead th:last-child {
    border-right: none;
}

/* ====== FIRST COLUMN ====== */
.white-table tbody td:first-child,
.white-table thead th:first-child {
    width: 40%;
}

/* ====== HOVER EFFECT ====== */
.white-table tbody tr:hover {
    background: #fafafa;
}

.destination-grid-card-content {
    position: absolute;
    bottom: 10px;
    width: 100%;
    background-color: #00000096;
    text-align: center;
   border-radius: 10px;
    padding: 5px;
    max-width: 95%;
    margin: auto !important;
    left: 50%;
    transform: translate(-50%, 0px);
}
.destination-grid-card-img img {
    width: 100%;
    transition: transform 0.5s ease;
	    height: 240px;
    object-fit: cover;
}
.destination-grid-card {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin: 15px 0px;
}
.destination-grid-card:hover .destination-grid-card-img img {
    transform: scale(1.15);
}
.destination-single-grid h1 {
    font-size: 35px;
}

.destination-single-grid h2 {
    font-size: 30px;
}
.destination-single-grid h3 {
    font-size: 25px;
}


.destination-single-grid h4 {
    font-size: 20px;
}
.destination-lists {
    background-color: var(--gray-bg);
    padding: 50px 0px;
}
.image-with-border {
    border-bottom: 50px solid #8d1f01;
}
.faq-images {
    max-width: 500px;
    width: 100%;
}
.tab-btn-group {
    display: flex;
    align-items: center;
	    
    margin-bottom: 20px;
}.tab-btn-group img {
    height: 60px;
}
.tab-btn-group .yellow-button {
    cursor: pointer;
}

.tab-btn-group .purple-button{
    cursor: pointer;
}

.child-tabs-list .purple-button-bg {
    max-width: 150px;}
.history li{
	font-size: 16px !important;
}
.inside-logo {
    max-width: 100px;
}

 .pow-info-card {
         border: 1px solid #ddd;
         background: #fff;
         font-family: Arial, sans-serif;
         }
         /* Header */
         .pow-header {
             background: #8d1f01;
         color: #fff !important;
         padding: 10px;
         font-weight: 600;
         }
         .pow-header h5 {
         color: #fff;
         }
         /* Logo Section */
         .pow-logo {
         padding: 15px;
         display: flex;
         align-items: center;
         justify-content: center;
         flex-direction: column;
         }
         .vote-text {
         color: #8d1f01;
         font-weight: 600;
         margin-top: 8px;
         }
         /* Rows */
         .pow-row {
         padding: 12px 15px;
         border-top: 1px solid #ddd;
         }
         .pow-row.alt {
         background: #f3ecdf;
         }
         /* Title Column */
       .pow-title {
    font-weight: 600;
    font-size: 15px;
}
         /* Value Column */
         .pow-value {
         color: #555;
         font-size: 15px;
         }

		 .link-text {
    font-weight: 600;
}



/* swiper css  */
/* Common styles */
.swiper-button-prev,
.swiper-button-next {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  color: #000;                 /* arrow color */
  transition: all 0.3s ease;
}

.swiper-button-prev svg {
    width: 20px !important;
    height: 20px !important;
}.swiper-button-next svg {
    width: 20px !important;
    height: 20px !important;
}
/* Remove default arrow size */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 16px;
  font-weight: bold;
}

/* Hover effect */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  background: #000;
  color: #fff;
  transform: scale(1.05);
}

/* Optional: position tweaks */
.swiper-button-prev {
  left: 10px;
}

.swiper-button-next {
  right: 10px;
} .swiper {
    width: 100%;    
    overflow: hidden;
  }

 

/* swiper css end */
 

/* tab css  */
.child-tabs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	margin-bottom: 20px;
}
/* parent gallery switch */
 

/* child tab content */
/* Child tab content */
.photo-child-tabs-content,
.video-child-tabs-content {
  display: none;
}

.photo-child-tabs-content.active,
.video-child-tabs-content.active {
  display: block;
}

/* tab css end */



  .gallery-page-gallery.main-banner-light-box-gallery {
    max-width: 100%;
    position: unset;
    width: 100%;
}
 
 .pow-gallery.gallery-view img:nth-child(n+5) {
    display: block;
}
 

 
.journeys-left-heading {
    background-color: #8d1f01;
    padding: 10px 20px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}.faq-section .accordion-body {
    padding: 20px;
}
.journeys-images {
    border-radius: 15px;
    overflow: hidden;
}
.journeys-right-listing {
    background-color: #fff;
    padding: 15px;
    border-radius: 20px;
   box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
   margin-bottom: 25px;
}

.journeys-right-listing:hover {
    
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 20px;
}
.icon-img {
    max-width: 25px;
}
.journeys-left-content {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.number-of-day {
    border: 1px solid #8d1f01;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 600;
    font-size: 12px;
}
.blog-listing {
    border-bottom: 1px solid #8d1f01;
	padding: 15px;
    padding-bottom: 30px;
    margin-bottom: 30px;
	   transition: 
        box-shadow 0.3s ease,
        background-color 0.3s ease,
        transform 0.3s ease;
	
}
.blog-listing:hover{
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background-color: #fff;
 transform: translateY(-4px);
}

.blog-content h5 {
    font-size: 20px;
}
.blog-images {
    border-radius: 10px;
    overflow: hidden;
}

.active>.page-link, .page-link.active {
   
    
    background-color: #5d194f;
    border-color: #5d194f;
}

.page-link{
	color: #5d194f;
}
.page-link:hover {
    
    color: #efb109;
     
}

.blog-single h1{
	font-size: 26px;
}
.blog-single h2{
	font-size: 24px;
}
.blog-single h3{
	font-size: 22px;
}
.blog-single h4{
	font-size: 20px;
}
.blog-single h5{
	font-size: 18px;
}
.blog-single h6{
	font-size: 16px;
}
.trending-post-header {
    padding: 8px;
    background-color: #8d1f01;
    text-align: center;
}
.trending-post {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	 
	overflow: hidden;
}
.trending-post-content{
	background-color: #fff;
	padding: 15px;
	 
}
.trending-post-content .blog-content h5 {
       font-size: 13px;
    margin-bottom: 4px;
    font-family: "Google Sans", sans-serif;
}

.small-text-btn {
    display: block;
    font-size: 12px;
    line-height: normal;
}

.day-head {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
      font-family: "Google Sans", sans-serif;
}
.day-head span {
    color: #8d1f01;
}

     /* Frame Design */
         .logo-frame-affilations {
         background: #fff;
         padding: 25px;
         border: 3px solid var(--maroon);
         position: relative;
         transition: 0.4s;
         }
         /* Outer Shadow Frame */
         .logo-frame-affilations::after {
         content: "";
         position: absolute;
         top: 8px;
         left: 8px;
         width: 100%;
         height: 100%;
         border: 3px solid var(--yellow);
         z-index: -1;
         }
         /* Hover Effect */
         .logo-frame-affilations:hover {
         transform: translateY(-8px);
         }
         /* Logo Image */
         .logo-frame-affilations img {
         width: 100%;
         height: 120px;
         object-fit: contain;
         }
         /* Responsive Spacing */
         .affiliation-box {
         margin-bottom: 30px;
         }

/* global css end */






/* footer css  */
.footer-note {
    font-size: 14px;
}
.footer-title {
    font-size: 22px;
}
.footer-menu-widget a {
    color: #f2f2f2;
}
.copyright-text {
    color: #f2f2f2;
}
.footer {
    background-color: #4b4b4b;
}
.member-icon {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 5px;
}

/* footer css end */



/* mix css  */
.latest-update .d-flex.flex-wrap.gap-3.justify-content-center {
    justify-content: start !important;
}

.latest-update .heading-wrapper.text-center {
    text-align: left !important;
}
.explore-more .heading-wrapper.text-center {
    text-align: left !important;
}

.explore-more .rounded-pill-list.text-center {
    text-align: left !important;
}
 
.about-card-paragraph {
    min-height: 140px;
}

.border-image {
    border: 1px solid #8d1f01;
    padding: 5px;
}
.coaches-card {
    background-color: #f1f1f1;
    padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    transition: all 0.3s ease;
    margin-bottom: 30px;
}

.coaches-card:hover {
    transform: translateY(-8px);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 20px 40px;}

.coaches-card-header {
    border-bottom: 1px solid #8d1f01;
    margin-bottom: 25px;
    padding-bottom: 10px !important;
}
.purple-tab.video-tabs- {
    opacity: 0.5;
}

.yellow-tab.photo-tabs-{
       opacity: 0.5;
}
ul.wheel-dropdown-content {
    top: calc(100% - 2px);
}
.nav-items {
    z-index: 999;
    position: relative;
}
.top-contact img {
    max-width: 20px;
    margin-right: 8px;
}

.yt-shorts-section {
    background: var(--gray-bg);
}

.short-card {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(0,0,0,0.1) 0px 5px 15px;
}

.short-card iframe {
    width: 100%;
    height: 350px; /* vertical shorts feel */
    border: none;
}


.main-gallery-wrapper {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
}
.footer-note {
    color: #f2f2f2;
}
.top-contact {
    display: flex;
    justify-content: end;
    gap: 20px;
        
     
}.top-contact i {
    font-size: 20px;
    margin-right: 8px;
    color: var(--maroon);
}.top-contact a {
    display: flex;
    align-items: center;
        line-height: normal;
        font-size: 14px;
}.fa-brands.fa-whatsapp {
    color: #25D366;
}
.main-navbar-wrapper {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 /* Cards */
      .contact-card {
         background: #fff;
         border-radius: 10px;
         padding: 30px;
         box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
         transition: .3s;
         height: 100%;
      }

      .contact-card:hover {
         transform: translateY(-5px);
      }
 

      /* Logos */
      .approved-logo img {
         max-height: 65px;
         
      }
section.offer-box-table{
	background-color: var(--gray-bg);
}
.offer-box {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.active .purple-button img.img-fluid.on-hover {
    clip-path: inset(0 0 0 0);
}
.image-hover {
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.image-hover img {
  width: 100%;
  transition: transform 0.4s ease;
}

.image-hover:hover img {
  transform: scale(1.08);
}
.header-btn-desktop .purple-button-bg {
    max-width: 170px;
     
}
body .accordion-header button {
    font-size: 16px;
}
body .accordion-header {
    font-family: "Google Sans", sans-serif;
    font-size: 16px !important;
}
b, strong {
    font-weight: 600 !important;
}
.journeys-price-group .btn.btn-primary {
    font-size: 13px;
}
.journeys-content p {
    font-size: 14px;
}


.highlight_para {
    background-color: #f1f1f1;
    padding: 10px;
    color: #000000;
}
.single-image-sliders img {
    width: 100%;
	object-fit: cover;
}


.single-image-slider-wrapper {
    background-color: #fff;
    padding: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 15px;
}
.single-image-slider-wrapper .swiper-slide img {
	 border-radius: 15px;
	 overflow: hidden;
}
.single-page-gallery-section{
	background-color: var(--gray-bg);
}
.swiper-button-next,
.swiper-button-prev {
  color: var(--maroon) !important;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  color: var(--white) !important;
}

.breadcrumb li {
    font-size: 14px;
}
.footer-menu-angle-down i{
    transition:transform 0.3s ease;
}

.footer-menu-widget.active .footer-menu-angle-down i{
    transform:rotate(180deg);
}
 

section.breadcrumb-section {
    background-color: #f1f1f1;
    padding: 10px 0px;
}
 
section.place-on-wheel-price tr td:first-child {
    width: 200px !important;
}
section.place-on-wheel-price tr th:first-child {
    width: 200px !important;
}
.global-th small {
    display: block;
    font-size: 12px;
}
/* Tabs container */
.pow-tabs {
    border-bottom: 2px solid #eee;
    gap:5px;
	    margin-bottom: 5px;
}

/* Tab buttons */
.pow-tabs .nav-link {
    border: none;
    background: #f8f8f8;
    color: #000000;
    padding: 8px 20px;
    border-radius: 0px;
    transition: all .3s ease;
}

/* Hover */
.pow-tabs .nav-link:hover {
    background: #8d1f01;
    color: #fff;
}

/* Active tab */
.pow-tabs .nav-link.active {
    background: #8d1f01;
    color: #fff;
}

.about-card-content p {
    font-size: 15px;
}.heading-wrapper.mb-3 {
    margin-bottom: 10px !important;
}
/* itineray  */
/* Icon Styling */
.itinerary-acc-header .icon {
    font-size: 30px;
    color: var(--maroon);
    transition: transform 0.3s;
    position: absolute;
    right: 10px;
}

.itinerary-acc-item.itinerary-active .icon {
    transform: rotate(180deg); /* optional smooth rotate */
}
 .itinerary-wrapper {             
            position: relative;           
        }

        /* Timeline Track */
        .itinerary-main-track {
            position: absolute;
            left: 20px; top: 10px; bottom: 10px;
            width: 4px; background: #8d1f01;
            border-radius: 4px; z-index: 0;
        }

        /* Progress Fill */
        .itinerary-progress-fill {
            position: absolute;
            left: 20px; top: 10px;
            width: 4px; height: 0%;
            background:  #8d1f01;;
            border-radius: 4px; z-index: 1;
            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .itinerary-acc-item { position: relative; z-index: 2; margin-bottom: 15px; }

        .itinerary-acc-header {
            display: flex; align-items: center; cursor: pointer;
            background: white; padding: 16px; border-radius: 10px;
            border: 1px solid  #8d1f01;; transition: all 0.3s;
            user-select: none;
        }

        /* Circle Node */
        .itinerary-acc-header::before {
            content: ''; width: 12px; height: 12px;
            background: white; border: 3px solid  #8d1f01;;
            border-radius: 50%; margin-right: 15px; flex-shrink: 0;
            transition: all 0.3s;
        }

        /* States */
        .itinerary-acc-item.itinerary-completed .itinerary-acc-header::before {
            background:  #8d1f01; border-color:  #8d1f01;
        }
        
        .itinerary-acc-item.itinerary-active .itinerary-acc-header { 
            border-color:  #8d1f01; 
            border-bottom-left-radius: 0; border-bottom-right-radius: 0; 
        }

      
        .itinerary-day-title span { color:  #8d1f01; }

        /* Smooth Content */
        .itinerary-acc-content {
            max-height: 0; overflow: hidden;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            background: white; margin-left: 22px;
            border-left: 2px solid  #8d1f01;;
        }

        .itinerary-acc-item.itinerary-active .itinerary-acc-content { border-left-color:  #8d1f01; }

        .itinerary-inner-body { padding: 20px 30px; font-size: 0.95rem; color: #475569; }
        .itinerary-inner-body p { margin-bottom: 12px; }
        .itinerary-inner-body strong { color: #1e293b; }
        .itinerary-inner-body a { color:  #8d1f01; text-decoration: none; font-weight: bold; }

/* itineray  */


.whatsapp-contact span {
    color: #8d1f01;
}

.whatsapp-contact i {
    color: #1BD741;
    font-size: 35px;
}
 .header-whatsapp-contact a {
    padding: 0px;
}

.header-contacts {
    margin-left: 10px;
}.header-btn-desktop {
    display: flex;
    margin-left: 20px;
}
.destination-grid-card-content h4 {
    font-size: 20px;
}
/* mix css end */














/* =====================================
   10. RESPONSIVE TYPOGRAPHY
===================================== */


@media(min-width:991px){
  .table-left{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-width: 2px;
  }
   .table-right{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left-width: 2px;
  }

  .merge-table .col-lg-6:nth-child(1) {
    padding-right: 0px;
}
.merge-table .col-lg-6:nth-child(2) {
    padding-left: 0px;
}
}



@media (max-width: 991px) {
	.pow-gallery.gallery-view{
        column-count:3;
    }
	 
	h1 {
		font-size: 38px;
	}

	.heading-wrapper h2 {
		font-size: 30px;

	}
}

@media (max-width: 767px) {
   

ul.top-contact{
    flex-wrap: wrap;
    
    gap: 10px;
}
	 
	.blog-images{
		margin-bottom: 15px;
	}
	 .pow-gallery.gallery-view{
        column-count:2;
    }
	.footer-menu-toggle-wrapper {
    border-bottom: 1px solid #b5a5a1;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
	.itinerary-day-title {
    font-size: 14px;
}
	 
	.big-heading {
		font-size: 40px;
		 
	}

	h1 {
		font-size: 30px;
	}

	h2 {
		font-size: 26px;
	}

	.section-padding {
		padding: 60px 0;
	}
}


@media(max-width:480px){
   .pow-gallery.gallery-view{
        column-count:1;
    }
}


@media(max-width:768px){
  /* MOBILE SLIDER ONLY WHEN CLASS EXISTS */
    
        .pow-gallery.mobile-slider {
          display: flex;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
        }

        .pow-gallery.mobile-slider img {
          min-width: 100%;
          height: 240px;
          scroll-snap-align: start;
          border-radius: 0;
        }

        /* show all images in slider */
        .pow-gallery.mobile-slider img:nth-child(n + 5) {
          display: block;
        }

        /* remove grid layout only for slider */
        .pow-gallery.mobile-slider img:nth-child(1),
        .pow-gallery.mobile-slider img:nth-child(2),
        .pow-gallery.mobile-slider img:nth-child(3),
        .pow-gallery.mobile-slider img:nth-child(4) {
          grid-column: auto;
          grid-row: auto;
        }

        .mobile-gallery-nav {
          display: flex;
          justify-content: space-between;
          position: absolute;
          top: 50%;
          left: 0;
          right: 0;
          transform: translateY(-50%);
          pointer-events: none;
        }

       .mobile-gallery-nav span {
        background: #8c1f01;
        color: #fff;
        padding: 8px;
        cursor: pointer;
        pointer-events: auto;
        font-size: 20px;
    }

.footer-menu-toggle{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s ease;
}

.footer-menu-widget.active .footer-menu-toggle{
    max-height:500px; /* large enough value */
}



 .footer-menu-toggle {
        display: none;
    }

    .footer-menu-angle-down {
        cursor: pointer;
    }

    .footer-menu-widget.active .footer-menu-toggle {
        display: block;
    }

    .footer-menu-widget.active .footer-menu-angle-down i {
        transform: rotate(180deg);
        transition: 0.3s;
    }
}

/* Desktop */
@media (min-width: 769px) {
    .footer-menu-angle-down {
        display: none;
    }

    .footer-menu-toggle {
        display: block !important;
    }
}