@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700,300|Poppins:400,500,600,700|Tangerine:700);
@import "libraries/lib.css";
@import "libraries/bootstrap-datetimepicker.min.css";
@import "libraries/fonts/stroke-gap-icon.css";
@import "libraries/lightslider-master/lightslider.css";
@import "css/plugins.css";
@import "css/navigation-menu.css";
@import "css/shortcode.css";
/* [Layout] */
/* * Body */
body {
	font-family: 'Work Sans', sans-serif;
	font-size: 15px;
	color: #000;
	overflow-x: hidden;
}
main,
footer {
	overflow-x: hidden;
}
img {
    max-width: 100%;
	height: auto;
}
a {
    outline: 0 !important;
}
select::-ms-expand {
    display: none;
}
/* - Padding/Margin */
.no-padding {
	padding: 0;
}
.no-left-padding{
	padding-left: 0;
}
.no-right-padding {
	padding-right: 0;
}
.no-top-padding {
	padding-top: 0;
}
.no-bottom-padding {
	padding-bottom: 0;
}
.no-margin {
	margin: 0;
}
.no-left-margin {
	margin-left: 0;
}
.no-right-margin {
	margin-right: 0;
}
.no-top-margin {
	padding-top: 0;
}
.no-bottom-margin {
	margin-bottom: 0;
}
/* - OW pull-left/pull-right */
.ow-pull-left  {
	float: left;
}
.ow-pull-right  {
	float: right;
}
/* - SlidePanel */
#slidepanel { 
	display: block; 
}
#closeit,
#toggle,
#slideit {
	display: none;
}
/* * Section Padding */
.section-padding {
	padding-top: 10px;
	padding-bottom: 30px;
}
/* * Section Header */
.popular-destination-block .row{
    display: flex;
    flex-wrap: wrap;
}

.popular-destination-left,
.popular-destination-right{
    display: flex;
    flex-wrap: wrap;
}

.popular-destination-left .popular-destinatonbox{
    height: 100%;
}

.popular-destination-left img{
    width: 100%;
    height: 550px;
    object-fit: cover;
    display: block;
}

.popular-destination-right .col-md-6{
    padding: 5px;
}

.popular-destination-right .popular-destinatonbox{
    position: relative;
    overflow: hidden;
}

.popular-destination-right img{
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

.popular-destination-info{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}


/* * PageBanner */
.pagebanner {
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 250px;
	text-align: center;
}
.pagebanner::before {
	background-color: rgba(0, 0, 0, 0.6);
	bottom: 0;
	content: "";
	display: inline-block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}
.pagebanner .container {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.pagebanner h3 {
	color: #fff;
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 2px;
	font-family: 'Poppins', sans-serif;
	z-index: 2;
	word-wrap: break-word;
	margin: 0;
}
.gallery-section {
    padding: 80px 5% 50px; /* top left-right bottom */
    background: #f8f8f8;
}

.gallery-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 50px;
}
.gallery-item {
    overflow: hidden;
    border-radius: 15px;
}

.gallery-item img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
    transition: 0.5s ease;
}

.gallery-item:hover img {
    transform: scale(1.08);
}

