/*  Refined Colors for Layout Areas*/

.topbar, .header .main-menu, .tour-search-box p {
  background-color: #6a1b9a;
}

.tour-search-box p {
  color: #fff;
}

.header .account {
  background-color: #e67e22;
  box-shadow: 0 4px 6px rgba(230, 126, 34, 0.2);
}

.tour-category p {
  background-color: #2e7d32;
}


/*  Refined Colors for Layout Areas*/
/*  Improved Buttons and Hover Effects*/

.top-right .top-menu a {
  color: #ffffff;
  background-color: #6a1b9a;
  border: 1px solid #fff;
}

.top-right .top-menu a:hover {
  background-color: #f39c12;
  color: #fff;
}

#detail {
  background: #e74c3c;
  color: white;
  font-weight: bold;
  transition: all 0.3s ease;
}

#detail:hover {
  background-color: #27ae60;
  transform: scale(1.1);
}
/*  Improved Buttons and Hover Effects*/

/*  Tour Package and Slider Section Enhancements*/
.tour-package-slider-container {
  background-color: #ffffff;
  box-shadow: 0 6px 12px rgba(0,0,0,0.1);
  border-top: 4px solid #e67e22;
  border-left: 4px solid #e67e22;
}

/*  Tour Package and Slider Section Enhancements*/


*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
a{
	text-decoration: none;
}
h1{
color: white;
background-color: #880e4f;
padding: .5rem;
border-radius: .5rem;
text-align: center;
box-shadow: .2rem .2rem  darkorange;


}
h2{
color: #d35400;
background-color: #f6ddcc;
padding: .5rem;
border-radius: .5rem;
text-align: center;
box-shadow: .2rem .2rem #d35400;

}
h3{
color: #16a085;
background-color: #d0ece7;
padding: .5rem;
border-radius: .5rem;
text-align: center;
box-shadow: .2rem .2rem #16a085;

}

h4{
color: white;
background-color: darkcyan;
padding: .5rem;
border-radius: .5rem;
text-align: center;
box-shadow: .2rem .3rem #d35400;
margin: .5rem;

}
body{
	background-color: wheat;
	
}
/*top bar styling start  */
.topbar{
display: flex;
background-color: #880e4f;
width: 100vw;
height: 2.5rem;
padding-left: 4%;
padding-right: 4%;
}
/*top bar left styling start  */
.topbar .top-left{
	width: 50%;
	display: flex;
	margin-top:.2rem ;
	margin-bottom: .2rem;


	}
.topbar .top-left .social-con{
	display: flex;
	margin:0, auto;
	
}

.topbar .top-left .social-con img{
	height: 1.5rem;
	padding: .1rem;
}
.topbar .top-left .phone-no{
	display: flex;
	margin:0, auto;
	
}
.topbar .top-left .phone-no img{
	height: 1.5rem;
	padding: .1rem;

}
.topbar .top-left .phone-no p{
	color: yellow;
	font-size: 1.3rem;
	padding: .1rem;
}

.topbar .top-left .email{
	display: flex;
	margin:0, auto;
	margin-right:1rem;
	margin-left: 1rem;
	
}
.topbar .top-left .email p{
	color: yellow;
	font-size: 1.3rem;
	padding: .1rem .3rem;
}
.topbar .top-left .email img{
	height: 1.5rem;
	padding: .1rem;
}

/*top bar left styling end  */
/*top bar right styling started  */

.topbar .top-right{
	display: flex;
	justify-content: space-between;

}

.top-right .top-menu{
	display: flex;
	font-size: 1.1rem;
	padding: .1rem .3rem;
}
.top-right .top-menu a{
	color: whitesmoke;
	text-decoration: none;
	margin:.1rem ;
	padding: .3rem;
	border : .1rem solid wheat;
	border-radius: .3rem;
	display: block;
}
.top-right .top-menu a:hover{
	color: #880e4f;
	background-color: wheat;
}

