/*
hover color : #fd513dc9, #f18626;
#123c52 back prev
background-color: #f9bb8a0f;
*/
@import url('https://fonts.googleapis.com/css2?family=Heebo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nerko+One&display=swap');
*{
	padding: 0;
	margin: 0;
	font-family: 'Heebo', sans-serif;
}
html {
  scroll-behavior: smooth;
}
a{
	text-decoration: none !important;
	color: #123f56db;
}

/*------------scroll bar------------*/
::-webkit-scrollbar{
	width: 10px; 
	border-radius: 25px;
}
::-webkit-scrollbar-track{
	background-color:#e9e9e9; 
}
::-webkit-scrollbar-thumb{
	background: linear-gradient(#fdfdfd, #3a9afd);
    border-radius: 98px;
}
/*main body*/
#main_part{
	width: 100%;
	height: 100%;
}
/*headre part*/
#top_navbar{
	width: 100%;
	background-color:  #e4f1ff!important; 
}
#top_navbar .row{
	margin-left: 10px;
	margin-right: 10px;
}
#top_navbar a{
	font-weight: bold;
	color: black;
}
#top_navbar a:hover{
	text-decoration: none;
	color: #3a9afd;
}
#main_navbar{
	background-color: #f8f9fa!important;
}
.dropdown .dropdown-menu .dropdown-item{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #0a3951;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    transition: 0.6s;
}
.dropdown .dropdown-menu .dropdown-item:hover{
	color: #3a9afd;
	border-left: 3px solid #3a9afd; 
	border-right: 3px solid #3a9afd;
	border-radius: 10px;
}
.textColor{
	color: 	#31576a;
	font-weight: bold;
}
.priColorText{
	color: #123f56db;
	font-weight: bold;
}
.nav-link{
	transition: 0.8s;
}
.nav-link:hover{
	color: #3a9afd;
}
#logo_img{
	width: 150px;
	height: 60px;
}
.active_img{
		border-radius: 10px;
		border: 2px solid #3a9afd;
	}
.active_img .nav-link{
	color: #3a9afd !important;
}
.navbar-toggler{
	outline: none !important;
}
#social_top_icon span{
	padding-left: 10px;
	font-weight: bold;
}
.loginBtn{
	color: #123f56db;
	font-weight: bold;
}
.regBtn{	
    color: #123f56db;
    font-weight: bold;
}
@media screen and (max-width: 770px){
	#logo_img{
		width: 150px;
		height: 80px;
	}
	.active_img{
		border-radius: 10px;
		border: 2px solid #3a9afd;
	}
	.smd-text{
		display: none;
	}
	#social_top_icon span{
		padding-left: 7px;
	}
	.navbar-toggler{
		outline: none !important;
	}
	.textColor:hover{
		color: #3a9afd !important;
	}
	#top_navbar a{
		font-size: 15px !important;
	}
}
/*------------------------slider-----------------------*/
#slider{
	width: 100%;
}
#slider img{
	width: 100%;
}
@media screen and (max-width: 770px){
		
	#slider img{
		height: 100%;
		height: 250px;
	}		
	
}
/*------------------wellcom part----------------*/
#welcome{
	width: 100%;
	padding: 80px 0;
}
.title-text{
	text-align: center;
	padding-bottom: 30px;
}