/* - PageBanner:: ContactUs */
.pagebanner.contactus {
	background: url("images/pagebanner-contactus.jpg"); 
}
/* - PageBanner:: Gallery4Column */
.pagebanner.gallery4column {
	background: url("images/pagebanner-gallery4column.jpg"); 
}
/* - PageBanner:: Gallery3Column */
.pagebanner.gallery3column {
	background: url("images/pagebanner-gallery3column.jpg"); 
}
/* - PageBanner:: AboutUs */
.pagebanner.aboutus {
	background: url("images/pagebanner-aboutus.jpg"); 
}
/* - PageBanner:: Destination */
.pagebanner.destination {
	background: url("images/pagebanner-destination.jpg"); 
}
/* - PageBanner:: Destination Details */
.pagebanner.destinationdetails {
	background: url("images/pagebanner-destinationdetails.jpg"); 
}
/* - PageBanner:: Blog */
.pagebanner.blog {
	background: url("images/pagebanner-blog.jpg"); 
}
/* - PageBanner:: BlogPost */
.pagebanner.blogpost {
	background: url("images/pagebanner-blogpost.jpg"); 
}
/*  * Ow Pagination */
.ow-pagination {
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
.ow-pagination .pagination li {
	float: left;
	margin-right: 9px;
}
.ow-pagination .pagination li:last-of-type {
	margin-right: 0;
}
.ow-pagination .pagination a {
	font-size: 17px;
	height: 44px;
	width: 44px;
	line-height: 31px;
	color: #444;
	border: 1px solid #cecece;
	text-align: center;
	-webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
	background-color: transparent;
}
.ow-pagination .pagination li.active a {
	background-color: #3abefb;
	color: #fff;
	border-color: #3abefb;
}
.ow-pagination .pagination li:last-of-type a {
	line-height: 25px;
}
.ow-pagination .pagination li:last-of-type a {
	padding: 9px 12px;
}
.ow-pagination .pagination a:focus,
.ow-pagination .pagination a:hover {
	color: #fff;
	background-color: #3abefb;
	border-color: #3abefb;
}
.ow-pagination .pagination > li:first-child > a,
.ow-pagination .pagination > li:last-child > a {
	border-radius: 0px;
}
/* * Header */
/* - Header Top */
.header-top {
	background-color: #2a2132;
	padding-top: 9px;
	position: relative;
}
.header-top::after {
	border-bottom: 1px solid #2a2132;
    bottom: -2px;
    content: "";
    display: inline-block;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}
.header-top  span{
	color: #fff;
	display: inline-block;	
    font-family: 'Work Sans', sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
	padding-top: 5px;
	padding-bottom: 9px;
    text-transform: uppercase;
}
.header-top ul {
	text-align: right;
	padding-left: 0;
}
.header-top ul li {
	display: inline-block;
	margin-right: 5px;
}
.header-top ul li:last-of-type {
	margin-right: 0;
}
.header-top ul li a {
	color: #a1a1a1;
	font-size: 16px;
	display: inline-block;
	height: 28px;
	width: 29px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #808080;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}
.header-top ul li:hover a {
    border-color: #f3a316;
    color: #2a2132;
    background-color: #f3a316;
}
/* -- Header Middle */
.header-middle {
	padding-top: 15px;
	padding-bottom: 15px;
}
.header-middle .logo-block a {
	text-decoration: none;
}
.header-middle .logo-block h3 {
	text-decoration: none;
	text-transform: uppercase;
	color: #222;
	font-size: 28px;
	font-family: 'Poppins', sans-serif;
	letter-spacing: 0.96px;	
	margin: 5px 0 0;
	font-weight: 700;
}
.header-middle .logo-block a span {
	display: block;
	color: #444;
	font-size: 11px;
	letter-spacing: 0.77px;
	text-transform: uppercase;
	font-family: 'Work Sans', sans-serif;
}
.header-contactinfo-block{
	float: right;
	margin-top: 16px;
}
.header-middle .contactinfo-box {
	position: relative;	
	display: inline-block;
	padding-left: 31px;
	margin-right: 45px;
}
.header-middle .header-contactinfo-block .contactinfo-box:last-of-type {
	margin-right: 0;
}
.header-middle .contactinfo-box > span {
    color: #f4a21a;
    position: absolute;
    left: -7px;
    top: 4px;
    font-size: 30px;
}
.header-middle .contactinfo-box p{
	color: #2d3a96;
	font-size: 14px;
    font-weight: 500;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	line-height: 20px;
}
.header-middle .contactinfo-box p span{
	color: #000;
	font-family: 'Work Sans', sans-serif;
	text-transform: uppercase;
	display: block;	
}
.header-middle .contactinfo-box p a{
	color: #2b3a95;
	display: block;
	text-decoration: none;
	font-size: 14px;
	text-decoration: none;
	line-height: 20px;	
}
.header-middle .contactinfo-box p a:last-of-type{
	color: #000;
}
/* - MenuBlock */
.menu-block{
	background-color: #f7921c;
}
/* - Menu:: Search */
.menu-block  .menusearch {
	float: right;
	max-width: 242px;
	position: relative;
	background-color: #e69b14;
	padding-left: 7px;
	padding-right: 7px;
	margin-right: 15px;
}
.menu-block .menusearch .btn{
	padding: 0;
	height: 25px;
	width: 25px;
}
.menu-block  .menusearch .form-control{
	border-radius: 0;
	box-shadow: none;
	background-color: #e69b14;
	border: none;
	color: #fff;
	font-size: 15px;
	font-family: 'Work Sans', sans-serif;
	letter-spacing: 0.75px;
	min-height: 60px;
}
/* - Placeholder */
.menu-block .menusearch .form-control::-webkit-input-placeholder {
	color: #fff;
}
.menu-block .menusearch .form-control:-moz-placeholder {
	color: #fff; 
}
.menu-block .menusearch .form-control::-moz-placeholder {
	color: #fff;
}
.menu-block .menusearch .form-control:-ms-input-placeholder {
	color: #fff; 
}
.menu-block .menusearch .btn {
	background-color: transparent;
	min-height: 60px;
	color: #fff;
	font-size: 18px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	outline: none;
	box-shadow: none;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
}	
.menu-block .menusearch .btn:hover,
.menu-block .menusearch .btn:hover,
.menu-block .menusearch .btn:hover {
	color: #000;
}
/* * Footer */
/* - Footer Main */
.footer-main {
	overflow: hidden;
}
.footer-widgetblock {
	background-color: #1b1b1b;
	position: relative;
	padding-bottom: 90px;
}
.footer-widgetblock::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: -90px;
	bottom: 0;
	background: url("images/footer-bg.png");
	background-position: top center;
	background-repeat: no-repeat;
}
.footer-widgetblock .row{
	padding-top: 90px;	
}
/* - Footer:: Footer Widget */
.ftr-widget {
	margin-bottom: 30px;
}
/* - Footer:: Widget Title */
.ftr-widget .widget-title {
	position: relative;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	text-transform: uppercase;
	margin: 0 0 30px;
	padding-bottom: 23px;	
	word-wrap: break-word;
}
.ftr-widget .widget-title::after {
	content: "";
	background-color: #2b3a95;
	height: 3px;
	width: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.ftr-widget .widget-title span {
	color: #f3a316;
}
/* - Footer :: About Widget */
.footer-widgetblock .about_widget p{
	color: #dadada;
	font-size: 15px;
	line-height: 25px;
}
.footer-widgetblock .about_widget ul {
	padding-left: 0;
	margin-bottom: 0;
	display: block;
	margin-top: 35px;
}
.footer-widgetblock .about_widget ul li {
	display: inline-block;
	margin-right: 4px;
}
.footer-widgetblock .about_widget ul li:last-of-type {
	margin-right: 0;
}
.footer-widgetblock .about_widget ul li a {
	width: 37px;
	height: 37px;
	line-height: 37px;
	text-align: center;
	background-color: #313131;
	font-size: 15px;
	color: #fff;
	border-radius: 3px;
	display: inline-block;	
	position: relative;
	z-index: 1;
}
.footer-widgetblock .about_widget ul li a:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 0;
	background-color: #f3a316;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	z-index: -1;
}
.footer-widgetblock .about_widget ul li a:hover:before {
	height: 100%;
}
.contactus-left .contact-info p a:hover{color: black;}
/* - Footer:: Link Widget */
.footer-widgetblock .link_widget {
	padding-left: 25px;
}
.footer-widgetblock .link_widget a {
	color: #dadada;
	line-height: 20px;
	text-transform: capitalize;
	text-decoration: none;    margin-bottom: 12px;
	font-size: 15px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;	
	display: block;
	word-wrap: break-word;
}
.footer-widgetblock .link_widget a:hover {
	color: #f3a316;
	margin-left: 3px;
}
/* - Footer:: OpeningHours Widget */
.footer-widgetblock .openinghours_widget {
	padding-left: 65px;
	padding-right: 45px;
}
.footer-widgetblock .openinghours_widget p{
	display: inline-block;
	width: 100%;
	color: #dadada;
	font-size: 15px;
	line-height: 28px;
	text-transform: capitalize;
	float: left;
	position: relative
}
.footer-widgetblock .openinghours_widget p::before{
	position: absolute;
	content: "";
	background-color: #fff;
	width: 5px;
	height: 1px;
	left: 40%;
	top: 13px;
}
.footer-widgetblock .openinghours_widget p span{
	float: right;
}
/* - Footer:: Popular DestinationHours Widget */
.footer-widgetblock .populardestination_widget ul {
	padding-left: 0;
	margin-bottom: 0;
}
.footer-widgetblock .populardestination_widget ul li {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 4.5px;
	position: relative;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	position: relative;
}
.footer-widgetblock .populardestination_widget ul li:nth-child(2n) {
	margin-right: 0;
}
.footer-widgetblock .populardestination_widget ul li:hover {
	opacity: 0.5;
}
/* - Footer:: NewsLetter */
.ftr-newsletter {
	background-color: #222;
	padding: 43.5px 89px;
	max-width: 1170px;
	margin: 19px 15px 0;
}
.ftr-newsletter h3 {
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	word-wrap: break-word;
	text-transform: uppercase;
	font-family: 'Poppins', sans-serif;
	float: left;
	margin: 10px 38px 0 0;
}
.ftr-newsletter .input-group {
	max-width: 693px;
}
.ftr-newsletter .input-group .form-control{
	border-radius: 25px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	font-size: 12px;
	color: #000;
	background-color: #fff;
	padding: 0 35px;
	min-height: 44px;
	border: none;
	max-width: 517px;
}
/* -- Footer:: NewsLetter Placeholder */
.ftr-newsletter .input-group ::-webkit-input-placeholder {
	color: #b0b0b0;   
	text-transform: uppercase;
}
.ftr-newsletter .input-group :-moz-placeholder { /* Firefox 18- */
	color: #b0b0b0; 
	text-transform: uppercase;
}
.ftr-newsletter .input-group ::-moz-placeholder {  /* Firefox 19+ */
	color: #b0b0b0;
	text-transform: uppercase;
}
.ftr-newsletter .input-group :-ms-input-placeholder {  
	color: #b0b0b0; 
	text-transform: uppercase;
}
.ftr-newsletter .input-group .btn {
	background-color: #f3a316;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	letter-spacing: 0.48px;
	padding: 8px 33px 5px;
	border-radius: 30px;
	min-height: 44px;
	color: #fff;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;	
	outline: none;
	word-wrap: break-word;
}
.ftr-newsletter .input-group .btn:hover {
	background-color: #3abefb;
}
/* - Footer Bottom */
.footer-bottom {
	background-color: #111;
}
.footer-bottom span {
	color: #dadada;
	font-size: 13px;
	letter-spacing: 0.52px;
	text-transform: uppercase;
	margin: 15px 0;
	display: inline-block;
}
/* - Footer Menu */
.footer-menu .ow-navigation {
	background-color: transparent;
	float: right;
}
.footer-menu .ow-navigation .nav > li {
	margin-right: 43px;
}
.footer-menu .ow-navigation .nav > li:last-of-type {
	margin-right: 0;
}
.footer-menu .ow-navigation .navbar-nav > li > a {
	font-weight: 400;
	letter-spacing: 0.48px;	
}
.footer-menu .ow-navigation .navbar-nav > li > a::before{
	height: 0;
}
.footer-menu .ow-navigation .navbar-nav > li > a:hover {
	color: #f3a316;
}
/*------------------------------------------------------------------
	[Responsive]
------------------------------------------------------------------*/
/* - min-width: 1200 */
@media (min-width: 1200px) {
	.container {
		width: 1100px;
	}
}
/* - min-width: 992 */
@media (min-width: 992px) {
	/* - Menu Block */
	.menu-block{
		background-color: #f7921c;
		position: relative;
	}
	.menu-block::before{
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		background-color: #f3a316;
		height: 1px;
		display: inline-block;
		top: -2px;
	}	
	/* - Header ContactInfo Block */
	.header-contactinfo-block .contactinfo-box:nth-child(3n+1){
		clear: both;
	}
	/* - Footer */
	.footer-widgetblock .col-md-3:nth-child(4n+1) {
		clear: both;
	}
}
/* - min-width: 992 to max-width: 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* - Header Middle */
	.header-middle{
		padding-bottom: 20px;
	}
	/* - Header ContactInfo Block */
	.header-middle .contactinfo-box{
		padding-left: 22px;
		margin-right: 12px;
	}
	.header-middle .contactinfo-box p a,
	.header-middle .contactinfo-box p span,
	.header-middle .contactinfo-box p{
		font-size: 13px;
	}
	.menu-block .menusearch {
		max-width: 225px;
	}
	/* - Footer WidgetBlock */	
	.ftr-widget .widget-title {
		font-size: 20px;
	}
	/* - Footer Widget:: OpeningHours */
	.footer-widgetblock .openinghours_widget {
		padding-left: 15px;
		padding-right: 30px;
	}
	/* - Footer Widget:: Popular DestinationHours */
	.populardestination_widget img {
		max-width: 100px;
	}
	.ftr-newsletter {
		padding: 43.5px 40px;
	}
	.ftr-newsletter .input-group .form-control {
		max-width: 440px;
	}
}
/* - max-width: 991 */
@media (max-width: 991px) {
	/* - Menu Block */
	.menu-block::before{
		height: 0;
	}
	/* - SlidePanel */
	#slidepanel { 
		display: none;
	}
	#slideit,
	#toggle {
		display: block;
		position: relative;
		z-index: 1;
	}
	#loginpanel {
		position: absolute;
		right: 107px;
		text-align: center;
		top: 12px;
	}	
	#slideit,
	#closeit {
		position: relative;
		color: #000;
		font-size: 24px;
		right: -35px;
	}	
	.mobile-hide {
		display: none;
	}
	.text-logo {
		color: #000;
		display: inline-block;
		font-weight: 700;
		font-size: 18px;
		line-height: normal;
		text-decoration: none;
		text-transform: capitalize;
		margin-left: 40px;
		margin-top: 15px;
		transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;
	}
	.text-logo:focus,
	.text-logo:active,
	.text-logo:hover {
		color: #f7c51d;
		text-decoration: none;
	}	
	/* - Menu:: Search */	
	.menu-block .menusearch{
		position: absolute;
		top: 0;
		right: 105px;
		padding-left: 2px;
		padding-right: 2px;
		background-color: transparent;
	}	
	.menu-block .menusearch .form-control{
		padding: 0;
		position: relative;
		top: 58px;
		right: -30px;
		width: 0;
		min-height: 40px;
		transition: all 1s ease 0s;
		-webkit-transition: all 1s ease 0s;
		-moz-transition: all 1s ease 0s;
		-o-transition: all 1s ease 0s;	
		float: right;
	}
	.menu-block .menusearch .input-group-btn{
		height: 58px;
	}
	.menu-block.navbar-fixed-top  .menusearch .form-control {
		top: 50px;
	}
	.ow-navigation .menusearch .search-show {
		width: 100%;
		padding: 0 12px;
	}
	/* - Heade Middle */
	.header-middle{
		padding-top: 10px;
		padding-bottom: 0;
	}	
	.header-middle .logo-block{
		display: none;
	}	
	.header-contactinfo-block{
		float: none;
		margin-top: 0;
	}
	.header-middle .contactinfo-box{
		width: 33.33%;
		float: left;
		margin-right: 0;
		padding-right: 5px;
	}
	.header-middle .contactinfo-box:last-of-type{
		padding-right: 0;
	}	
	.header-middle .contactinfo-box p a:last-of-type,
	.header-middle .contactinfo-box p{
		font-size: 12px;
	}
	/* - Footer WidgetBlock */
	.footer-widgetblock .ftr-widget:nth-child(2n+1) {
		clear: both;
	}
	/* - Footer:: Footer Widget */
	.ftr-widget {
		position: relative;
		z-index: 1;
	}
	.footer-widgetblock .openinghours_widget,
	.footer-widgetblock .link_widget {
		padding-left: 15px;
	}
	.footer-widgetblock .openinghours_widget{
		padding-right: 15px;
	}
	/* - Footer NewsLetter */
	.ftr-newsletter {
		display: inline-block;
		width: 100%;
		padding: 43.5px 20px;
	}
	.ftr-newsletter .input-group .form-control {
		max-width: 250px;
	}
	/* - Footer Menu */
	.footer-menu .ow-navigation .navbar-toggle {
		background-color: #f3a316;
	}
	.footer-menu .ow-navigation .navbar-toggle:hover {
		background-color: transparent;
	}
	.footer-menu .ow-navigation{
		margin-top: -45px;
	}
	.footer-menu .ow-navigation .navbar-nav {
		border-color: #f3a316;
	}
	.footer-menu .ow-navigation .navbar-nav > li > a {
		color: #fff;
	}
}
/* - max-width: 767 */
@media (max-width: 767px) {	
	/* - Footer NewsLetter */
	.ftr-newsletter h3 {
		font-size: 20px;
		font-size: 18px;
		margin: 10px 20px 0 0;
	}	
	.ftr-newsletter .input-group .btn {
		padding: 8px 20px 5px;
	}
	.ftr-newsletter .input-group .form-control {
		max-width: 230px;
		padding: 0 15px;
	}
}
/* -  max-width: 639 */
@media (max-width: 639px) {
	/* -  Header Middle */
	.header-middle .contactinfo-box{
		width: 50%;
	}
	/* - Footer */
	.ftr-widget .widget-title {
		font-size: 18px;
	}	
	.footer-widgetblock .about_widget p,
	.footer-widgetblock .link_widget a{
		font-size: 14px;
	}	
	.footer-widgetblock .openinghours_widget p::before {
		left: 37%;
	}
	.footer-widgetblock .openinghours_widget p {
		font-size: 13px;
	}
	.populardestination_widget img {
		max-width: 98px;
	}
	/* - Footer NewsLetter */
	.ftr-newsletter {
		padding: 43.5px 30px 43.5px 15px;
	}
	.ftr-newsletter h3 {
		font-size: 13px;
		margin: 10px 10px 0 0;
	}	
	.ftr-newsletter .input-group .btn {
		padding: 8px 15px 5px;
		font-size: 11px;
	}
	.ftr-newsletter .input-group .form-control {
		max-width: 175px;
		padding: 0 15px;
	}	
	/* - Section Header */
	.section-header h3{
		font-size: 30px;
		margin: 0 0 8px;
	}
}
/* -  max-width: 479 */
@media (max-width: 479px) {
	/* - Header Top */
	.header-top [class*="col-xs-"]{
		width: 100%;
		text-align: center;
	}
	.header-top ul{
		text-align: center;
	}
	/* - Header Middle */
	.header-middle{
		padding-top: 11px;
		padding-bottom: 0;
	}
	.header-middle [class*="col-xs-"] {
		width: 100%;
		text-align: center;
	}	
	.header-contactinfo-block{
		margin-top: 0;
		float: none;
	}
	.header-middle .contactinfo-box{
		width: 100%;
		text-align: left;
		margin-right: 0;
	}
	/* - Footer */
	.footer-widgetblock .ftr-widget {
		width: 100%;
	}
	.footer-widgetblock .link_widget a {
		float: left;
		width: 50%;
	}	
	.footer-widgetblock .openinghours_widget p::before {
		left: 40%;
	}	
	.populardestination_widget img {
		max-width: 105px;
	}
	/* - Footer NewsLetter */
	.ftr-newsletter .input-group,
	.ftr-newsletter h3{
		display: inline-block;
		width: 100%;
		text-align: center;
		margin-bottom: 8px;
	}
	.ftr-newsletter .input-group .form-control {
		max-width: 100%;
	}
	.ftr-newsletter .input-group .btn {
		margin-top: 15px;
	}
	/* - Section Header */
	.section-header h3{
		font-size: 22px;
		margin: 0 0 5px;
	}	
	/* - PageBanner */
	.pagebanner h3 { 
		font-size: 36px;
	}
}
.slider{
    width:100%;
    max-width:100%;
    overflow:hidden;
}