.top-right .log-in{
	display: flex-end;

}
.top-right .log-in h2{
	font-size: 1rem;
	margin-top: .1rem;
}
/*top bar right styling ended  */
/*main header bar started  */
.header{
	display: flex;
	background-color: wheat;
	width: 100%;
	height: 5rem;
	border-bottom: .2rem solid #880e4f;
	padding-left: 2%;
	padding-right: 2%;
}

.header .main-logo img{
	height: 80%;
	margin-top: .5rem;
	}
.header .main-menu{
	display: flex;
	width: 55%;
	height: 2.5rem;
	background-color: #880e4f;
	margin-top: 1.3rem;
	margin-left: 1%;
	margin-right: 1%;
	align-items: center;
	border-radius: .4rem;
	box-shadow: .2rem .3rem #d35400;

}
.header .main-menu span{
	display: none;
}
.header .main-menu ul li a{
text-decoration: none;
color: white;
padding-left: .4rem;
padding-right: .4rem;
font-size: 1.2rem;
margin: .1rem;
text-align: center;
border-right: .1rem solid wheat;

}
.header .main-menu ul li a:hover{
	background-color: wheat;
	color: #880e4f;
	padding:.2rem;
	border-radius: .2rem;
}
.header .main-menu ul{
display: flex;
}
.header .main-menu ul li{
	list-style: none;
	display: flex;
}

.header .account{
width: 30%;
display: flex;
height: 2.5rem;
	background-color:#d35400 ;
	margin-top: 1.3rem;
	
	align-items: center;
	border-radius: .4rem;
	box-shadow: .2rem .3rem #880e4f;
}
.header .account .search{
	display: flex;
}
.header .account .search form{
	display: flex;
	margin-left: .5rem;
}
.header .account .search form img{
	height: 1.6rem;
}
.header .account .search form input{
cursor: pointer;
outline: none;
border-radius: .3rem;
border: none;
padding: .2rem;
}
.header .account .search form input:focus{
	border:none;
}

.cart{
	display: flex;
	width: 5%;
	height: 2.5rem;
	background-color:#f6ddcc ;
	margin-top: 1.3rem;
	margin-left: .1rem;
	margin-right: 1%;
	align-items: center;
	border-radius: .4rem;
	box-shadow: .2rem .3rem #880e4f;

}
.cart img{
	height: 3rem;
	padding: .2rem;
}
.cart a{
	position: absolute;
}
.cart p{

  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  border-radius: 50%; /* the magic */
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  text-align: center;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  background-color: red;
  margin-left: .8rem;
  margin-bottom:1rem;
  }
  /*top bar right styling ended  */
  /*top main banner satarted  */
.mySlides {display:none;}
.slider-home{
  	width: 100%;
    }
  .slider-home .slider-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 1rem;
  background-color: whitesmoke;
  }

.slider-home .slider-container.slider {
  display: flex;
  overflow-x: hidden;
}

.slider-home .slider-container.slider.product {
  flex: 0 0 auto;
  width: 100%;
  height: 300px;
  padding: 20px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.slider-home .slider-container.slider.product img{
	width: 100%;
	height: 300px;
}

#prev-btn-mainslide ,
#next-btn-mainslide {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  background-color: #880e4f;
  color: #fff;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

#prev-btn-mainslide {
  left: 0;
}

#next-btn-mainslide {
  right: 0;
}

.destination .destination-title .destination-title-content{
	margin-top: .2rem;
	font-size: 1.5rem;
	font-weight: 300;
	padding:0rem 2rem;
	border-radius: .5rem;
	color: darkblue;
	
background: whitesmoke;
box-shadow: .2rem .3rem #d35400;
 padding: 15px;
}


 .tour-destination img{
	width: 10rem;
	height: 10rem;
	border-radius: 50%;
	object-fit: cover;
	box-shadow: .3rem .4rem white;

}