.title-text p{
	margin: auto;
	font-size: 20px;
	color:#3a9afd;
	font-weight: bold;
	position: relative;
	z-index: 1;
	display: inline-block;
}
.title-text p::after{
	content: '';
    width: 50px;
    height: 35px;
    background: linear-gradient(#3a9afd,#fff);
    position: absolute;
    top: -22px;
    left: 0;
    z-index: -1;
    transform: rotate(-3deg);
    border-top-left-radius: 108px;
    border-bottom-right-radius: 200px;
    border-top-right-radius: 5px;
}
.title-text h1{
	color:#101820FF;
	text-shadow: 6px 4px 5px #403b2d4d;
}
.konly{
	font-family: 'Prompt', sans-serif;
	font-size: 50px;
	color: #3a9afd;
}
.ftotal{
	font-family: 'Prompt', sans-serif;
	font-size: 35px;
	color: #123f56db;
}
.tonly{
	font-family: 'Righteous', cursive;
	font-size: 50px;
	color: #3a9afd;
}
.ourtotal{
	font-family: 'Righteous', cursive;
	font-size: 50px;
	color: #123f56db;
}

.welcome-box{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-align: center;
}
.welcome_note{
	flex-basis: 50%;
}
.welcome_note h1{
	color: #3a9afd;
}
.welcome_img{
	flex-basis: 50%;
	margin: auto;
}
.welcome_img img{
	width: 70%;
	border-radius: 10px;
}

@media screen and (max-width: 770px){
		
	.welcome_note{
		flex-basis: 100%;
	}
	.welcome_img{
		flex-basis: 100%;
		margin: auto;
	}	
	.welcome_note p{
		font-size: 13px;
	}
	.title-text h1 span{
		font-size: 25px;
	}	
}	
/*------------------about-------------------------*/
#about_sec{
	width: 100%;
	padding: 80px 0;
	background-color: #f2f3f5;
}

.about-box{
	width: 80%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    padding-top: 40px;
}
.about_img{
	flex-basis: 50%;
}
.about_img .card{
	width: 70%;
	border-radius: 20px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
}
.about_img .card img{
	width:100%;
	border-top-right-radius: 20px;
}
.about_note{
	flex-basis: 50%;
}
.about_img h3{
	font-size: 20px;
	text-align: left;
}
.about_note h1{
	color: #3a9afd;
}
@media screen and (max-width: 800px){
		
	.about_note{
		flex-basis: 100%;
		padding-top: 50px;
	}
	.about_note p{
		font-size: 13px;
	}
	.about_img{
		flex-basis: 100%;
	}	
	.about_img .card-body h4{
		font-size: 18px;
	}
	.about_img .card-body p{
		font-size: 13px;
	}
	.about_img .card{
		width: 100%;
		height: 90%;
		border-radius: 20px;
	}

}
/*safe Box Section*/
#safeBoxSection{
	width: 100%;
	padding: 80px 0;
}
.md-text{
	text-align: center;
	padding-bottom: 60px;
}
.md-text h4{
	font-size: 30px;
	color: #123f56db;
	font-family: 'Cinzel', serif;
}

.safeBox-row{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.safeBox-col{
	flex-basis: 20%;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	padding: 20px;
	transition:transform .5s; 
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83); 
}
.safeBox-col img{
	width: 60px;
}
.safeBox-col:hover{
	transform: translateY(-10px);
}
@media screen and (max-width: 750px){
		
	.safeBox-col{
		flex-basis: 100%;
	}
	.md-text h4{
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
/*safe information*/
#safeinfo{
	width: 100%;
	padding: 80px 0;
	background-color: #f2f3f5;
}
.title-text h1 .isafe{
	font-family: 'Prompt', sans-serif;
	font-size: 50px;
	color: #3a9afd;
}
.title-text h1 .nfNote{
	font-family: 'Prompt', sans-serif;
	font-size: 35px;
	color: #123f56db;
}
.safeBoxInfo-row{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.safeBoxInfo-col{
	flex-basis: 29%;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	padding: 20px;
	transition:transform .5s; 
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83); 
}
.safeBoxInfo-col h4{
	text-align: center;
}
.safeBoxInfo-col img{
	width: 60px;
}
.safeBoxInfo-col:hover{
	transform: translateY(-10px);
}
@media screen and (max-width: 750px){
	.safeBoxInfo-col{
		flex-basis: 100%;
	}
}
/*service part*/
#service{
	width: 100%;
    padding: 80px 0;
    
}
.fword{
	font-family: 'Prompt', sans-serif;
	font-size: 50px;
	color: #3a9afd;
}
.secword{
	font-family: 'Prompt', sans-serif;
	font-size: 35px;
	color: #123f56db;
}
.mobile_view{
	display: none;
}
.desktop_view{
	display: block;
}
.service-row{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.service-col{
	background-color: #fff;
	flex-basis: 20%;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	padding: 20px;
	transition:transform .5s; 
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83); 

}
.service-col img{
	width: 60px;
}
.service-col p{
	text-transform: capitalize;
	font-size: 15px;
}
#service .carousel-control-prev {
    left: 0;
    top: -20px;
}
#service .carousel-control-next {
    top: -20px;
}