.slides{
    display:flex;
    width:400%;
    animation:slider 16s infinite ease-in-out;
}

.slides img{
    width:100%;
    height:700px;
    object-fit:cover;
    object-position:center center;
}
/* Animation */
@keyframes slider{

    0%,20%{
        transform:translateX(0);
    }

    25%,45%{
        transform:translateX(-25%);
    }

    50%,70%{
        transform:translateX(-50%);
    }

    75%,95%{
        transform:translateX(-75%);
    }

    100%{
        transform:translateX(0);
    }
}

/* Responsive */
@media(max-width:768px){

.slides img{
    height:300px;
}

}
/*home third section*/
.rental-services {
    padding: 30px 20px;
    background: #f8f9fb;
    font-family: Arial, sans-serif;
}

.container {
    max-width: 1400px;
    width: 95%;
    margin: auto;
}

.section-title {
    text-align: center;
    margin-bottom: 50px;
}

.section-title h2 {
    font-size: 38px;
    color: #1a1a1a;
    margin-bottom: 15px;
}

.section-title p {
    max-width: 800px;
    margin: auto;
    color: #666;
    line-height: 1.7;
font-size:18px;
}

.services-grid {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: nowrap;
}

.service-card {
    flex: 1;
}
.service-card {
    width: 100%;
    min-width: 280px;
    padding: 35px 25px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.service-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.12);
}

.icon {
    font-size: 50px;
    margin-bottom: 20px;
}

.service-card h3 {
    font-size: 24px;
    margin-bottom: 10px;
    color: #111;
}

.tag {
    display: inline-block;
    background: #ff6b00;
    color: #fff;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 14px;
    margin-bottom: 15px;
}

.service-card p {
    color: #666;
    line-height: 1.7;
    font-size: 15px;
}

@media(max-width:768px){
    .section-title h2{
        font-size:30px;
    }
}
/*why choose us*/
.why-choose-us{
    padding:40px 5px;
    font-family:Arial,sans-serif;
}

.travel-card{
    max-width:1100px;
    margin:auto;
    padding:40px;
    border-radius:24px;
    background:#23395d;
    color:#fff;
}


.travel-card h2{
    font-size:42px;
    margin:0 0 15px;
    line-height:1.2;
}


.buttons{
    display:flex;
    gap:15px;
    margin-bottom:35px;
    flex-wrap:wrap;
}

.btn{
    text-decoration:none;
    padding:12px 24px;
    border-radius:10px;
    font-weight:600;
}

.primary{
    background:#25D366;
    color:#fff;
}

.secondary{
    background:rgba(255,255,255,.15);
    color:#fff;
}

.features{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    justify-content:center;
}

.feature-box{
    width:calc(33.33% - 14px);
}
.feature-box{
    background:rgba(255,255,255,.08);
    padding:22px;
    border-radius:14px;
}

