/* Media query CSS */
@media (min-width: 768px) and (max-width: 991px) {
	#hero-bg {
       padding: 6rem 6rem !important;
    }
	.slider-content-box h4 {
       font-size: 16px !important;
    }
	.slider-content-box p {
       font-size: 14px !important;
    }
	.tabs-scroll {
		flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: normal !important;
	}
	.nav-pills .category-box {
        min-width: fit-content !important;
    }
	.control-left {
        width: 8% !important;
    }
	.control-right {
        width: 8% !important;
    }
	#key-spots-bg {
        background-size: auto !important;
    }
	.Upcoming-event-box .event-img {
        height: 85px;
    }
	.traveller-rating-box .dott-icon {
        margin-top: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
	.traveller-rating-box span {
        font-size: 10px !important;
    }
	.traveller-rating-box .star-icon {
        width: 10px !important;
        margin-top: 0px !important;
        margin-right: 0px !important;
    }
	.traveller-content-box {
        padding: 5px 5px !important;
    }
	.traveller-content-box h4 {
        font-size: 14px !important;
    }
	.traveller-price-box p strong {
		font-size: 14px !important;
	}
	.footer-logo {
		
	}
    .footer-paragraph p {
        font-size: 14px !important;
    }
	.footer-title-box h2 {
        font-size: 18px !important;
    }
	.footer-title-box img {
        margin-left: 1rem !important;
    }
	.footer-media-icon img {
		width: 20px;
	}
}
@media (min-width: 991px) and (max-width: 1199px) {
	#hero-bg {
       padding: 8rem 6rem !important;
    }
	.control-left {
        width: 6% !important;
    }
	.control-right {
        width: 6% !important;
    }
	.Upcoming-event-box .event-img {
        height: 85px;
    }
	.footer-media-icon img {
        width: 20px;
    }
	.tabs-scroll {
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: center !important;
    }
}
@media (min-width: 1199px) and (max-width: 1200px) {
	#hero-bg {
       padding: 12rem 6rem !important;
    }
}



/* Navbar Section CSS */
.bg-custom {
	background-color: #FF9A00;
}
.currency-drop-btn {
	background-color: #FFB23D;
    border: transparent;
    border-radius: 50px;
	color: white;
 }
 .cuntry-drop-btn {	  
    background-color: #FFB23D;
    border: transparent;
    border-radius: 50px;
    color: white;
    padding-left: 5px;
    padding-right: 7px;
    align-items: center;
    display: flex;
 }
 .login-drop-btn {	  
    background-color: #FFB23D;
    border: transparent;
    border-radius: 50px;
    color: white;
    padding-left: 6px;
    padding-right: 8px;
	padding-top: 1px;
    padding-bottom: 8px;
    align-items: center;
    display: flex;
 }
 .currency-drop-btn:hover {	  
    background-color: #FFB23D !important;
	color: white !important;
 }
 .cuntry-drop-btn:hover {	  
    background-color: #FFB23D !important;
    color: white !important;
 }
 .login-drop-btn:hover {
	background-color: #FFB23D !important;
    color: white !important;
 }
 .drop-currency-menu {	  
    min-width: auto;	  
	top: 42px !important;	  
	background-color: #01323d;
 }
 .drop-currency-menu li a {	  
    width: 90px;
    padding: 4px 10px;
    color: white;
 }
 .drop-cuntry-menu {	  
    min-width: auto;	  
	left: -55px !important;	  
	top: 42px !important;	 
	background-color: #01323d;
 }
 .drop-cuntry-menu li a {	  
    width: 110px;	  
	padding: 4px 10px;	  
	color: white;
 }
 .drop-login-menu {	  
    min-width: auto;	  
	left: -55px !important;	  
	top: 42px !important;	  
	background-color: #01323d;
 }
 .drop-login-menu li a {	  
    /*width: 110px;*/	  
	padding: 4px 10px;	  
	color: white;
 }
 .login-drop-btn img {	  
    margin-left: 2px;
 }
 .drop-item:hover {	  
    background-color: #01323d !important;	  
	color: white !important;
 }
 .login-menu-line {	  
    border: 1px solid white;	  
	margin: 2px 0;
 }
  
  