.tour-destination p{
	margin-top: -5rem;
	
	font-size: 1.5rem;
	color: yellow;
	background-color:#3498db ;
	font-weight: 700;
	position: absolute;
	z-index: 1;
	
	border-radius: .4rem;


}
.destination{
    width: 100%;
    background-color: white;
    margin-top: 1rem;
    padding: 1rem;
 }

 .seven h3 {
text-align: center;
    font-size:1.2rem; font-weight:300;letter-spacing:1px;
    text-transform: uppercase;

    display: grid;
    grid-template-columns: 1fr max-content 1fr;
    grid-template-rows: 15px 0;
    grid-gap: 10px;
    align-items: center;
}

.seven h3:after,.seven h3:before {
    content: " ";
    display: block;
    border-bottom: .3rem solid #880e4f;
    border-top: 1px solid #d35400;
    height: 5px;
  }
/*destination slider ended*/

/*search result field stTWS*/

 .tour-search-field, .search-results {
            clear: both;
        }
        .result-box {
            width: 50%;
            border: 1px solid #ddd;
            padding: 15px;
            margin-bottom: 10px;
            margin-top: 10px;
            background-color: #f9f9f9;
            border-radius: 1rem;
            float: left;

        }

/* tour package slider */

 .tour-package-slider-container {
            position: relative;
            width: 98%;
            margin: 0 auto;
            overflow: hidden;
            padding: .5rem;
            margin: 1rem;
						background-color: white;
						box-shadow: .5rem .5rem #880e4f;
						border-top: .5rem solid #d35400;
						border-left: .5rem solid #d35400;
        }

        .tour-package-slider {
            display: flex;
            transition: transform 0.3s ease;							
        }

        .tour-package {
            flex: 0 0 calc(100% / 6);
            padding: 20px;
            box-sizing: border-box;
            text-align: center;
            overflow: hidden;
					
						margin: .5rem;
						max-height: 27rem;
						padding: .5rem;
						border: .5rem solid wheat;
						border-radius: .5rem;
        }

        .tour-package-prev-btn,
        .tour-package-next-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #880e4f;
            color: #fff;
            border: none;
            padding: 10px 10px;
            cursor: pointer;
            height: 2rem;
            opacity: 1;
        }

        .tour-package-prev-btn:hover,
        .tour-package-next-btn:hover {
            opacity: 1;
        }

        .tour-package-prev-btn {
            left: 0;
        }

        .tour-package-next-btn {
            right: 0;
        }

  .tour-slider-container {
            position: relative;
            width: 100%;
            margin: 0 auto;
            overflow: hidden;
            background-color: darkred;
        }

        .tour-slider {
            display: flex;
            transition: transform 0.3s ease;
        }

        .tour-destination {
            flex: 0 0 calc(100% / 6);
           
            box-sizing: border-box;
            text-align: center;
            border: .5rem solid whitesmoke;
        }

        .tour-prev-btn,
        .tour-next-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #880e4f;
            color: #fff;
            border: none;
            padding: 10px 10px;
            cursor: pointer;
            height: 2rem;
            opacity: 1;
        }

        .tour-prev-btn:hover,
        .tour-next-btn:hover {
            opacity: 1;
        }

        .tour-prev-btn {
            left: 0;
        }

        .tour-next-btn {
            right: 0;
        }





#price{
	display: flex;
	width: 100%;
	background-color: darkblue;
	border-radius: .5rem;
	color: white;
	padding: .5rem;
	box-shadow: .2rem .3rem green;
	font-size: 1.3rem;
	font-weight: 500;

}
#price p, del{
	width: 50%;
	text-align: center;
	margin-top: .8rem;

}
#price del{
	background-color: red;
	border-radius: .5rem;
}