.feature-box h3{
    margin:0 0 10px;
    font-size:18px;
}

.feature-box p{
    margin:0;
    font-size:14px;
    line-height:1.6;
    color:#d8e1f0;
}

@media(max-width:768px){

.travel-card{
    padding:25px;
}

.travel-card h2{
    font-size:30px;
}

.features{
    grid-template-columns:1fr;
}

/*vehicles home*/


}
.faq-title{
    text-align:center;
    font-size:36px;
    font-weight:700;
    margin-bottom:30px;
    color:#222;
}

.faq-container{
    max-width:1000px;
    margin:auto;
}

.faq-item{
    border:1px solid #ddd;
    border-radius:8px;
    margin-bottom:15px;
    overflow:hidden;
}

.faq-item summary{
    padding:18px 20px;
    font-size:18px;
    font-weight:600;
    cursor:pointer;
    list-style:none;
    position:relative;
    background:#f8f8f8;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:"+";
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    font-size:24px;
}

.faq-item[open] summary::after{
    content:"−";
}

.faq-content{
    padding:20px;
    line-height:1.7;
    background:#fff;
}

.cta-box{
    background:#1f4aa8;
    color:#fff;
    text-align:center;
    padding:40px 20px;
    border-radius:8px;
    max-width:800px;
    margin:auto;
}

.cta-box h2{
    margin:0 0 15px;
    font-size:32px;
    font-weight:700;
}

.cta-box p{
    margin-bottom:25px;
    font-size:18px;
    line-height:1.6;
}

.cta-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

.btn{
    text-decoration:none;
    padding:12px 25px;
    border-radius:6px;
    font-weight:600;
    transition:0.3s;
}

.whatsapp{
    background:#25D366;
    color:#fff;
}

.call{
    background:#fff;
    color:#1f4aa8;
}

.btn:hover{
    transform:translateY(-2px);
}
/*home testimonial*/

/*para*/
.section-padding{
margin-top:20px;
}
.about-services {
    width: 90%;
    max-width: 1200px;
    margin: 30px auto;
}

/* Common Section */

.service-block {
    margin-bottom: 40px;
}

.service-block h2 {
    color: #24378d;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.service-block p {
    font-size: 17px;
    line-height: 1.9;
    color: #444;
    text-align: justify;
}

/* First Section */

.text-only {
    text-align: center;
}

.text-only p {
    width: 90%;
    margin: auto;
    margin-bottom: 18px;
}

/* Two Column Layout */

.image-right,
.image-left {
    display: flex;
    align-items: center;
    gap: 50px;
}

.image-right .service-content,
.image-left .service-content {
    flex: 1;
}

.image-right .service-image,
.image-left .service-image {
    flex: 1;
}

.service-image img {
    width: 100%;
    height: 360px;
    object-fit: cover;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}

/* Mobile */

@media(max-width:768px){

.image-right,
.image-left{
    flex-direction:column;
}

.image-left{
    flex-direction:column-reverse;
}

.service-block h2{
    font-size:28px;
    text-align:center;
}

.service-block p{
    font-size:16px;
}

.service-image img{
    height:260px;
}

}


/*about us section*/
.about-company{
    background:#ffffff;
    padding:60px 20px;
}

.about-container{
    max-width:850px;
    margin:0 auto;
}

.about-container h2{
    font-size:36px;
    font-weight:700;
    color:#111;
    line-height:1.3;
    margin-bottom:25px;
    background:#fff;
}

.about-container p{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:18px;
}



/*about-services*/
.vehicle-services{
    padding:60px 20px;
    background:#fff;
}

.vehicle-services h2{
    text-align:center;
    font-size:36px;
    font-weight:700;
    margin-bottom:40px;
    color:#111;
}

.services-grid{
    max-width:1000px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
}

.service-card{
    background:#f8f9fb;
    padding:30px;
    border-radius:10px;
    box-shadow:0 2px 10px rgba(0,0,0,0.08);
    transition:0.3s;
}

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

.service-card h3{
    margin-bottom:15px;
    font-size:24px;
    color:#1f3d7a;
}

.service-card p{
    font-size:16px;
    line-height:1.8;
    color:#555;
}

/* Mobile */
@media (max-width:768px){
    .services-grid{
        grid-template-columns:1fr;
    }
}


/*third section about*/
.why-siddhan{
    padding:60px 20px;
    background:#fff;
}

.why-container{
    max-width:900px;
    margin:0 auto;
    padding:0;
}

.why-container h2{
    font-size:36px;
    font-weight:700;
    color:#111;
    margin-bottom:30px;
    border-left:5px solid #1f3d7a;
    padding-left:15px;
    line-height:1.3;
}

.why-container p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}
/*4th about section*/
.tour-cta{
    padding:60px 20px;
    background:#fff;
}

.tour-cta-content{
    max-width:1100px;
    margin:auto;
    display:flex;
    gap:50px;
    align-items:center;
    justify-content:space-between;
    background:#f7f7f7;
    padding:50px;
    border-radius:15px;
}

.tour-cta-left{
    flex:1;
}

.tour-cta-right{
    flex:1;
}

.cta-tag{
    display:inline-block;
    background:#e8f5e9;
    color:#2e7d32;
    padding:8px 15px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.tour-cta h2{
    font-size:42px;
    line-height:1.2;
    margin-bottom:20px;
    color:#111;
}

.tour-cta p{
    font-size:17px;
    line-height:1.8;
    color:#555;
}

.call-btn{
    display:inline-block;
    margin-top:25px;
    padding:16px 35px;
    background:#111;
    color:#fff;
    text-decoration:none;
    border-radius:8px;
    font-weight:700;
    font-size:18px;
}

.call-btn:hover{
    opacity:.9;
}

@media(max-width:768px){

    .tour-cta-content{
        flex-direction:column;
        text-align:center;
        padding:35px 25px;
    }

    .tour-cta h2{
        font-size:30px;
    }
}


/*taxi page*/

/*section-1*/
body{
    margin:0;
    font-family:Arial, sans-serif;
}

.taxi-services{
    padding:50px 10px  10px;
}
.taxi-content{
padding:25px 10px;
}
.taxi-content h2{
font-size:40px;
font-family:Arial, sans-serif;
 font-weight:700;

}
.taxi-content p{

font-size:20px;
}

.taxi-container{
    max-width:800px;
    margin:auto;
}
.section-header {
    max-width:1300px !important;
}
.taxi-services h2{
    font-size:36px;
    font-weight:700;
    line-height:1.3;
    color:#222;
    margin-bottom:25px;
text-align:center;

}

.taxi-services p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:20px;
}

@media (max-width:768px){
    .taxi-services h2{
        font-size:32px;
    }

    .taxi-services p{
        font-size:16px;
    }
}

/*section-2*/
.car-rental-section{
    padding:50px 20px;
}

.car-rental-card{
    max-width:850px;
    margin:auto;
    background:#fff;
    padding:35px;
    border-left:6px solid #ff9800;
    border-radius:12px;
    box-shadow:0 5px 25px rgba(0,0,0,0.08);
}

.tag{
    display:inline-block;
    background:#fff3e0;
    color:#ff9800;
    padding:6px 14px;
    border-radius:20px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.title-area h2{
    font-size:35px;
    margin:0 0 20px;
    color:#222;
}

.content-area p{
    font-size:17px;
    line-height:1.8;
    color:#555;
    margin-bottom:15px;
}

@media(max-width:768px){
    .car-rental-card{
        padding:25px;
    }

    .title-area h2{
        font-size:28px;
    }
}





/*section-3*/
.taxi-services{
    padding:50px 20px;
    background:#f8f9fc;
}

/* Section Heading */
.section-header{
    text-align:center;

    margin:0 auto 25px;
}


.section-header h2{
    font-size:42px;
  
    font-weight:700;
    margin:0 auto 15px;
    text-align:center;
    width:100%;
}

/* Cards Layout */
.services-grid{
    max-width:1200px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:30px;
}

/* Card Design */
.service-card{
    width:calc(33.33% - 20px);
    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:all .3s ease;
}

.service-card:hover{
    transform:translateY(-6px);
}

/* Icons */
.icon{
    font-size:40px;
    margin-bottom:15px;
}

/* Card Headings */
.service-card h3{
    font-size:22px;
    color:#0d6efd;
    margin-bottom:15px;
    font-weight:700;
    line-height:1.4;
}

/* Card Text */
.service-card p{
    font-size:16px;
    color:#555;
    line-height:1.8;
    margin:0;
}
/* Safe & Reliable Card */
.service-card-wide{
    width:calc(33.33% - 20px);
}

.card p{
    text-align: justify;
    line-height: 1.9;
    color: #555;
    font-size: 16px;
}
/* Tablet */
@media(max-width:992px){

    .service-card,
    .service-card-wide{
        width:calc(50% - 15px);
    }

    .section-header h2{
        font-size:34px;
    }
}

/* Mobile */
@media(max-width:768px){

    .service-card,
    .service-card-wide{
        width:100%;
    }

    .section-header h2{
        font-size:28px;
    }

    .service-card{
        padding:25px;
    }
}

/*section-4*/
.timeline-section{
    max-width:1000px;
    margin:auto;
    text-align:center;
font-size:20px;

}
.timeline-section h2{
    margin-bottom: 30px;
}


.timeline{
    display:flex;
    justify-content:center;
    gap:20px;
    margin:40px 0;
    flex-wrap:wrap;
}


.item{
    width:180px;
    padding:25px;
    background:#fff;
    box-shadow:0 5px 15px rgba(0,0,0,.1);
    position:relative;
    overflow:hidden;
    transition:0.3s ease;
}

.item::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:0;
    height:4px;
    background:#ff9800;
    transition:width 0.4s ease;
}