@media screen and (max-width: 750px){
	#service{
	    padding: 50px 0;   
	}
	.desktop_view{
		display: none;
	}
	.mobile_view{
		display: block;
		padding: 10px;
	}	
	.wraper{
		max-height: 200px;
		border: none;
		display: flex;
		overflow-x: auto;
	}
	.wraper::-webkit-scrollbar{
		display: none;
	}
	.mobile_view .wraper .item{
		background-color: #fff;
		padding: 10px;
		min-width: 150px;
		border-radius: 5px;
		cursor: pointer;
		margin-right: 10px;
		text-align: center;
		transition:transform .5s; 
		-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
		-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
		box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83); 
	}
	.mobile_view .item img{
		width: 70px;
	}
	.mobile_view .wraper .item p{
		font-size: 13px;
		text-transform: capitalize;
		font-weight: bold;
	}
}
/*-----------------happy client--------------*/
#happyClient{
	width: 100%;
	padding: 80px 0;
}
.client-row{
	width: 80%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.client-col{
	background-color: #fff;
	flex-basis: 28%;
	padding: 10px;
	margin-bottom: 30px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	padding: 20px;
	transition:transform .5s; 
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83); 	
}
.client-col:hover{
	transform: translateY(-10px);
}
@media screen and (max-width: 750px){
	.client-col{
		flex-basis: 100%;
	}
}
/*quote*/
#quote{
	width: 100%;
	padding: 80px 0;
	background-color: #f2f3f5;
}
#quote .quote-box{
	text-align: center;
	align-items: center;
	padding: 10px;
}
#quote .quote-box h3{
	font-family: 'Nerko One', cursive;
}
#quote .quote-box p{
	padding-left: 34%;
	font-family: 'Nerko One', cursive;
}
#quote .quote-box img{
	width: 150px;
}
/*-------------our destination-----------------*/
#destination{
	width: 100%;
	padding: 80px 0;
}

#destination .destinationBox .desktop_view img{
	width: 100%;
	height: 550px;
}
#destination .destinationBox .desktop_view h3{
	color: #c1c1ff;
}
#destination .destinationBox .desktop_view p{
	color: #ffffff;	
	background: #7f7c7ca1;
	padding: 10px;
	border-radius: 10px;
}
.des_mobile_view{
	display: none;
}
.des_desktop_view{
	display: block;
}
.book-button-part{
	padding-bottom: 20px;
}
.book-button-part .burron-book{
	border:2px solid #fff;
	padding: 10px 40px 10px 40px;
	margin-right: 10px;
	border-radius: 10px;
	color: #0c17f7;
	background: #fff;
	position: relative;
}
.book-button-part .burron-book:hover{
	color: #0c17f7;
	font-weight: bold;
}