/* Hero Section CSS */
#hero-bg {
	background-image: url("../images/hero_bg_img.png");
	background-repeat: no-repeat;
    background-size: cover;
	padding: 15rem 6rem;
	height: auto;
}
.search-box-sec {
    background: white;
    padding: 10px 15px;
    border-radius: 10px;
}
.search-bar-box {
    display: flex;
    align-items: center;
	width: 100%;
}
.search-bar {
    text-align: left;
    border-bottom: 1px solid;
    background: transparent;
    border: none;
    box-shadow: none;
    font-size: 16px;
}
.search-bar:focus {
    box-shadow: none !important;
}
.search-btn-sec {
    padding: 6px 15px 6px 15px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    background-color: #555EF2;
    color: white;
	width: 150px;
}
.search-btn-sec:hover {
    padding: 6px 15px 6px 15px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    background-color: #555EF2;
    color: white;
	width: 150px;
}
.search-title {
	color: white;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 2rem;
	font-size: 35px;
}


/* Why Choose Section CSS */
#choose-us-bg {
    background-color: #F8F8F8;
}
.title-box {
    text-align: center;
}
.title-box h2 {
    font-weight: 700;
    font-size: 22px;
	margin-bottom: 0;
}
.indicators-slide {
    bottom: -20px;
    margin: 0 auto;
}
.slider-content-box {
	background: white;
    border: 1px solid #E7E9ED;
    border-radius: 12px;
    border-bottom: 1px solid #E7E9ED !important;
	padding: 15px 15px;
	height: 100%;
}
.indicators-slide .d-active {
    background-color: #E2E3E4;
    border-radius: 80%;
    width: 10px;
    height: 10px;
    border: none;
}
.indicators-slide .active {
    background-color: #FF9A00 !important;
}
.slider-content-box h4 {
    font-size: 18px;
	font-weight: 700;
}
.slider-content-box p {
    color: #667085;
    font-size: 16px;
	margin-bottom: 0;
}


/* What you like Section CSS */
.nav-pills .nav-link.active {
    background: #FFF9F0;
    border: 2px solid #FF9A00 !important;
    border-radius: 10px;
    color: #ff9a00;
}
.category-box a h2 {
    font-size: 16px;
}
.nav-pills .nav-link {
    color: #667085;
    border: 2px solid #D0D5DD !important;
}
.nav-pills .category-box {
    margin-right: 12px;
	min-width: fit-content;
}
.card-content h4 {
    font-size: 18px;
}
.card-content p {
    font-size: 14px;
}
.card-content p span {
    color: black;
    font-weight: 500;
}
.card-content p strong {
    color: orange;
    font-size: 16px;
}
.rating-box-sec {
    background: #627175;
    display: flex;
    align-items: center;
    top: 10px;
    right: 10px;
    border-radius: 5px;
    padding: 2px 5px;
}
.tab-card-box {
    border-radius: 8px;
}
.control-icon-right {
    background-image: url("../images/chevron_right.png") !important;
	border: 3px solid #C3C9D1;
    border-radius: 7px;
    background-size: 10px;
    height: 40px;
    width: 40px;
}
.control-icon-left {
    background-image: url("../images/chevron_left.png") !important;
	border: 3px solid #C3C9D1;
    border-radius: 7px;
    background-size: 10px;
    height: 40px;
    width: 40px;
}
.control-left {
	width: 3%;
	opacity: 1;
	left: -30px;
}
.control-right {
	width: 3%;
	opacity: 1;
	right: -30px;
}
.view-btn {
    border: 3px solid #555EF2;
    color: #555EF2;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 25px;
    border-radius: 8px;
    width: 265px;
}
.view-btn:hover {
    border: 3px solid #555EF2;
    color: #555EF2;
}
.tabs-scroll {
	justify-content: center;
}


/* Key Spots Section CSS */
#key-spots-bg {
	background-image: url("../images/key_spot_bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px -160px;
}
.key-spot-category {
    text-align: center;
    background-color: white;
    border: 1px solid #E7E9ED;
    border-radius: 10px;
    padding: 10px 5px;
    margin: 8px 0;
}
.key-spot-category img {
    margin: 0px 0 10px 0;
}
.key-spot-category h4 {
    font-weight: 700;
    font-size: 16px;
}
.title-box .title-bottom-img {
    margin-left: 9rem;
}