.item:hover::after{
    width:100%;
}

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


.why-us{
    padding:80px 20px;
    background:#fff;
}

.container{
    max-width:1100px;
margin:auto;
    margin-top:5px;
}




.timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

.timeline::before{
    content:"";
    position:absolute;
    left:35px;
    top:0;
    width:3px;
    height:100%;
    background:#e5e5e5;
}

.timeline-item{
    display:flex;
    gap:30px;

    margin-bottom:20px;
    position:relative;
}
.para p{
margin-top:30px;
font-size:20px;

}
.number{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#ff9800;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    z-index:2;
}

.content{
    background:#f8f8f8;
    padding:25px 30px;
    border-radius:12px;
    flex:1;
    transition:.3s;
}

.content:hover{
    transform:translateX(10px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.content h3{
    margin-bottom:10px;
    font-size:22px;
}

.content p{
    line-height:1.8;
    color:#666;
}

@media(max-width:768px){

    .timeline::before{
        left:25px;
    }

    .number{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .section-heading h2{
        font-size:30px;
    }

    .content{
        padding:20px;
    }
}
/*section-5*/
.popular-routes{
    padding:30px 50px;
    background:#f8fafc;
}

.section-title{
    text-align:center;
    max-width:800px;
    margin:0 auto 20px;
}


.section-title h2{
    font-size:40px;
    color:#222;
    margin-bottom:5px;
text-transform:capitalize;
}

.section-title p{
    color:#666;
    line-height:1.8;
    font-size:16px;
text-transform:capitalize;
}

.route-gallery{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:25px;
}

.route-card{
    position:relative;
    height:380px;
    overflow:hidden;
    border-radius:20px;
    cursor:pointer;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.route-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:0.6s ease;
}

.overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.85);

    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;

    padding:30px;
    color:#fff;

    opacity:0;
    visibility:hidden;
    transition:0.4s ease;
}

.overlay h3{
    font-size:24px;
    margin-bottom:10px;
    color:#fff;
}

.overlay p{
    line-height:1.7;
    margin-bottom:20px;
    opacity:0;
    transition:0.4s ease;
}

.overlay a{
    display:inline-block;
    width:max-content;
    padding:10px 22px;
    background:#0d6efd;
    color:#fff;
    text-decoration:none;
    border-radius:30px;
    font-weight:600;
    opacity:0;
    transition:0.4s ease;
}

.route-card:hover img{
    transform:scale(1.1);
}

.route-card:hover .overlay{
    opacity:1;
    visibility:visible;
}
.route-card:hover .overlay p,
.route-card:hover .overlay a{
    opacity:1;
}

@media(max-width:768px){

    .section-title h2{
        font-size:30px;
    }

    .route-card{
        height:320px;
    }

    .overlay h3,
.overlay p,
.overlay a{
    transform:translateY(20px);
    transition:0.4s ease;
}

.route-card:hover .overlay h3,
.route-card:hover .overlay p,
.route-card:hover .overlay a{
    transform:translateY(0);
}}


/*tempo section*/
/*section-1*/
.tempo-section{
    padding:80px 20px;
    background:#f8fafc;
}

.tempo-box{
    max-width:900px;
    margin:auto;
    padding:50px;
    border-radius:20px;
    background:linear-gradient(135deg,#4f6fb8,#7d93cc);
    color:#fff;
    box-shadow:0 15px 40px rgba(0,0,0,0.15);
}

.badge{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,255,255,0.15);
    border:1px solid rgba(255,255,255,0.25);
    border-radius:30px;
    font-size:13px;
    margin-bottom:20px;
}

.tempo-box h2{
    font-size:36px;
    margin-bottom:25px;
    line-height:1.3;
}

.tempo-box p{
    font-size:17px;
    line-height:1.9;
    margin-bottom:18px;
    color:rgba(255,255,255,0.95);
}

.tempo-box p:last-child{
    margin-bottom:0;
}

@media(max-width:768px){

    .tempo-box{
        padding:30px;
    }

    .tempo-box h2{
        font-size:28px;
    }
}


/*section2*/
.traveller-section{
    max-width:1200px;
    margin:auto;
    padding:30px 20px;
}

.traveller-item{
    display:grid;
    grid-template-columns:180px 1fr;
    gap:50px;
    padding:50px 0;
    border-bottom:1px solid #e5e7eb;
}

.traveller-item:last-child{
    border-bottom:none;
}

.traveller-number{
    text-align:center;
}

.traveller-number span{
    display:block;
    font-size:90px;
    font-weight:800;
    line-height:1;
    color:#0d6efd;
}

.traveller-number p{
    margin:0;
    font-size:14px;
    font-weight:700;
    letter-spacing:4px;
    color:#64748b;
}

.traveller-content h3{
    margin:0 0 20px;
    font-size:32px;
    color:#1e293b;
}

.traveller-content p{
    margin-bottom:18px;
    line-height:1.9;
    color:#64748b;
    text-align:justify;
}

@media(max-width:768px){

    .traveller-item{
        grid-template-columns:1fr;
        gap:25px;
        text-align:center;
    }

    .traveller-number span{
        font-size:70px;
    }

    .traveller-content h3{
        font-size:26px;
    }

    .traveller-content p{
        text-align:left;
    }
}

/*section2*/
.booking-steps {
  padding: 30px 20px;
  background: #fff7f0; /* light orange background */
  text-align: center;
}

/* Badge */
.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #ff7a00;
  color: #fff;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

/* Title */
.booking-steps h2 {
  font-size: 28px;
  margin-bottom: 40px;
  color: #ff7a00;
}

/* Steps layout */
.steps {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: auto;
}

/* Card */
.step {
  flex: 1;
  min-width: 250px;
  background: #ffffff;
  padding: 25px;
  border-radius: 10px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.08);

  /* orange top border */
  border-top: 4px solid #ff7a00;

  text-align: left;
  transition: all 0.3s ease;
}

/* hover effect */
.step:hover {
  transform: translateY(-8px);
  box-shadow: 0 10px 25px rgba(255, 122, 0, 0.25);
}

/* text */
.step h3 {
  margin-bottom: 10px;
  color: #333;
}

.step p {
  margin: 0;
  color: #666;
  line-height: 1.5;
}
/*section3*/
/* ==========================
   Tourist Destinations Section
========================== */

.destinations{
    width:100%;
    padding:40px 20px;
    background:#f8fafc;
}

.container{
    max-width:1200px;
    margin:0 auto;
    text-align:center;
}

/* Section Heading */
.section-header{
    max-width:800px;
    margin:0 auto 50px;
}

.sub-title{
    display:inline-block;
    color:#0d6efd;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:10px;
}

.section-header h2{
    font-size:38px;
    font-weight:700;
    color:#1e293b;
    margin-bottom:15px;
    line-height:1.2;
}

.section-header p{
    font-size:16px;
    line-height:1.8;
    color:#64748b;
    margin:0;
}

/* Destination Cards */
.destination-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
    margin-bottom:50px;
}

.destination-card{
    width:180px;
    background:#ffffff;
    padding:18px 15px;
    border-radius:12px;
    border:1px solid #e2e8f0;
    font-size:17px;
    font-weight:600;
    color:#1e293b;
    transition:all 0.3s ease;
    box-sizing:border-box;
}

.destination-card:hover{
    transform:translateY(-5px);
    border-color:#0d6efd;
    box-shadow:0 10px 25px rgba(13,110,253,0.12);
}

/* Driver Note Box */
.driver-note{
    max-width:900px;
    margin:0 auto;
    background:#0d6efd;
    padding:35px;
    border-radius:16px;
    color:#ffffff;
}

.driver-note h4{
    font-size:24px;
    font-weight:700;
    margin:0 0 15px;
}

.driver-note p{
    font-size:16px;
    line-height:1.8;
    margin:0;
}

/* Responsive */
@media (max-width:768px){

    .destinations{
        padding:60px 15px;
    }

    .section-header h2{
        font-size:30px;
    }

    .destination-card{
        width:calc(50% - 10px);
    }

    .driver-note{
        padding:25px;
    }
}

@media (max-width:480px){

    .section-header h2{
        font-size:26px;
    }

    .destination-card{
        width:100%;
        max-width:300px;
    }
}
/*section-4*/
.tourist-van-section{
    padding:80px 20px;
    background:#f8fafc;
}

