/*
Author       : Masum Billah.
Template Name: Nour - Tour & Travel Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. START BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START SERVICE DESIGN
    05. START WHY CHOOSE DESIGN
    06. START SPECIAL PACKAGE DESIGN
    07. START TOP DEALS DESIGN
    08. START DEALS & DISCOUNT DESIGN
    09. START GALLERY DESIGN
    10. START BLOG DESIGN
    11. START TESTIMONIAL DESIGN
    12. START COMPANY PARTNER LOGO
    13. START CONTACT DESIGN
    14. START FOOTER DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Material+Icons&display=swap'); */

html,body{
	overflow-x: hidden;
}
/* price table css start */
table { 
	width: 750px; 
	border-collapse: collapse; 
	margin:50px auto;
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	background: #eee; 
	}

td { 
	padding: 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
	}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	table, tbody, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}
/*price table css end */
body {
	color: #666;
	font-family: 'Nunito', sans-serif;
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
	overflow-x: hidden;
	position: relative;
}

html,
body {
	height: 100%;
}

h1,
h2,
h3,
h5 {
	margin-top: 0px;
	font-family: 'Nunito', sans-serif;
	color: #333;
	font-weight: 700;
	line-height: normal;
}

a {
	text-decoration: none;
	transition: all 0.2s ease 0s;
}
/* yaha pr changes kiye hai */
a:not(.btn,.float-1,.float),
a:not(.btn,.float-1,.float):hover,
a:not(.btn,.float-1,.float):focus {
	/* color: blue !important; */
	text-decoration: underline;
	font-weight: bold;
	/* font-size: 18px; */
}

p {
	margin-bottom: 15px;
}

.row>* {
	padding-left: 15px;
	padding-right: 15px;
}

ul,
li {
	margin: 0;
	padding: 0;
}

/*START PRELOADER DESIGN*/

@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*END PRELOADER DESIGN*/
.section-padding {
	padding: 30px 0
}

/*START SECTION TITLE DESIGN*/
.section-title {
	margin-bottom: 60px;
}

.section-title h2 {
	margin-top: 0;
	position: relative;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 1.3;
	margin-bottom: 0px;
	color: #6168FF;
}


.section-title {
	position: relative;
}

span.bg_title_text {
	line-height: 1;
	top: -10px;
	position: absolute;
	text-transform: uppercase;
	z-index: -1;
	font-weight: 900 !important;
	font-size: 73px;
	color: #efefef;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
}

.section-title p {
	font-size: 27px;
	margin-bottom: 0;
	line-height: 38px;
	color: #333;
}

/*END SECTION TITLE DESIGN*/
/*START SCROLL TO TOP*/

/*END SCROLL TO TOP*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 02.START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/

#navigation {
	padding: 10px 0 0px;
	border-bottom: 1px solid rgb(247, 243, 243, 0.4);
	background-color: #fff;
}

/*-------------------------------
# dropdwon menu 
--------------------------------*/


@media only screen and (max-width:767px) {
	.navbar-brand {
		padding-top: 20px;
	}
}

/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

.home-slider {
	margin-top: 90px;
}


