@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

body {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	color: #000000;
	font-size:14px;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	font-weight: 400;
}

.header-wrapper {
	box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	transition: all 0.90s ease;
	background: #ffffff;
}

.sticky {
position: fixed;
top: 0;
	z-index: 999;
}
.logo {
	width: 120px;
	float: left;
}

.main-menues .top-navigation {
	float: right;
	padding-top: 26px;
}

.main-menues .top-navigation a {
	text-decoration : none;
	padding: 1px 14px;
	display: block;
	text-align: center;
	float: left;
	border-right: 1px solid #9f5aab;
	line-height: 16px;
	text-transform:uppercase;
	color: #e5022c;
	font-weight: 400;
}

.main-menues .top-navigation a:hover {
	color: red;
}

.main-menues .top-navigation li:last-child a {
	border-right: none;
}

.main-menues {
	width: calc(100% - 120px);
	float: left;
}

.main-menues li {
	position: relative
}

.main-menues .submenu {
	width: 209px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	z-index: 999;
	background: #716572;
	top: 30px;
	left: 0px;
	display: none;
}

.main-menues li:hover .submenu {
	display: block;	
}

.main-menues .submenu li {
	display: block;
	width: 100%;
	float: left;
}

.main-menues .submenu li a {
	text-decoration: none;
	color: #ffffff;
	padding: 10px;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom: 1px dotted #918a8a;
}

.main-menues .submenu li:last-child a {
	border-bottom: none;
}

img{
	max-width: 100%;
}

.about-box {
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  padding: 30px;
}
.about-img {
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 250px;
}

#tourTab .nav-item {
	flex: 1;
}

#tourTab .nav-item  .nav-link {
	width: 100%;
	background: #762983;
	color: #ffffff;
    border-right: 1px solid #dee2e6;
    padding: 16px;
	position: relative;
	text-transform: uppercase;
	font-weight: 400;
}

#tourTab .nav-item  .nav-link.active {
	background: #a05bab;
}

#tourTab .nav-item .nav-link.active::after {
  content: '';
  position: absolute;
  top: 89%;
  transform: rotate(90deg);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #a05bab;
  left: calc(50% - 10px);
}

.card-img-top {
	height: 237px;
}

.priceoftour {
	background: #1976bc;
	position:absolute;
	color: #ffffff;
	font-weight: 600;
	opacity: 1;
	z-index: 100;
}

.travel-bags  .carousel .col-md-4 img {
    transition: transform 0.5s ease, opacity 0.5s ease;
  }

.travel-bags .carousel .col-md-4 img:hover {
transform: scale(1.05); /* Slight zoom */
opacity: 0.8; /* Fade effect */
}

.destinaion-banner1 {
  background: url('./../images/Ayodhya.jpg') center center/cover no-repeat;	
}

.destinaion-banner2 {
  background: url('./../images/tour2.jpg') center center/cover no-repeat;	
}

.destinaion-banner3 {
  background: url('./../images/Mathura/image3.jpg') center center/cover no-repeat;	
}

.destinaion-banner4 {
  background: url('./../images/Prayagraj.jpg') center center/cover no-repeat;	
}

.destinaion-banner5 {
  background: url('./../images/Naimisharanya.jpg') center center/cover no-repeat;	
}

.destinaion-banner6 {
  background: url('./../images/Mahabodhi-Temple.jpg') center center/cover no-repeat;	
}

.destinaion-banner7 {
  background: url('./../images/Mahakaleshwar/MahakaleshwarOmkareshwarUjjain.png') center center/cover no-repeat;	
}

.destinaion-banner8 {
  background: url('./../images/Somnath/Somnath.png') center center/cover no-repeat;	
}

.destinaion-banner9 {
  background: url('./../images/12Jyotirlinga/12Jyotirlinga.png') center center/cover no-repeat;	
}

.destinaion-banner {
  height: calc(100vh - 90px);
  color: white;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.destinaion-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
}
.destinaion-content {
  position: relative;
  text-align: center;
  z-index: 1;
}
.gallery img, .whereihavebeen .card {
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.gallery img:hover, .whereihavebeen .card:hover {
  transform: scale(1.05);
  opacity: 0.8;
}

.gallery-section .gallery img, #mathuraGallery {
	height: 290px;
}

.whereihavebeen .card-body {
	height: 189px;
}

.book-now {
  background-color: #762983;
  color: #fff;
  border: 1px solid #762983;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	padding: 8px;
	display: block;
	margin: 0 auto;
	border-radius: 6px;
	width: 120px;
}

.book-now:hover {
  background-color: #a05bab;
  border-color: #a05bab;
  color: #fff;
}

.footer {
	background: #5f176a;
}

.logo-footer {
	
}

.about-us h3 {
	font-size: 18px;
	color: #843c8f;
}

.about-us .card strong {
	width: 95px;
	float: left;
}

.navbar-toggler {
	display: none;
	border: 1px solid #6c757d;
	padding: 5px 10px;
	border-radius: 4px;
	float: right;
	margin-top: 15px;
}


@media screen and (max-width: 767px) {
	.gallery-section .gallery img, #mathuraGallery, .card-img-top, .destinaion-banner{
		height: auto;
	}
	
	.navbar-toggler {
		display: inline-block;
		font-size: 1.75rem;
		color: #333;
	}
  
	.main-menues {
		position: absolute;
		right: 0;
		background: white;
		z-index: 99;
		width: 200px;
		top: 91px;
		border: 1px solid #eee;
	}
	
	.main-menues li {
		width: 100%;
		border-bottom: 1px dotted;
	}
	
	.main-menues li:last-child {
		border-bottom: none;
	}
	
	.main-menues .top-navigation {
		padding-top: 0px;
	}
	
	.main-menues .top-navigation a {
		width: 100%;
		text-align: left;
		border-right: none;
	}
	
	.main-menues .submenu {
		top: 0px;
		left: auto;
		right: 199px;
	}
	
	.main-menues .submenu li {
		border-bottom: none;
	}
}