.tourist-van-grid{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:1.3fr 1fr;
    gap:40px;
    align-items:center;
}

.tourist-content h2{
    font-size:38px;
    margin-bottom:20px;
    color:#222;
}

.section-tag{
    display:inline-block;
    background:#e8f0ff;
    color:#0d6efd;
    padding:8px 16px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:20px;
}

.tourist-content p{
    color:#666;
    line-height:1.9;
    margin-bottom:18px;
}

.service-list{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:15px;
    margin-top:25px;
}

.service-list div{
    background:#fff;
    padding:15px;
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,0,0,0.06);
    font-weight:600;
}

.luxury-content{
    background:#0d6efd;
    color:#fff;
    padding:10px;
    border-radius:20px;
text-align:center;
}

.luxury-content h3{
    font-size:30px;
    margin-bottom:20px;
}

.luxury-content p{
    line-height:1.8;
    margin-bottom:25px;
}

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

.luxury-content ul li{
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,0.2);
}

.luxury-note{
    margin-top:25px;
    padding:15px;
    background:rgba(255,255,255,0.15);
    border-radius:10px;
    font-weight:600;
    text-align:center;
}

@media(max-width:768px){

    .tourist-van-grid{
        grid-template-columns:1fr;
    }

    .tourist-content h2{
        font-size:30px;
    }

    .service-list{
        grid-template-columns:1fr;
    }

}


/*section-5*/
#tempo_info_section {
  padding: 60px 20px;
  background: #f5f5f5;
  font-family: Arial, sans-serif;
}

.tempo_container {
  max-width: 900px;
  margin: auto;

}

.tempo_container h2 {
  font-size: 32px;
  color: #222;
  text-align: center;
  margin-bottom: 20px;

}

.tempo_container p {
  font-size: 16px;
  color: #555;
  line-height: 1.8;
  text-align: justify;
  margin-bottom: 15px;
}
#why_siddhan_section {
  padding: 30px 20px;
  background: #ffffff; /* white background */
  font-family: Arial, sans-serif;
}

.why_container {
  max-width: 900px;
  margin: auto;
}

.why_container h2 {
  text-align: center;
  margin-bottom: 10px;
}

.why_intro {
  text-align: center;
  margin-bottom: 40px;
  color: #555;
  line-height: 1.6;
}

/* TIMELINE WRAPPER */
.why_timeline {
  position: relative;
  margin-left: 0;
  padding-left: 80px;
}

/*  PERFECT CENTER LINE */
.why_timeline::before {
  content: "";
  position: absolute;
  left: 30px;           /* center reference */
  top: 0;
  bottom: 0;
  width: 3px;
  background: orange;
}

/* ITEM */
.why_item {
  position: relative;
  margin-bottom: 40px;
}

/*  NUMBER CENTERED EXACTLY ON LINE */
.why_num {
  position: absolute;
  left: 0px;           /* SAME as line */
  top: 0;
  transform: translateX(-50%); /* PERFECT CENTER ALIGN */
  width: 38px;
  height: 38px;
  background: orange;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  z-index: 2;
}