.home-slider .btn-home-bg:hover,
.home-slider .btn-home-bg:focus {
	background-color: transparent;
	color: #fff;
	border-color: #ffff;
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* .btn-home-bg {
	background-color: #6168FF;
	border: 2px solid #6168FF;
	border-radius: 4px;
	color: #fff;
	font-size: 13px;
	padding: 13px 30px;
	transition: all 0.3s ease 0s;
	font-weight: 700;
	text-transform: uppercase;
} */
 /* yaha pe changes kiya hai  */

.btn-home-bg {
background-color: #4148D4; 
border: 2px solid #4148D4; 
border-radius: 4px; 
color: #F8F8FF; 
font-size: 16px; 
padding: 13px 30px; 
transition: all 0.3s ease 0s; 
font-weight: 700; 
text-transform: uppercase;
}
 

.btn-home-bg:hover,
.btn-home-bg:focus {
	background: #333;
	border-color: #333;
	color: #fff;
	outline: 0;
}
/* yaha pe changes kiye hai  */
.hero-text {
	padding-top: 160px;
}


.hero-text p {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 17px;
}

.hero-text h1 {
	color: #fff;
	font-size: 55px;
	margin-bottom: 50px;
	line-height: 1.4;
	text-transform: capitalize;
}

@media only screen and (max-width:480px) {
	.hero-text p {
		color: #fff;
		margin: auto;
		width: 90%;
		margin-bottom: 25px;
	}
}
 /* Hero Text Styling */
/* .hero-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    background: rgba(0, 0, 0, 0.5); 
    padding: 20px;
    border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.hero-text p {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}

.hero-text h1 {
    color: #fff;
    font-size: 55px;
    margin-bottom: 30px;
    line-height: 1.2;
    text-transform: capitalize;
}

@media only screen and (max-width: 768px) {
    .hero-text {
        width: 90%;
        padding: 15px;
		height: fit-content;
    }

    .hero-text p {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .hero-text h1 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .btn-home-bg {
        font-size: 14px;
        padding: 8px 15px;
    }
}

@media only screen and (max-width: 480px) {
    .hero-text {
        width: 95%;
        padding: 10px;
    }

    .hero-text p {
        font-size: 14px;
        line-height: 22px;
    }

    .hero-text h1 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .btn-home-bg {
        font-size: 12px;
        padding: 6px 12px;
    }
}
 */

@media only screen and (max-width:820px) {}


/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 04.START SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/



.service {
	background-color: #fff;
	margin-bottom: 30px;
	/* transition: all 0.4s ease 0s; */
	padding: 35px 35px 20px;
	border-radius: 5px;
	transition: .5s;
	background-color: #F4F9FF;
}


/*
* ----------------------------------------------------------------------------------------
* 04.END SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 05.START WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/


.single_choose .material-icons {
	font-size: 60px;
	color: #6168FF;
}

.single_choose h3 {
	font-size: 18px;
	margin-bottom: 15px;
}

.mrb40 {
	margin-bottom: 40px;
}

.choose_img {
	position: relative;
	margin-left: 30px;
	box-shadow: 18px 18px 26px 0 rgba(0, 1, 1, .2);
}

/*
* ----------------------------------------------------------------------------------------
* 06.START COUNTER UP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*END COUNTER*/
/*
 * ----------------------------------------------------------------------------------------
 * 05.END WHY CHOOSE US DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 *  06.START SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

#special_package {
	padding-top: 0px;
	padding-bottom: 30px;
}

.single_package {
	margin: 0 0px 30px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	border-radius: 4px;
	border: 1px solid #ebe6de;
}

.pack_image {
	position: relative;
	transition: .5s;
	overflow: hidden;
}
/* yaha pr changes kiya hai */
.pack_price {
	color: #F8F8FF;
	font-size: 16px;
	position: absolute;
	top: -26px;
	right: 10px;
	background-color:  #4148D4;
	border: 2px solid #4148D4;
	font-weight: 700;
	display: inline-block;
	z-index: 9;
	text-align: center;
	border-radius: 30px;
	padding: 9px 18px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
	transition: all 0.3s ease 0s;
	text-transform: uppercase;
}

/* background-color: #4148D4; 
border: 2px solid #4148D4; 
border-radius: 4px; 
color: #F8F8FF; 
font-size: 16px; 
padding: 13px 30px; 
transition: all 0.3s ease 0s; 
font-weight: 700; 
text-transform: uppercase; */

.single_package:hover .pack_price {
	background-color: #212a42;
	color: #fff;
}

.package-hover .tour-rating {
	color: #fec42d;
	margin-bottom: 9px;
}

.single_package .package-hover {
	padding: 30px;
	position: relative;
}

.single_package img {
	width: 100%;
	position: relative;
}

.single_package h5 {
	font-size: 18px;
	margin-bottom: 15px;
	text-transform: capitalize;
	font-weight: 700;

}

.single_package .rating {
	margin-bottom: 3px;
}


.single_package .pac-meta i {
	color: #333;
}

.psingle-meta {
	margin-right: 5px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 06.END SPECIAL PACKAGE DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.END GALLERY DESIGN
* ----------------------------------------------------------------------------------------
*/


/*
* ----------------------------------------------------------------------------------------
* 06.END COUNTER UP DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 07.START TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */

.tour-rating {
	color: #fec42d;
}

.tour-rating {
	font-size: 13px;
}

/*
 * ----------------------------------------------------------------------------------------
 * 07.END TOP DEALS DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 08.START DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*END SINGLE TOUR DETAILS*/
/*
* ----------------------------------------------------------------------------------------
* 08.END DEALS & DISCOUNT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 10.START BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */

img {
	max-width: 100%;
	display: block;
}

/*END BLOG SINGLE PAGE DESIGN*/

/*START BLOG SIDEBAR*/

.tag a {
	margin-bottom: 10px;
	margin-right: 5px;
}

/*END BLOG SIDEBAR*/


/*
 * ----------------------------------------------------------------------------------------
 * 10.END BLOG DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
 * ----------------------------------------------------------------------------------------
 * 11.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/


/*
 * ----------------------------------------------------------------------------------------
 * 11.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 12.START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
*  12.END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 13.START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

.btn-contact-bg {
	background-color: #6168FF;
	border: 2px solid #6168FF;
	color: #fff;
	font-size: 13px;
	padding: 12px 30px;
	text-transform: uppercase;
	transition: all 0.3s ease 0s;
	font-weight: 700;
	border-radius: 4px;
	display: inline-block;
}


.btn-contact-bg:hover,
.btn-contact-bg:focus {
	background: #211E3B;
	border: 2px solid #211E3B !important;
	color: #fff;
	box-shadow: inherit;
}

.subscribe-form button {
	margin-top: 10px;
}

.subscribe-form button:hover,
.subscribe-form button:focus {
	background-color: #fff;
	border-color: #fff;
	color: #333;
}

/*
* ----------------------------------------------------------------------------------------
* 14.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/



.footer {
	padding: 250px 0 40px;
	background-color: #00102A;
	color: #fff;
	clip-path: polygon(0 250px, 100% 0, 100% 100%, 0% 100%);

}

.footer-top {
	margin-bottom: 30px;
	border-bottom: 1px solid rgb(247, 243, 243, 0.3);
	padding-top: 30px;
	padding-bottom: 30px;
}

.cont_info i {
	margin-right: 20px;
	float: left;
}

.cont_info span {
	display: block;
	overflow: hidden;
}

.footer ul li a {
	font-weight: 400;
	color: #fff;
}

.copyright_text,
.copyright_text a:hover,
.copyright_text a:focus {
	color: #fff;
}

.copyright_text a {
	font-weight: 700;
}

.foot-logo {
	margin-bottom: 25px;
}

.foot-logo img {
	width: 120px;
}

.footer .fot-title {
	position: relative;
	margin-bottom: 26px;
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
}

.footer ul {
	list-style-type: none;
}

.footer ul li {
	line-height: 32px;
}

.footer .copyright {
	padding-top: 30px;
}

.footer .copyright p {
	margin-bottom: 0;
	font-weight: 600;
}

.footer-bottom p {
	margin-bottom: 0;
	font-size: 15px;
}

.footer ul {
	list-style-type: none;
}

.footer ul li {
	line-height: 32px;
	position: relative;
}

.footer ul li a {
	font-weight: 400;
}

.footer a {
	transition: .5s;
}

.footer a:hover,
.footer a:focus {
	color: #6168FF;
}

.foot_social_link {
	margin-top: 19px;
	display: block;
}

.foot_social_link li {
	display: inline-block;
	margin: 0 7px;
}

.footer .foot_social_link li a {
	font-size: 18px;
	color: #6168FF;
	transition: .5s;
}

.footer .foot_social_link li a:hover,
.footer .foot_social_link li a:focus {
	color: #fff;
}

.copyright_text a {
	color: #fff;

}


/* .footerLogo{
	background-color: white;
	width: fit-content;
	width: 150px;
	aspect-ratio: 1/1;
	margin-bottom: 1rem;
	mask-image: url(../img/logo-1.png);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
} */
/*
* ----------------------------------------------------------------------------------------
* 14.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.Tour Details DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 15.START BLOG DESIGN
* ----------------------------------------------------------------------------------------
*/

/* Comment Style */

/* Signle Service */

/* header css */
/* =====================================infoBlockTable */
.infoBlockTable{
	border-collapse: collapse;
	width: 100%;
	text-transform: capitalize;
	max-width: 1000px;
	margin: 1rem auto;
}
.infoBlockTable td , .infoBlockTable th{
	border: 1px solid black;
}
.infoBlockTable th{
	padding: 10px;
	text-align: left;
	font-size: 1.4rem;
}
.infoBlockTable td:nth-child(2){
	white-space: nowrap;
}
.infoBlockTable td ul{
	padding-left: 1rem;
}


/* =============================pdfBox */

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px){
	.infoBlockTable tr{
		display: table-row;
	}
	.infoBlockTable td{
		display: table-cell;
  padding: 4px;
  font-size: 12px;
  /* width: 50px; */
	}
	.infoBlockTable tr td:nth-child(3){
		width: 100%;
	}
	.infoBlockTable tr td:nth-child(2){
		max-width: 50px;
		text-wrap: wrap;
		text-align: center;
	}
	/* .infoBlockTable td:nth-child(1){
		min-width: 150px;
	} */
}
/* ================================footer css */
/* yaha pe changes kiya hai  */
.footerBottomLinks a{
	color:white;
	text-decoration: none;
}
.footerBottomLinks span{
color: white;
}

/* =================================contactContent*/
.contactContent{
	margin-top: max(5vw,1rem);
}
.contactContent p{
	color: black !important;
	opacity: 1;
	font-size: 1.2rem;
}
.contactContent p span{
	font-weight: bold;

}
.contactButtons a{
	text-decoration: none;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	font-size: 1.2rem;
	color: white !important; 
	padding: 0.2rem 0.8rem;
	border-radius: 5px;
	border: 1px solid white;
	box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.171);
}
.contactButtons a:hover{
	text-decoration: none !important;
	color: white !important;
}
.contactButtons a.call{
	background-color: red;
}
.contactButtons a.whatsapp{
	background-color: #25D366;

}
/* Responsive Design */


@media only screen and (max-width:1199px) {

	
	.footer-widget {
		margin-bottom: 30px;
	}

	.why_choose .section-title {
		margin-top: 40px;
	}

}

@media only screen and (max-width: 991px) {

	#navigation {
		padding: 10px 0 20px;

	}

	.choose_img {
		margin-left: 0;
		margin-top: 40px;
	}

	
	.footer-widget {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 767px) {

	#navigation ul li ul,
	#navigation ul {
		transition: .0;
	}

	.why_choose img {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 575px) {

	.hero-text {
		padding-top: 172px;
	}

	.hero-text h1 {
		font-size: 40px;
		margin-bottom: 25px;
		line-height: 56px;
	}

}