.book-button-part .burron-Detailes{
	border:2px solid #fff;
	padding: 10px 40px 10px 40px;
	margin-right: 10px;
	border-radius: 10px;
	color: #bb7622;
	background: #fff;
	position: relative;
}
.book-button-part .burron-Detailes:hover{
	color: #bb7622;
    font-weight: bold;
}
@media screen and (max-width: 750px){
	.des_mobile_view{
		display: block;
		
	}	
	.des_desktop_view{
		display: none;
	}
	.destination_wrap{
		padding: 10px;
		max-height: 400px;
		border: none;
		display: flex;
		overflow-x: auto;
	}
	.des_item{
		background-color: #fff;
		padding: 10px;
		min-width: 320px;
		border-radius: 5px;
		cursor: pointer;
		margin-right: 10px;
		text-align: justify-all;
		transition:transform .5s; 
		-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
		-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
		box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83); 	
	}
	.des_item img{
		width: 100%;
		height: 155px;
	}
	.des_item h3{
		font-size: 18px;
		margin-top: 10px;
		font-weight: bold;
	}
	.destination_wrap::-webkit-scrollbar{
		display: none;
	}
	.button_group{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.button_group a{
		flex-basis: 50%;
		text-decoration: none;
		text-align: center;
	}
	.button_group a button{
		width: 95%;
		padding: 10px 10px 10px 10px;
		background:none;
	}	
	.button_group .mob_book_btn{
		border: 3px solid #1990ef;
	    border-radius: 5px;
	    color: #fffefe;
	    background: #1990ef;
	    transition: 0.5s;
	}
	.button_group .mob_book_btn:hover{
		font-weight: bold;
		opacity: 0.4;
	}
	.button_group .mob_details_btn{
		border: 3px solid #3a9afd;
		border-radius: 5px;
		color: #fffefe;
		background: #3a9afd;
		transition: 0.5s;	
	}
	.button_group .mob_details_btn:hover{
		font-weight: bold;
		opacity: 0.4;
	}
}
/*---------------galary------------*/
#gallery{
	width: 100%;
	padding: 80px 0;
}
.gallery-box{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.single-img{
	flex-basis: 48%;
	text-align: center;
	border-radius: 7px;
	margin-bottom: 20px;
	color: #fff;
	position: relative;
}

.single-img img{
	width: 100%;
	height: 300px;
	border-radius: 7px;
}
.gallery-overlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	border-radius: 7px;
	cursor: pointer;
	background: linear-gradient(rgb(0 0 0 / 55%), #3a9afd);
	opacity: 0;
	transition: 1s;
}
.single-img:hover .gallery-overlay{
	opacity: 1;
}
.gallery-desc{
	width: 80%;
	position: absolute;
	bottom: 40%;
	left: 50%;
	opacity: 0;
	transform:  translateX(-50%);
	transition: 1s;
}
.gallery-desc hr{
	background-color: #fff;
	height: 2px;
	border:0;
	margin: 15px auto;
	width: 60%;
}
.gallery-desc p{
	font-size: 14px;
}
.single-img:hover .gallery-desc{
	bottom: 40%;
	opacity: 1;
} 
.see_more_btn{
	
	border: 2px solid #006bbf;
    padding: 10px 40px 10px 40px;
    margin-right: 10px;
    border-radius: 1px;
    color: #006bbf;
    background:none;
    position: relative;
}
.see_more_btn span{
	width:0%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #006bbf;
	z-index:-1;
	transition: 0.5s;
}
.see_more_btn:hover span{
	width: 100%;
}
.see_more_btn:hover{
	color: #fff;
}
@media screen and (max-width: 770px){
	#gallery{
		width: 100%;
		padding: 50px 0;
		overflow-x: hidden;
	}
	 .single-img{
	 	flex-basis: 100%;
	 	margin-bottom: 30px;
	 }
	 .single-img img{
	 	height: 200px
	 }
	 .gallery-desc h3{
	 	font-size: 15px;
	 }
	 .gallery-desc p{
		font-size: 12px;
	}
	hr{
		margin: 5px auto;
	}
	.single-img:hover .gallery-desc{
		bottom: 20% !important;
	}
	.see_more_btn{
		border: 2px solid #006bbf;
	    padding: 10px 40px 10px 40px;
	    border-radius: 1px;
	    color: #fff;
	    background:#006bbf;
	    transition: 1s;
	}
	.see_more_btn span{
		display: hide;
	}
	.see_more_btn:hover{
		background-color: #fff;
		color:#006bbf; 
	}
}
/*------------review-----------------*/
#review{
	width: 100%;
	padding: 80px 0;
	background: #f2f3f5;
}
.desktop_review{
	display: block;
}
#review_slider{
	display: block;
}
.mobile_review{
	display: none;
}
.review_box_row{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.review_box_col{
	flex-basis: 48%;
	text-align: center;
	border-radius: 7px;
	margin-bottom: 20px;
}
#review_slider{
	display: block;
}
.mb_rv_wraper{
	display: none;
}
.arrow-left img{
	width: 20px;
	transform: rotate(180deg);
}
.arrow-right img{
	width: 20px;
}
.sinle_review{
	width: 80%;
	margin: auto;
	display: flex;
	padding: 20px;
	flex-wrap: wrap;
	justify-content: space-around;
}
.user_review{
	flex-basis: 80%;
	padding: 10px;
	text-align: center;
	border-radius: 7px;
	margin-bottom: 20px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
}
.user_review h1{
	color:#3a9afd; 
}
.user_review h3{
	font-size: 20px;
}
.user_review p{
	font-size: 15px;
}