.view-more{
	display: flex;
	margin-top: .4rem;
	padding: .3rem 0;
	font-size: 1rem;

}
#detail{
	background: red;color: white;padding: .3rem; border-radius: .3rem;
}
#detail:hover{
	background-color: green;
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
/*
	<!---------recently added tours packege--end---->
*/

 /* TOUR CATEGORY SLIDER STYLES */
        .tour-category-slider-container {
            position: relative;
            width: 98%;
            overflow: hidden;
           	margin: 0 auto;
						margin: 1rem;
						background-color: whitesmoke;
						box-shadow: .5rem .5rem #d35400;
						border-top: .5rem solid #880e4f;
						border-left: .5rem solid #880e4f;
        }

        .tour-category-slider {
   			 display: flex;
   			 transition: transform 0.3s ease;
   			 width: max-content; /* Ensure it fits all children horizontally */
}

        .tour-category {
    		flex: 0 0 auto; /* Prevent flex from resizing */
    		width: 14rem;
    		height: 14rem;
   		 	padding: 20px;
   			 box-sizing: border-box;
   			 text-align: center;
   			 overflow: hidden;
   		 box-shadow: 0rem .2rem 0rem .3rem #880e4f;
    	
}
        .tour-category img{
        	width: 14rem;
					height:14rem ;
        }
        .tour-category p{
        	margin-top: 2rem;
					position: absolute;
					color: white;
					font-size: 1.9rem;
					padding: .3rem;
					font-weight: 900;
					background-color: darkgreen;
        }
        .tour-category-prev-btn,
        .tour-category-next-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: #880e4f;
            color: #fff;
            border: none;
            padding: 10px;
            cursor: pointer;
            height: 2rem;
            opacity: 1;
        }

        .tour-category-prev-btn:hover,
        .tour-category-next-btn:hover {
            opacity: 1;
        }

        .tour-category-prev-btn { left: 0; }
        .tour-category-next-btn { right: 0; }
/*  tours catedgories*/

.tour-category-slider-container .category-head{
	width: 100%;
}
.tour-category-slider-container .category-head p{
	 font-size: 35px;
  font-weight: 600;
  width: 100%;
  color: red;
  text-align: center;
  align-items: center;
  margin: 0 1rem;
  padding: 1rem;
  border-bottom: 1rem double white;
  text-transform: uppercase;
  text-shadow: 1px 1px 0px #957dad,
               1px 2px 0px #957dad,
               1px 3px 0px #957dad,
               1px 4px 0px #957dad,
               1px 5px 0px #957dad,
               1px 6px 0px #957dad,
               1px 10px 5px rgba(16, 16, 16, 0.5),
               1px 15px 10px rgba(16, 16, 16, 0.4),
               1px 20px 30px rgba(16, 16, 16, 0.3),
               1px 25px 50px rgba(16, 16, 16, 0.2);

}



/* go to top button*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 99;
  
  border: none;
  outline: none;
  background-color: none;
  color: white;
  cursor: pointer;
  
  border-radius: 4px;
}

#myBtn:hover {
  background-color: wheat;
}


ul {
    margin: 0px;
    padding: 0px;
}

.single-cta i {
  color: #ff5e14;
  font-size: 30px;
  float: left;
  margin-top: 8px;
}
.cta-text {
  padding-left: 15px;
  display: inline-block;
}
.cta-text h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 2px;
}
.cta-text span {
  color: #757575;
  font-size: 15px;
}

.facebook-bg{
  background: #3B5998;
}
.twitter-bg{
  background: #55ACEE;
}
.google-bg{
  background: #DD4B39;
}

.subscribe-form {
  position: relative;
  overflow: hidden;
}
.subscribe-form input {
  width: 100%;
  padding: 14px 28px;
  background: #2E2E2E;
  border: 1px solid #2E2E2E;
  color: #fff;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #ff5e14;
    padding: 13px 20px;
    border: 1px solid #ff5e14;
    top: 0;
}
.subscribe-form button i {
  color: #fff;
  font-size: 22px;
  transform: rotate(-6deg);
}
.copyright-area{
  background: #202020;
  padding: 25px 0;
}
.copyright-text p {
  margin: 0;
  font-size: 14px;
  color: #878787;
}
.copyright-text p a{
  color: #ff5e14;
}