/* BOX */
.why_box {
  background: #fff;
  padding: 15px 18px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/*section-6*/
.booking-section{
  padding:60px 20px;
  background:#f4f7ff;
}

.container{
  max-width:900px;
  margin:auto;
}

.booking-card{
  background:#ffffff;
  padding:40px;
  border-radius:16px;
  box-shadow:0 10px 30px rgba(0,0,0,0.08);
  border-left:6px solid #ff7a00;
}

.booking-card h2{
  margin-bottom:15px;
  color:#222;
}

.booking-card p{
  line-height:1.7;
  color:#555;
}

/*section-1*/
.ooty-info{
    background:#fff;
    padding:20px 20px;
}

.ooty-info-box{
    max-width:1000px;
    margin:auto;
    background:#173b7a;
    color:#fff;
    padding:40px;
    border-radius:20px;
    text-align:center;
}

.info-badge{
    display:inline-block;
    padding:8px 18px;
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:30px;
    color:#ffc107;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:20px;
}

.ooty-info-box h2{
    font-size:42px;
    margin-bottom:25px;
    line-height:1.2;
    color:#fff;
}

.ooty-info-box p{
    font-size:18px;
    line-height:1.9;
    color:#dce6ff;
    max-width:850px;
    margin:0 auto 25px;
}

@media(max-width:768px){

    .ooty-info-box{
        padding:40px 25px;
    }

    .ooty-info-box h2{
        font-size:30px;
    }

    .ooty-info-box p{
        font-size:16px;
    }
}



/*section-2*/
body{
    font-family: Arial, sans-serif;
    background:#f4f7fb;
    margin:0;
    padding:40px;
}

/* Main container */
.route-section{
    max-width:900px;
    margin:auto;
    background:#ffffff;
    border-radius:16px;
    padding:30px;
   
}

/* Heading */
.route-title{
    text-align:center;
    font-size:26px;
    font-weight:700;
    color:#222;
    margin-bottom:25px;
}

/* Route box */
.route-box{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:linear-gradient(135deg,#e8f0ff,#fdfdfd);
    padding:20px;
    border-radius:12px;
    margin-bottom:20px;
    border:1px solid #e0e6f5;
}

/* Location block */
.location{
    text-align:center;
    width:30%;
}

.location h3{
    margin:5px 0;
    font-size:18px;
    color:#0d6efd;
}

.location p{
    font-size:13px;
    color:#666;
}

/* Arrow section */
.route-arrow{
    width:40%;
    text-align:center;
    font-size:14px;
    color:#444;
    position:relative;
}

.route-arrow:before,
.route-arrow:after{
    content:"";
    position:absolute;
    top:50%;
    width:35%;
    height:2px;
    background:#0d6efd;
}

.route-arrow:before{ left:0; }
.route-arrow:after{ right:0; }

/* Info card */
.info-box{
    background:#fff7e6;
    padding:18px;
    border-left:5px solid #ff9800;
    border-radius:10px;
    font-size:14px;
    line-height:1.6;
    color:#333;
}

.highlight{
    color:#ff9800;
    font-weight:bold;
}

/* ooty -section-3*/
body{
    font-family: Arial, sans-serif;
    margin:0;
    padding:0;
    background:#ffffff;   /* FULL WHITE PAGE */
}

/* Full width section */
.airport-section{
    width:100%;
    padding:70px 20px;
    background:#ffffff;
}

/* Inner content only for spacing (NOT a box) */
.content{
    max-width:1100px;
    margin:auto;
}

/* Title */
.title{
    text-align:center;
    font-size:30px;
    font-weight:700;
    color:#1d1d1d;
    margin-bottom:10px;
}
.title h3{
text-align:center;
}

/* Subtitle */
.subtitle{
    text-align:center;
    font-size:15px;
    color:#666;
    margin-bottom:40px;
}

/* Steps row */
.steps{
    display:flex;
    gap:25px;
    justify-content:space-between;
    margin-bottom:40px;
}

/* Step card (light style, no heavy box) */
.step{
    flex:1;
    text-align:center;
    padding:25px 15px;
    border-radius:14px;
    background:#f8fbff;
    border:1px solid #e6eefc;
    transition:0.3s;
}

.step:hover{
    transform:translateY(-6px);
    background:#eef5ff;
}

/* Step number */
.step-number{
    width:45px;
    height:45px;
    margin:0 auto 12px;
    background:#ff9800;
    color:#fff;
    font-weight:bold;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:16px;
}

/* Step title */
.step h3{
    font-size:17px;
    color:#0d6efd;
    margin-bottom:8px;
}

/* Step text */
.step p{
    font-size:13px;
    color:#555;
    line-height:1.5;
}

/* Info section (soft highlight strip style) */
.info-box{
    background:#fff7e6;
    padding:18px 20px;
    border-left:5px solid #ff9800;
    font-size:14px;
    color:#333;
    line-height:1.6;
    border-radius:8px;
}

/* Highlight text */
.highlight{
    color:#ff9800;
    font-weight:bold;
}
/*section-4*/
.ooty-trail-section{
    padding:30px 20px;
    background:#f9fafc;
}

.ooty-trail-container{
    max-width:1200px;
    margin:auto;
}

.trail-header{
    text-align:center;
    margin-bottom:70px;
}

.trail-header span{
    display:inline-block;
    background:#e8f3ff;
    color:#0b63ce;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
}

.trail-header h2{
    font-size:38px;
    margin:20px 0 15px;
    color:#222;
}

.trail-header p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.trail-route{
    position:relative;
    max-width:900px;
    margin:0 auto;
}

.trail-route::before{
    content:"";
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    width:6px;
    height:100%;
    background:linear-gradient(
        to bottom,
        #ffb703,
        #ff7b00
    );
    border-radius:20px;
}

.trail-stop{
    position:relative;
    width:50%;
    margin-bottom:50px;
}

.trail-stop.left{
    padding-right:60px;
}

.trail-stop.right{
    margin-left:50%;
    padding-left:60px;
}

.trail-stop::before{
    content:"";
    position:absolute;
    top:25px;
    width:22px;
    height:22px;
    background:#ff7b00;
    border:5px solid #fff;
    border-radius:50%;
    box-shadow:0 0 0 4px rgba(255,123,0,0.2);
    z-index:2;
}

.trail-stop.left::before{
    right:-11px;
}

.trail-stop.right::before{
    left:-11px;
}

.trail-card{
    background:#fff;
    padding:25px;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:.3s;
}

.trail-card:hover{
    transform:translateY(-6px);
}

.trail-card h3{
    margin-bottom:12px;
    color:#222;
    font-size:22px;
}

.trail-card p{
    color:#666;
    line-height:1.8;
}

.taxi-highlight{
    margin-top:70px;
    background:linear-gradient(135deg,#ff7b00,#ffb703);
    color:#fff;
    padding:40px;
    border-radius:25px;
    text-align:center;
}

.taxi-highlight h3{
    font-size:30px;
    margin-bottom:15px;
}

.taxi-highlight p{
    max-width:850px;
    margin:auto;
    line-height:1.9;
}

@media(max-width:768px){

    .trail-route::before{
        left:20px;
    }

    .trail-stop{
        width:100%;
        margin-left:0 !important;
        padding-left:60px !important;
        padding-right:0 !important;
    }

    .trail-stop::before{
        left:9px !important;
        right:auto !important;
    }

    .trail-header h2{
        font-size:30px;
    }

    .taxi-highlight{
        padding:30px 20px;
    }
}
/*ooty-section-4*/
.ooty-map-section{
    padding:30px 20px;
    background:#f7f9fc;
}

.ooty-map-container{
    max-width:1100px;
    margin:auto;
}

.map-header{
    text-align:center;
    margin-bottom:30px;
}

.map-header span{
    display:inline-block;
    padding:8px 18px;
    background:#eef7ff;
    color:#0b66d4;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
}

.map-header h2{
    font-size:40px;
    margin:20px 0;
    color:#222;
}

.map-header p{
    max-width:700px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.map-route{
    position:relative;
    max-width:900px;
    margin:auto;
}

.map-route::before{
    content:"";
    position:absolute;
    left:24px;
    top:0;
    width:3px;
    height:100%;
    border-left:3px dashed #0b66d4;
}

.map-place{
    display:flex;
    align-items:flex-start;
    gap:25px;
    margin-bottom:35px;
    position:relative;
}

.pin{
    width:50px;
    height:50px;
    min-width:50px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    z-index:2;
}

.place-content{
    flex:1;
    background:#fff;
    padding:25px;
    border-radius:18px;
    box-shadow:0 10px 25px rgba(0,0,0,.06);
    transition:.3s;
}

.place-content:hover{
    transform:translateY(-5px);
}

.place-content h3{
    margin-bottom:10px;
    color:#222;
    font-size:24px;
}

.place-content p{
    color:#666;
    line-height:1.8;
}

.taxi-banner{
    margin-top:60px;
    background:#0b66d4;
    color:#fff;
    padding:35px;
    border-radius:20px;
    display:flex;
    gap:25px;
    align-items:center;
}

.taxi-icon{
    font-size:50px;
}



.taxi-banner p{
    line-height:1.8;
    opacity:.95;
}

@media(max-width:768px){

    .map-header h2{
        font-size:30px;
    }

    .taxi-banner{
        flex-direction:column;
        text-align:center;
    }

    .place-content{
        padding:20px;
    }
}
/*ooty-section5*/
.travelroute-section{
    padding:30px 20px;
    background:#f8fafc;
}

.travelroute-heading{
    text-align:center;
    margin-bottom:70px;
}

.travelroute-tag{
    display:inline-block;
    padding:5px 18px;
    background:#fff3e8;
    color:#ff7a00;
    border-radius:30px;
    font-weight:600;
    margin-bottom:15px;
}

.travelroute-heading h2{
    margin:0;
    font-size:38px;
    color:#222;
}

.travelroute-wrapper{
    max-width:1200px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    position:relative;
}

.travelroute-wrapper::before{
    content:"";
    position:absolute;
    top:45px;
    left:12%;
    right:12%;
    height:4px;
    background:#ffd3a8;
    z-index:1;
}

.travelroute-step{
    position:relative;
    text-align:center;
    z-index:2;
    animation:floatUp .8s ease forwards;
    opacity:0;
}

.travelroute-step:nth-child(1){animation-delay:.2s;}
.travelroute-step:nth-child(2){animation-delay:.4s;}
.travelroute-step:nth-child(3){animation-delay:.6s;}
.travelroute-step:nth-child(4){animation-delay:.8s;}

.travelroute-icon{
    width:90px;
    height:90px;
    margin:auto;
    background:#fff;
    border:4px solid #ff7a00;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    box-shadow:0 10px 25px rgba(0,0,0,0.08);
    transition:.4s;
}

.travelroute-step:hover .travelroute-icon{
    transform:scale(1.1) rotate(8deg);
}

.travelroute-step h3{
    margin:20px 0 10px;
    color:#222;
    font-size:22px;
}

.travelroute-step p{
    color:#666;
    line-height:1.7;
    font-size:15px;
    max-width:240px;
    margin:auto;
}

@keyframes floatUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:900px){

    .travelroute-wrapper{
        grid-template-columns:1fr;
        gap:40px;
    }

    .travelroute-wrapper::before{
        display:none;
    }

    .travelroute-heading h2{
        font-size:28px;
    }

    .travelroute-icon{
        width:80px;
        height:80px;
        font-size:30px;
    }
}



/*ooty-section6*/
.siddhan-why-section{
    padding:5px 10px;
    background:#fff;
}

/* container */
.siddhan-container{
    max-width:1100px;
    margin:auto;
}

/* headings */
.siddhan-heading{
    text-align:center;
    font-size:32px;
    margin-bottom:10px;
}

.siddhan-subheading{
    text-align:center;
font-size:30px;
    color:#666;
    margin-bottom:50px;
}

/* timeline wrapper */
.siddhan-timeline{
    position:relative;
    max-width:900px;
    margin:auto;
}

/* vertical line */
.siddhan-timeline::before{
    content:"";
    position:absolute;
    left:35px;
    top:0;
    width:3px;
    height:100%;
    background:#e5e5e5;
}

/* row */
.siddhan-row{
    display:flex;
    gap:30px;
    margin-bottom:20px;
    position:relative;
}

/* number circle */
.siddhan-num{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:#ff9800;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    font-weight:700;
    z-index:2;
}

/* card */
.siddhan-card{
    background:#f8f8f8;
    padding:25px 30px;
    border-radius:12px;
    flex:1;
    transition:.3s;
}

.siddhan-card:hover{
    transform:translateX(10px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.siddhan-card h3{
    margin-bottom:10px;
    font-size:22px;
}

.siddhan-card p{
    line-height:1.8;
    color:#666;
}

/* bottom text */
.siddhan-text{
    margin-top:30px;
    font-size:20px;
    color:#444;
    line-height:1.8;
}

/* responsive */
@media(max-width:768px){

    .siddhan-timeline::before{
        left:25px;
    }

    .siddhan-num{
        width:50px;
        height:50px;
        min-width:50px;
        font-size:18px;
    }

    .siddhan-card{
        padding:18px;
    }
}




/*kodaikanal sec-1*/
.hillstation-section{
    background:#ffffff;
    padding:30px 20px;
}

.hillstation-container{
    max-width:1000px;
    margin:0 auto;
    text-align:center;
}


.hillstation-title{
    font-size:42px;
    line-height:1.2;
    color:#222;
    margin-bottom:15px;
    font-weight:700;
}

.hillstation-subtitle{
    max-width:750px;
    margin:0 auto 40px;
    color:#ff7a00;
    font-size:18px;
    line-height:1.7;
}

.hillstation-content{
    max-width:850px;
    margin:0 auto;
}

.hillstation-content p{
    color:#444;
    font-size:17px;
    line-height:1.9;
    margin-bottom:10px;
    text-align:center;
}






/*kodaikanal sec-2*/
.hill-route-overview{
    padding:20px 20px;
    background:#fff;
}

.route-container{
    max-width:1100px;
    margin:auto;
}

.route-heading{
    text-align:center;
    margin-bottom:50px;
}

.route-heading span{
    color:#ff7a00;
    font-weight:600;
    letter-spacing:1px;
    font-size:14px;
}

.route-heading h2{
    font-size:34px;
    margin-top:10px;
    color:#222;
}

.route-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.route-card{
    background:#fff;
    border:1px solid #eee;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,0.06);
    transition:.3s;
}

.route-card:hover{
    transform:translateY(-6px);
}

.route-top{
    background:#0b66d4;
    color:#fff;
    padding:25px;
}

.route-top h3{
    margin:0;
    font-size:25px;
}

.route-top p{
    margin-top:5px;
    opacity:.9;
}

.route-info{
    padding:25px;
}

.info-item{
    display:flex;
    justify-content:space-between;
    padding:15px 0;
    border-bottom:1px solid #eee;
}

.info-item:last-child{
    border-bottom:none;
}

.info-item strong{
    color:#333;
}

.info-item span{
    color:#666;
    text-align:right;
}

.route-description{
    margin-top:40px;
    background:#fff8f1;
    border-left:5px solid #ff7a00;
    padding:25px;
    border-radius:12px;
}

.route-description p{
    margin:0;
    line-height:1.8;
    color:#555;
}

@media(max-width:768px){

    .route-grid{
        grid-template-columns:1fr;
    }

    .route-heading h2{
        font-size:28px;
    }

}
/*kodaikanal sec-3*/
.kdv-pricing{
    padding:30px 20px;
    background:#fff;
}

.kdv-container{
    max-width:1100px;
    margin:auto;
}

.kdv-heading-wrap{
    text-align:center;
    margin-bottom:40px;
}

.kdv-tag{
    display:inline-block;
    background:#ff7a00;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.kdv-heading-wrap h2{
    font-size:34px;
    color:#222;
    margin-bottom:15px;
}

.kdv-heading-wrap p{
    color:#666;
    max-width:700px;
    margin:auto;
    line-height:1.7;
}

.kdv-table-wrap{
    overflow-x:auto;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

.kdv-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
}

.kdv-table thead{
    background:#0b66d4;
}

.kdv-table thead th{
    color:#fff;
    padding:18px;
    text-align:left;
    font-size:16px;
}

.kdv-table tbody td{
    padding:18px;
    border-bottom:1px solid #eee;
    color:#444;
}

.kdv-table tbody tr:hover{
    background:#fff7f0;
}

.kdv-note{
    margin-top:30px;
    background:#fff7f0;
    border-left:5px solid #ff7a00;
    padding:20px;
    border-radius:10px;
    color:#555;
    line-height:1.8;
}

@media(max-width:768px){

    .kdv-heading-wrap h2{
        font-size:28px;
    }

    .kdv-table thead th,
    .kdv-table tbody td{
        padding:14px;
        font-size:14px;
    }
}




/*kodaikanal sec-4--already includes*/
/*kodaikanal sec-5--already includes*/
/*kodaikanal sec-6-already includes*/
/*kodaikanal sec-7-already includes*/



/*kodaikanal sec-8--already includes*/
/*kodaikanal sec-9-already includes*/


/*kerala sec-1*/
.kerala-tour{
    padding:30px 20px;
    background:#fff;
}

.kerala-container{
    max-width:900px;
    margin:auto;
    text-align:center;
}

.kerala-tag{
    display:inline-block;
    padding:8px 18px;
    background:#fff7ed;
    color:#ea580c;
    border:1px solid #fed7aa;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;
}

.kerala-title{
    font-size:42px;
    line-height:1.2;
    color:#111827;
    margin-bottom:15px;
    font-weight:700;
}

.kerala-subtitle{
    font-size:18px;
    color:#6b7280;
    margin-bottom:40px;
}

.kerala-content{
    max-width:800px;
    margin:auto;
}

.kerala-content p{
    font-size:17px;
    line-height:1.9;
    color:#444;
    margin-bottom:22px;
}

@media(max-width:768px){

    .kerala-title{
        font-size:30px;
    }

    .kerala-subtitle{
        font-size:16px;
    }

    .kerala-content p{
        font-size:16px;
    }
}
/*kerala sec-2already includes*/
/*kerala sec-3*/
.kerala-packages{
    max-width:1200px;
    margin:70px auto;
    padding:0 20px;
    font-family:'Poppins',sans-serif;
}

.package-heading{
    text-align:center;
    margin-bottom:40px;
}

.package-tag{
    display:inline-block;
    background:#f97316;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:15px;
}

.package-heading h2{
    font-size:36px;
    margin-bottom:15px;
    color:#222;
}

.package-heading p{
    max-width:800px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

.package-table{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.package-row{
    display:grid;
    grid-template-columns:1.2fr 1fr 2fr;
    gap:20px;
    padding:24px 30px;
    align-items:center;
    border-bottom:1px solid #eee;
}

.package-row:last-child{
    border-bottom:none;
}

.package-head{
    background:#0b66d4;
    color:#fff;
    font-weight:600;
}

.package-row h3{
    margin:0;
    font-size:18px;
    color:#222;
}

.package-note{
    margin-top:30px;
    background:#fffaf5;
    border-left:4px solid #f97316;
    padding:20px 25px;
    border-radius:10px;
}

.package-note p{
    margin:0;
    color:#555;
    line-height:1.8;
}

@media(max-width:768px){

    .package-row{
        grid-template-columns:1fr;
        gap:10px;
    }

    .package-head{
        display:none;
    }

    .package-row{
        padding:20px;
    }

    .package-row h3{
        color:#f97316;
    }
}

/*kerala sec-4*/
.trip-plan-section{
    max-width:1200px;
    margin:80px auto;
    padding:0 20px;
    font-family:'Poppins',sans-serif;
}

.trip-plan-heading{
    text-align:center;
    margin-bottom:50px;
}

.trip-plan-heading span{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
}

.trip-plan-heading h2{
    font-size:38px;
    color:#222;
    margin:20px 0 10px;
}

.trip-plan-heading p{
    color:#666;
    font-size:16px;
}

.trip-plan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.plan-box{
    position:relative;
    background:#fff;
    padding:40px 30px;
    border-radius:15px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    overflow:hidden;
    min-height:280px;
}

.plan-number{
    position:absolute;
    top:10px;
    right:15px;
    font-size:90px;
    font-weight:800;
    line-height:1;
    color:rgba(13,110,253,0.12);
    z-index:1;
}

.plan-box h3{
    position:relative;
    z-index:2;
    font-size:22px;
    color:#222;
    line-height:1.5;
    margin-bottom:18px;
}

.plan-box p{
    position:relative;
    z-index:2;
    color:#666;
    line-height:1.8;
    margin:0;
}

.plan-box:hover{
    transform:translateY(-6px);
    transition:.3s ease;
}

@media(max-width:991px){
    .trip-plan-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .trip-plan-grid{
        grid-template-columns:1fr;
    }

    .trip-plan-heading h2{
        font-size:30px;
    }
}
/*kerala sec-6-already includes*/
/*kerala sec-7-already includes*/

/*kerala sec-8-already includes*/
/*kerala sec-9-already includes*/


/*nav menu*/
/* Dropdown menu */
.navbar-nav .dropdown-menu{
    background:#000 !important;
    border:none;
    padding:0;
    margin:0;
    list-style:none;
}

/* Remove bullets */
.navbar-nav .dropdown-menu li{
    list-style:none;
}

/* Dropdown links */
.navbar-nav .dropdown-menu li a{
    color:#fff !important;
    background:#000;
    padding:12px 20px;
    display:block;
}

/* Hover effect */
.navbar-nav .dropdown-menu li a:hover{
    background:#f59a17;
    color:#fff !important;
}

/* Show dropdown on hover */
.navbar-nav > li.dropdown:hover > .dropdown-menu{
    display:block;
}

/*footer*/

.footer{
    background:#1b1b1b;
    color:#fff;
    padding-top:60px;
margin-top: 50px;

}

.footer-container{
    width:90%;
    max-width:1200px;
    margin:auto;
    display:flex;
    justify-content:space-between;
    gap:50px;
    flex-wrap:wrap;
}

.footer-box{
    flex:1;
    min-width:280px;
}

.footer-box h3{
    color:#fff;
    font-size:32px;
    font-weight:700;
    margin-bottom:10px;
}

.footer-box h3 span{
    color:#f9a602;
}

.line{
    width:60px;
    height:3px;
    background:#3b4dff;
    margin-bottom:25px;
}

.footer-box p{
    line-height:1.9;
    font-size:17px;
}

.social-icons{
    margin-top:25px;
}

.social-icons a{
    display:inline-block;
    width:42px;
    height:42px;
    line-height:42px;
    text-align:center;
    background:#333;
    color:#fff;
    margin-right:10px;
    border-radius:4px;
    transition:.3s;
}

.social-icons a:hover{
    background:#f9a602;
}

.footer-links,
.hours{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:12px;
    position:relative;
}

.footer-links a{
    color:#fff;
    text-decoration:none;
    font-size:17px;
}

.footer-links a:hover{
    color:#f9a602;
}

/* Dropdown */
.submenu{
    display:none;
    margin-top:10px;
    margin-left:15px;
}

.dropdown:hover .submenu{
    display:block;
}

.submenu li{
    margin:8px 0;
}

.submenu a{
    color:#ccc;
    font-size:15px;
}

.submenu a:hover{
    color:#f9a602;
}

.hours li{
    display:flex;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,0.1);
}

.hours span:last-child{
    color:#f9a602;
}

.copyright{
    text-align:center;
    padding:20px;
    margin-top:40px;
    background:#111;
    font-size:15px;
}

@media(max-width:768px){
    .footer-container{
        flex-direction:column;
        gap:30px;
    }

    .hours li{
        flex-direction:column;
        gap:5px;
    }
}