.review_box_col form{
	text-align: left;
	width: 100%;
	padding: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
}
.review_box_col form h3{
	font-size: 25px;
}
.review_box_col form p{
	font-size: 12px;
	color: #0000006e;
}
.review_box_col form .input_kan{
	width: 100%;
	padding: 7px;
	background:none;
	border-left: 4px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom:none;
	outline: none;
	margin-bottom: 10px;
	transition: 0.5s;
}
.review_box_col form .input_kan:focus{
	border-radius:10px;
	border-right: 4px solid #3a9afd;
}
.review_star ul{
	display: flex;
	flex-direction: row;
} 
.review_star ul li{
	list-style: none;
	font-size: 28px;
	padding-left: 10px;
	cursor: pointer;
}
 .active_star{
	color:#3a9afd; 
}
.mouseHover{
	color:yellow;
}
.review_message textarea{
	width: 100%;
	height: 80px;
	border-left: 5px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom: none;
	background:none;
	padding: 10px;
	outline: none;
	transition: 0.5s;
}

.review_message textarea:focus{
	border-right:5px solid #3a9afd;
	border-radius: 10px;
}
.review_btn_grp{
	margin-top: 20px;
	text-align: center;
}
.review_btn_grp a{
	border:2px solid #3a9afd;
	padding: 10px 40px 10px 40px;
	border-radius: 1px;
	color: #fff;
	background: #3a9afd;
	position: relative;
	transition: 0.7s;
}
.review_btn_grp a:hover{
	background: none;
	color: #3a9afd;
	border-radius: 10px;
}
@media screen and (max-width: 770px){
	.mobile_review{
		display: block;
	}
	#review_slider{
		display: none;
	}
	.mb_rv_wraper{
		border: none;
		display: flex;
		padding: 10px;
		overflow-x: auto;
	}
	.review_box_col{
		flex-basis: 100%;
		text-align: center;
		border-radius: 7px;
		margin-bottom: 20px;
	}
	.from_rev_box{
		width: 100%;
		padding: 30px;
		transition:transform .5s; 
		-webkit-box-shadow: 0px 6px 6px 1px rgba(143,128,123,0.83);;
		-moz-box-shadow: 0px 6px 6px 1px rgba(143,128,123,0.83);
   		box-shadow: 0px 6px 6px 1px rgba(143,128,123,0.83);
	}
	.input_mb{
		width: 100%;
		padding: 7px;
		background:none;
		border-left: 4px solid #3a9afd;
		border-right: none;
		border-top:none;
		border-bottom:none;
		outline: none;
		margin-bottom: 10px;
		transition: 0.5s;
	}
	.mb_rv_wraper .re_item{
		background-color: #fff;
		padding: 10px;
		min-width: 300px;
		border-radius: 5px;
		cursor: pointer;
		margin-right: 10px;
		text-align: center;
		transition:transform .5s; 
		-webkit-box-shadow: 0px 6px 6px 1px rgba(143,128,123,0.83);;
		-moz-box-shadow: 0px 6px 6px 1px rgba(143,128,123,0.83);
   		box-shadow: 0px 6px 6px 1px rgba(143,128,123,0.83);
	}
	.mb_rv_wraper::-webkit-scrollbar{display: none;}
	.mb_rv_wraper::-moz-scrollbar{display: none;	}
	.mb_rv_wraper::-o-scrollbar {display:none;} /* opera */
	.mb_rv_wraper::-google-ms-scrollbar {display:none;}
	.mb_rv_wraper::-khtml-scrollbar {display:none;}
}
/*----------------------contact part----------------------*/
#contact{
	width: 100%;
	padding: 80px 0;
}
.contact_row{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.contact_col{
	flex-basis: 48%;
	text-align: center;
	border-radius: 7px;
	margin-bottom: 20px;
	position: relative;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
}
.contact_col form{
	text-align: left;
	width: 100%;
	padding: 30px;
	border-radius: 5px;
}
.contact_col form h2{
	font-size: 25px;
	text-align: center;
}
.contact_col form p{
	font-size: 12px;
	text-align: center;
}
.contact_col form .contact-username{
	padding-bottom: 10px;
}
.contact_col form .contact-username input{
	width: 100%;
	padding: 7px;
	background:none;
	border-left: 4px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom:none;
	outline: none;
	margin-bottom: 10px;
	transition: 0.5s;
}
.contact_col form .contact-username input:focus{
	border-right:5px solid #3a9afd;
	border-radius: 10px;
}
.contact_col form .contact-email{
	padding-bottom: 10px;
}
.contact_col form .contact-email input{
	width: 100%;
	padding: 7px;
	background:none;
	border-left: 4px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom:none;
	outline: none;
	margin-bottom: 10px;
	transition: 0.5s;	
}
.contact_col form .contact-email input:focus{
	border-right:5px solid #3a9afd;
	border-radius: 10px;
}
.contact_col form .contact-phone{
	padding-bottom: 10px;
}
.contact_col form .contact-phone input{
	width: 100%;
	padding: 7px;
	background:none;
	border-left: 4px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom:none;
	outline: none;
	margin-bottom: 10px;
	transition: 0.5s;	
}
.contact_col form .contact-phone input:focus{
	border-right:5px solid #3a9afd;
	border-radius: 10px;
}
.contact_col form .contact-message textarea{
	width: 100%;
	padding: 7px;
	background:none;
	border-left: 4px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom:none;
	outline: none;
	margin-bottom: 10px;
	transition: 0.5s;	
}
.contact_col form .contact-message textarea:focus{
	border-right:5px solid #3a9afd;
	border-radius: 10px;
}
.contact-send{
	text-align: center;
}
.contact-send a{
	border:2px solid #3a9afd;
	padding: 10px 40px 10px 40px;
	border-radius: 1px;
	color: #fff;
	background: #3a9afd;
	position: relative;
	transition: 0.7s;	
}
.contact-send a:hover{
	background: none;
	color: #3a9afd;
	border-radius: 10px;
}
.contact_col iframe{
	border:0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 770px){
	.contact_col{
	flex-basis: 100%;
	text-align: center;
	border-radius: 7px;
	margin-bottom: 20px;
	position: relative;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
	}
}
/*-------------------footer-------------------*/
#footer{
	width: 100%;
	padding-top: 80px;
	background: #efefef;
	position: relative;
}
.footer-row{
	width: 80%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.footer-col{
	flex-basis: 33%;
	text-align: justify-all;
}
.footer-col ul li{
	list-style: none;
	font-weight: bold;
	padding: 10px;
	width: 100%;
}
.footer-col ul li a:hover{
	color: #3a9afd;	
}
.footer-col h3{
	text-align: center;
    font-size: 20px;
    color: #456879;
    font-weight: bold;
}
.footer-img{
	max-width: 200px;
    opacity: 0.1;
    position: absolute;
    left: 50%;
    top: 19%;
    transform: translate(-50%, -50%);
}
.social-link{
	text-align: center;
}
.social-link .fa{
	height: 40px;
	width: 40px;
	font-size: 20px;
	line-height: 40px;
	border:1px solid #3a9afd;
	margin: 40px 5px 0;
	color: #3a9afd;
	cursor: pointer;
	transition: 0.8s;
	padding-bottom: 10px;
}
.social-link .fa:hover{
	background:#3a9afd;
	color: #fff;
	transform: translateY(-7px);
}
.last-foot{
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 80%;
	margin: auto;
}
.tcarddeal span{
	opacity: 0.5;
}
.tcarddeal span a:hover{
	color: #3a9afd;
}
.tcarddeal{
	text-align: right;
}
@media screen and (max-width: 770px){
	.footer-col{
		flex-basis: 100%;
	}
	.tcarddeal{
		text-align: center;
	}
	.tcarddeal span{
		font-size: 12px;
	}
	.footer-img{
	    top: 9%;
	}
}
/*-----------------error-------------------*/
#error{
	width: 100%;
    padding: 150px 0;
    position: relative;
}