/* Upcoming Section CSS */
#Upcoming-event-bg {
    background-color: #FFF5E7;
}
.title-box .title-bottom-img-sec {
    margin-left: 6rem;
}
.Upcoming-event-scroll-box {
    display: flex;
}
.Upcoming-event-box {
    background-color: white;
    border: 2px solid #E9E9E9;
    border-radius: 10px;
    padding: 5px;
    min-width: 255px;
	margin-bottom: 15px;
}
.Upcoming-event-box .event-img {
    /*width: 70px;*/
    /*height: 70px;*/
}
.upcoming-event-content-box h4 {
    font-weight: 600;
    color: #101828;
    font-size: 14px;
	margin-top: 4px;
}
.upcoming-event-content-box p {
    color: #667085;
    font-size: 10px;
    padding-right: 10px;
	margin-bottom: 2px;
}
.upcoming-event-content-box .date-box {
    background-color: #FFF9F0;
    color: #FF9A00;
    font-weight: 600;
    width: fit-content;
    padding: 3px 10px;
    border-radius: 50px;
    margin-bottom: 0;
}
.upcoming-event-content-box .date-box img {
    margin: -3px 7px 0 0;
}


/* Traveller Favourite Choice Section CSS */
.main-card {
    padding-bottom: 20px;
	height: 100%;
}
.seller-badge {
    background-color: #FF9A00;
    padding: 4px 10px;
    border-radius: 6px;
    top: 8px;
    left: 8px;
}
.seller-badge p {
    font-size: 12px;
    color: white;
    font-weight: 600;
    margin-bottom: 0;
}
.traveller-content-box {
    box-shadow: 0px 12px 14px 0px rgb(0, 0, 0, 0.1);
    border-radius: 10px;
    background-color: white;
    margin: 0 15px;
    margin-top: -50px;
}
.traveller-rating-box .star-icon {
    width: 14px;
    margin-top: -4px;
    margin-right: 4px;
}
.traveller-rating-box .rating-text {
    color: #FFB200 !important;
}
.traveller-rating-box span {
    color: #667085;
    font-size: 12px;
}
.traveller-rating-box .dott-icon {
    margin-top: 0px;
    margin-right: 5px;
    margin-left: 5px;
	width: 5px;
}
.traveller-content-box h4 {
    font-size: 18px;
}
.title-line {
    border: 1px solid #B6BAC1;
    margin: 1.2rem 0 5px 0;
}
.traveller-price-box p span {
    font-size: 12px;
}
.traveller-price-box p strong {
    font-size: 16px;
}


/* Footer Section CSS */
#footer-bg {
    background-color: #FF9A00;
}
.footer-title-box img {
    margin-left: 3rem;
}
.footer-quick-link {
    color: white;
    font-size: 18px;
}
.list-style-none {
    list-style: none;
}
.footer-paragraph p {
	padding-right: 15px;
}
.footer-title-box h2 {
	font-size: 24px;
}



.active {
	border-bottom: 0px solid #FF9735 !important;
}
.box-shadow-none {
	box-shadow: none !important;
}
.upcoming-event-content-box .date-box img {
	width: 12px !important;
}
.title-box .title-bottom-img-third {
    margin-left: 2rem;
    margin-top: -15px;
}




.slider-control-icon .slick-prev {
    background-position: center;
    background-image: url(../images/chevron_left.png) !important;
    background-repeat: no-repeat;
    border: 3px solid #C3C9D1 !important;
    border-radius: 7px;
    background-size: 10px;
    height: 40px !important;
    width: 40px !important;
    left: -60px !important;
}
.slider-control-icon .slick-next {
    background-position: center;
    background-image: url(../images/chevron_right.png) !important;
    background-repeat: no-repeat;
    border: 3px solid #C3C9D1 !important;
    border-radius: 7px;
    background-size: 10px;
    height: 40px !important;
    width: 40px !important;
    right: -70px !important;
}