.error-img{
    width: 300px;
    opacity: 0.2;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/*-----------------destination----------------*/
#destination_page{
	width: 100%;
}
.des_row{
	width: 90%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;	
}
.des_row .des_img{
	flex-basis: 60%;
	text-align: justify-all;	
}
.destination_main_image{
	width: 100%;
	height: 500px;
}
.des_row .des_detils{
	flex-basis: 35%;
	text-align: justify-all;	
}
.des_row .des_detils .maindetailes{
	width: 100%;
	padding: 10px;
}
.des_row .des_detils .maindetailes .card{
	padding: 20px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
}
.des_row .des_detils .maindetailes h5{
	font-size: 25px;
	font-weight: bold;
	color: #123f56db;
}
.des_row .des_detils .maindetailes .rupees{
	font-size: 25px;
	color: #2f5568;
}
.des_row .des_detils .maindetailes .dt-h{
	font-size: 18px;
	font-weight: bold;
	color: #123f56db;
}
.des_row .des_detils .maindetailes .fa-inr{
	font-weight: bold;
	font-size: 28px;
	color:#34ad00;
}
.des_row .des_detils .maindetailes .qt{
	font-weight: bold;
	color: #999;
}
.des_row .des_detils .btn_grp {
	width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}
.des_row .des_detils .btn_grp a{
	flex-basis: 32%;
    text-decoration: none;
    text-align: center;
    outline: none;
}
.des_row .des_detils .btn_grp a button{
	width: 100%;
	padding: 10px;
	font-size: 13px;
	outline: none;
}
.des_row .des_detils .btn_grp .main_book_btn{
	border:2px solid #34ad00;
	border-radius: 3px;
	background: #34ad00;
	color: #fff;
	transition: 0.5s;
}
.des_row .des_detils .btn_grp .main_book_btn:hover{
	border:2px solid #34ad00;
	border-radius: 3px;
	background: none;
	color: #34ad00;
	border-radius: 10px;
}
.des_row .des_detils .btn_grp .more_detail_btn{
	border: 2px solid #2f5568;
    border-radius: 3px;
    background: #2f5568;
    color: #fff;
    transition: 0.5s;
}
.des_row .des_detils .btn_grp .more_detail_btn:hover{
	border:2px solid #2f5568;
	border-radius: 3px;
	background: none;
	color: #2f5568;
	border-radius: 10px;
}
.des_row .des_detils .btn_grp .main_call_btn{
	    border: 2px solid #3a9afd;
    border-radius: 3px;
    background: #3a9afd;
    color: #fff;
    transition: 0.5s;
}
.des_row .des_detils .btn_grp .main_call_btn:hover{
	border:2px solid #3a9afd;
	border-radius: 3px;
	background: none;
	color: #3a9afd;
	border-radius: 10px;
}
.destination_about{
	width: 85%;
	margin: auto;
	padding: 80px 0;
}
.destination_comment{
	width: 85%;
	margin: auto;
	padding: 20px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
}
.destination_comment .form_coment textarea {
	width: 100%;
	padding: 10px;
	border-left: 3px solid #3a9afd;
	border-right: none;
	border-bottom: none;
	border-top: none;
	outline: none;
	transition: 0.5s;
}
.destination_comment .form_coment button{
	padding: 10px;
	width: 150px;
	border:2px solid #3a9afd;
	background:#3a9afd;
	color: #fff;
	transition: 0.5s;
}
.destination_comment .form_coment button:hover{
	border-radius: 10px;
	border:2px solid #3a9afd;
	background:none;
	color: #3a9afd;
}
.destination_about h4{
	color: #123f56db;
	font-size: 25px;
	font-weight: bold;
}
.destination_comment .form_coment textarea:focus {
	width: 100%;
	padding: 10px;
	border-left: 3px solid #3a9afd;
	border-right: 3px solid #3a9afd;
	border-radius: 10px;
	outline: none;
}
.comment_view{
	width: 85%;
	margin: auto;
	padding: 60px 0;	
}
.comment_view .user{
	padding: 10px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
}
.comment_view .user span{
	color: #123f56db;
	font-weight: bold;
	font-size: 15px;
}
#slider_des_page{
	width: 100%;
}
#slider_des_page img{
	width: 100%;
	height: 80%;
	border-radius: 10px;
}
@media screen and (max-width: 770px){
		
	#slider_des_page img{
		height: 100%;
		height: 100%;
	}
	.des_row .des_img{
		flex-basis: 100%;
		text-align: justify-all;	
	}
	.des_row .des_detils{
		flex-basis: 100%;
		text-align: justify-all;	
	}	
	.more_detail_btn{
		display: none;	
	}
	.destination_main_image{
		width: 100%;
		height: 200px !important;
	}
	.des_row .des_detils .btn_grp a{
		flex-basis: 48%;
	    text-decoration: none;
	    text-align: center;
	    outline: none;
	}
	.destination_comment .form_coment button {
	    padding: 5px;
	    width: 100px;
	    border: 2px solid #3a9afd;
	    background: #3a9afd;
	    color: #fff;
	    transition: 0.5s;
	}
}
/*---------------booking-------------------*/
#book{
	width: 100%;
	padding: 80px 0;
}
.book_form{
	width: 50%;
	margin: auto;	
	padding: 20px;
	-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
	box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
}
.book_form form input{
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border-left: 3px solid #3a9afd;
	border-right: none;
	border-top:none;
	border-bottom: none;
	outline: none;
	transition: 0.5s;
}
.book_form button{
	border: 2px solid #3a9afd;
	background: #3a9afd;
	width: 150px;
	padding: 10px;
	border-radius: 2px;
	color: #fff;
	transition: 0.5s;
}
.book_form button:hover{
	background: none;
	color: #3a9afd;
	border-radius: 10px;
}
.book_form form input:focus{
	border-right: 3px solid #3a9afd;
	border-radius: 10px; 
}
@media screen and (max-width: 770px){
	.book_form{
		width: 80%;
		margin: auto;	
		padding: 10px;
		-webkit-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
		-moz-box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);
		box-shadow: 9px 7px 24px 0px rgba(143,128,123,0.83);	
	}	
}