@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
--main: #1D3E61;
--secondary: #2E3192;
--third: #2B2E4A;
}
*{
font-family: 'Poppins', sans-serif;
}
/* @font-face{
font-family: Oswald;
src: url(assets/font/Oswald-VariableFont_wght.ttf);
} */
a {
color: var(--main);
text-decoration: none;
}
a:hover {
color: var(--main);
text-decoration: none;
}
p, a{
font-family: 'Poppins', sans-serif;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background: var(--main);
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}
.back-to-top i {
font-size: 28px;
color: #fff;
line-height: 0;
}
.back-to-top:hover {
background: var(--main);
color: #fff;
}
.back-to-top.active {
visibility: visible;
opacity: 1;
}
/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
}
/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
font-size: 13px;
line-height: 50px;
}
#topbar .contact-info i {
font-style: normal;
color: var(--main);
}
.social-links a{
padding-right: 15px;
padding-left: 15px;

}
.social-links .border-right{
border-right: 1px solid #ffffff;
}
.btn-top {
/* border: 1px solid var(--main); */
margin-right: 0px;
color: var(--main);
}
.topbar-right .fa{
font-size: 16px;
}
.nav-icon-contact span{
font-size: 12px;
}
.nav-icon-contact img{
height: 25px;
width: 25px;
}
.num-whatsapp{
font-size: 16px;
}
.btn-top:hover{
border: 1px solid var(--main);
margin-right: 8px;
background-color: var(--main);
color: #FFF;
}
#topbar .contact-info i a,
#topbar .contact-info i span {
padding-left: 5px;
color: #2b2320;
}
#topbar .contact-info i a {
line-height: 0;
transition: 0.3s;
}
#topbar .contact-info i a:hover {
color: var(--main);
}
#topbar .social-links p {
color: var(--main);
transition: 0.3s;
font-weight: 600;
margin-left: 15px;
margin-bottom: 0rem!important;
}
.social-links p {
color: var(--main);
transition: 0.3s;
margin-left: 15px;
margin-bottom: 0rem!important;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
height: px;
transition: all 0.5s;
z-index: 997;
transition: all 0.5s;
background: #fff;
}
#header.fixed-top {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
#header .logo h1 {
font-size: 28px;
margin: 0;
padding: 10px 0;
line-height: 1;
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
}
#header .logo h1 a,
#header .logo h1 a:hover {
color: #2b2320;
text-decoration: none;
}
#header .logo img {
padding: 10px 0px;
margin: 0;
max-height: 100px;
}
#header .img-fluid {
max-width: 100%;
height: auto;
}
.scrolled-offset {
margin-top: 70px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
padding: 0;
}
.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navbar li {
position: relative;
}
.navbar a,
.navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0 10px 20px;
font-size: 14px;
font-weight: 600;
color: #000000;
white-space: nowrap;
text-transform: uppercase;
transition: 0.3s;
}
.navbar a i,
.navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
color: var(--main);
}
.navbar .getstarted,
.navbar .getstarted:focus {
background: var(--main);
padding: 8px 20px;
margin-left: 30px;
border-radius: 4px;
color: #fff;
}
.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
color: #fff;
background: var(--main);
}
.navbar .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
border-top: 2px solid var(--main);
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
}
.navbar .dropdown ul li {
min-width: 200px;
}
.navbar .dropdown ul a {
padding: 10px 20px;
font-size: 14px;
text-transform: none;
font-weight: 400;
color: #000000;
}
.navbar .dropdown ul a i {
font-size: 12px;
}
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
color: var(--main);
}
.navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden;
}
.navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
left: -90%;
}
.navbar .dropdown .dropdown:hover>ul {
left: -100%;
}
}
/**
* Mobile Navigation
*/
.mobile-nav-toggle {
color: #2b2320;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
color: #fff;
}
@media (max-width: 991px) {
.mobile-nav-toggle {
display: block;
}
.navbar ul {
display: none;
}
}
.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(14, 11, 10, 0.9);
transition: 0.3s;
z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px;
}
.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
}
.navbar-mobile a,
.navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color: #581601;
}
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
color: var(--main);
}
.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
margin: 15px;
}
.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
min-width: 200px;
}
.navbar-mobile .dropdown ul a {
padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
color: var(--main);
}
.navbar-mobile .dropdown>.dropdown-active {
display: block;
}
/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
width: 100%;
height: 80vh;
overflow: hidden;
position: relative;
padding: 0;
}
#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: absolute;
top: 0;
overflow: auto;
right: 0;
left: 0;
bottom: 0;
}
#hero .carousel-container {
display: flex;
/* align-items: center; */
justify-content: center;
position: absolute;
bottom: 60px;
padding-top: 80px;
overflow: auto;
top: 0px;
left: 50px;
right: 50px;
}
/* #hero .carousel-content {
background: rgba(28, 23, 21, 0.7);
padding: 20px;
color: #fff;
animation-duration: 0.5s;
border-top: 5px solid var(--main);
} */
#hero .carousel-content h2 {
color: #fff;
margin-bottom: 30px;
font-size: 28px;
font-weight: 700;
}
#hero .btn-get-started {
font-family: "Muli", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.5s;
line-height: 1;
margin: 10px;
color: #fff;
animation-delay: 0.8s;
border: 2px solid var(--main);
}
#hero .btn-get-started:hover {
background: var(--main);
color: #fff;
text-decoration: none;
}
#hero .carousel-inner .carousel-item {
transition-property: opacity;
}
#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
opacity: 0;
}
#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-start,
#hero .carousel-inner .carousel-item-prev.carousel-item-end {
opacity: 1;
transition: 0.5s;
}
#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-start,
#hero .carousel-inner .active.carousel-item-end {
left: 0;
transform: translate3d(0, 0, 0);
}
#hero .carousel-control-prev,
#hero .carousel-control-next {
width: 10%;
display: none;
}
#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
background: none;
font-size: 48px;
line-height: 1;
width: auto;
height: auto;
}
#hero .carousel-indicators{
display: none;
}
#hero .carousel-indicators li {
cursor: pointer;
}
.booking{
margin-bottom: 16px;
}
.select-pickup-location {
padding-bottom: 8px;
}
.select-dropoff-location {
padding-bottom: 8px;
}
.select-category {
padding-bottom: 8px;
}
.pickup-date{
display: grid;
padding-bottom: 8px;
}
.return-date {
padding-bottom: 8px;
}
input.date-picker {
height: 30px;
/* border-radius: 0 8px 8px 0; */
font-size: 12px;
border: 1px solid #ADADAD;
border-left: 1px solid transparent;
}
.input-group-text {
display: flex;
align-items: center;
height: 34px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
font-size: 12px;
color: #ADADAD;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #ADADAD;
border-right: 1px solid transparent;
border-radius: 0px 0 0 0px!important;
}
.booking-system-single-destination .Search button.Search-btn {
color: var(--main);
border: 1px solid var(--main);
font-size: 14px;
padding: 3px 20px;
background-color: #ffffff;
}
.booking-system-single-destination .Search button.Search-btn:hover{
color: #ffffff;
background: var(--main);
transition: 0.9s;
}
.select2-container--default .select2-selection--single {
color: #ADADAD;
background-color: #fff;
border-bottom: 1px solid #ADADAD!important;
border-radius: 0px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #ADADAD!important;
line-height: 32px!important;
font-size: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 26px;
position: absolute;
top: 4px!important;
right: 7px!important;
width: 20px;
}
input#start {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
}
button.Search-btn {
color: var(--main);
border: 1px solid var(--main);
font-size: 14px;
padding: 5px 20px;
background-color: #ffffff;
}
.Search-btn {
color: var(--main);
border: 1px solid var(--main);
font-size: 14px;
padding: 5px 20px;
background-color: #ffffff;
}
.Search-btn:hover{
color: #ffffff;
background: var(--main);
transition: 0.9s;
}
.select-category select {
color: #ADADAD;
background-color: #fff;
border-bottom: 1px solid #ADADAD!important;
border-radius: 8px!important;
font-size: 12px;
padding: 5px;
text-overflow: ellipsis;
}
button.Search-btn:hover{
color: #ffffff;
background: var(--main);
transition: 0.9s;
}
.multi-Search{
text-align: end;
}
span.select2-selection.select2-selection--single {
height: 34px;
}
/*------Tab Section in Carousel------*/
a:hover,
a:focus{
text-decoration: none;
outline: none;
}
.tab{
padding: 0;
margin: 0;
}
.tab .nav-tabs{
margin: 0;
border: none;
position: relative;
}
.tab .nav-tabs li a {
color: #fff;
font-size: 17px;
font-weight: 600;
letter-spacing: 0.5px;
text-align: center;
text-transform: uppercase;
padding: 12px 18px;
margin: 0 1px 0px 0;
/* border-radius: 10px 10px 0px 0px; */
border: none;
display: block;
position: relative;
z-index: 1;
transition: all 0.3s ease 0s;
}
.tab .one-round .nav-tabs li.active a,
.tab .one-round .nav-tabs li a:hover,
.tab .one-round .nav-tabs li.active a:hover{
color: #fff!important;
background-color: var(--main)!important;
border: none;
}
.tab .nav-tabs li.active a,
.tab .nav-tabs li a:hover,
.tab .nav-tabs li.active a:hover{
color: #000 !important;
background-color: #ffffffb5 !important;
border: none;
}
.tab-content h3 {
font-size: 18px;
}
/* .tab .nav-tabs li a:before{
content: "";
background: #ffffffb5;
width: 100%;
height: 50%;
opacity: 0;
position: absolute;
bottom: -1px;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
clip-path: polygon(50% 0%, 100% 30%, 100% 100%, 0 100%, 0 30%);
} */
.tab .nav-tabs li a:hover:before,
.tab .nav-tabs li.active a:before{
opacity: 1;
height: 115%;
}
.tab .tab-content{
color: var(--main);
background: #ffffffe8;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
line-height: 25px;
padding: 20px 25px;
box-shadow: 0 0 10px -5px var(--secondary);
}
.select2-container--default .select2-results>.select2-results__options {
font-size: 12px;
}
::-webkit-scrollbar
{
width: 5px;
}
::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
::-webkit-scrollbar-thumb
{
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgb(52 73 94);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
::-webkit-scrollbar-thumb:window-inactive
{
background: rgb(52 73 94);
}
/*----For one Round----*/
.one-round {
margin-bottom: 14px;
}
.tab h3{
margin-bottom: 10px;
}
.tab .one-round .nav-tabs li a {
padding: 2px 10px;
margin-right: 5px;
background: var(--secondary);
font-size: 13px;
font-weight: 500;
cursor: pointer;
color: #fff;
/* border-radius: 10px 10px 0px 0px; */
overflow: hidden;
z-index: 1;
position: relative;
transition: 0.4s;
}
.tab .one-round.nav-tabs li.active a {
color: #fff;
background-color: var(--main);
}
.tab .one-round .nav-tabs li a:before{
content: "";
background: var(--main);
/* width: 100%;
height: 50%;
opacity: 1; */
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
clip-path: none!important;
}
@media only screen and (max-width: 479px){
.tab .nav-tabs li{
width: 100%;
text-align: center;
}
.tab .nav-tabs li a{ margin: 0 0 10px; }

    .topbar-left{display:none;}

}
/*------Tab Section in Carousel end------*/
@media (min-width: 1024px) {
#hero .carousel-content {
width: 100%;
}
#hero .carousel-control-prev,
#hero .carousel-control-next {
width: 5%;
}
}
@media (max-width: 992px) {
#hero {
height: calc(100vh - 70px);
}
#hero .carousel-content h2 {
margin-bottom: 15px;
font-size: 22px;
}
#hero .carousel-content p {
font-size: 15px;
}
}
@media (max-height: 500px) {
#hero {
height: 120vh;
}
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
/* section {
overflow: auto;
} */
.section-bg {
background-color: #f6f3f2;
}
.section-title {
padding-bottom: 8px;
/* text-align: center; */
}
.section-title h2 {
font-size: 28px;
font-weight: 500;
padding-bottom: 0;
color: #65534c;
}
.section-title h2 strong {
font-weight: 500;
}
.section-title p {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 10px 0;
background: #2b2320;
min-height: 40px;
}
.breadcrumbs h2 {
font-size: 24px;
font-weight: 300;
color: #fff;
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0;
margin: 0;
color: #ded5d2;
}
.breadcrumbs ol a {
color: var(--main);
}
.breadcrumbs ol li+li {
padding-left: 10px;
}
.breadcrumbs ol li+li::before {
display: inline-block;
padding-right: 10px;
color: #c8bab5;
content: "/";
}
@media (max-width: 768px) {
.breadcrumbs .d-flex {
display: block !important;
}
.breadcrumbs ol {
display: block;
}
.breadcrumbs ol li {
display: inline-block;
}
}
/*--------------------------------------------------------------
# Single Destination Search
--------------------------------------------------------------*/
.portfolio-details-slide{
padding: 50px 0px;
}
.portfolio-details-dest-single .swiper{
padding: 50px 0px;
}
.portfolio-details-dest-single .portfolio-details-slider img {
width: 100%;
}
.portfolio-details-dest-single .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}
.portfolio-details-dest-single .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid var(--main);
}
.portfolio-details-dest-single .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--main);
}
.search-result-description h4{
font-size: 24px;
color: var(--main);
}
.search-result-description p{
font-size: 14px;
color: #535B61;
text-align: justify;
}
.portfolio-details-single .portfolio-details-slider img {
width: 100%;
}
.portfolio-details-single .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}
.portfolio-details-single .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid var(--main);
}
.portfolio-details-single .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--main);
}
.facts{
background-color: #f6f3f2;
padding: 20px;
}
.facts span{
color: #535B61;
font-size: 14px;
}
.facts h5{
font-size: 18px;
margin-top: 16px;
color: var(--main);
}
.facts ul li{
font-size: 14px;
color: #535B61;
}
.inquiry-single-dest{
margin-top: 52px;
box-shadow: 0 0 10px var(--main);
border-radius: 8px;
}
section.search-result{
padding: 50px 0px;
}
.search-result h2{
font-size: 32px;
font-weight: 600;
color: var(--main);
padding-bottom: 8px;
}
.search-result table th{
font-size: 14px;
font-weight: 600;
}
.search-result table td{
font-size: 14px;
color: #535B61;
}
.search-result table td h3{
font-size: 14px;
color: #535B61;
}
.search-result table td p{
font-size: 12px;
color: #535B61;
}
section.change-single-destination-search{
padding: 0px 0px 50px 0px;
}
.booking-system-single-destination-search{
width: 100%;
padding: 16px 8px 20px ;
background-color: #FFFFFF;
border: 1px solid #ADADAD;
border-radius: 8px;
align-items: center;
}
.booking-system-single-destination-search h2{

font-size: 31px;
padding-bottom: 8px;
color: var(--main);
}
.booking-system-single-destination-search .nav-tabs li a{
padding: 1px 10px;
margin-right: 5px;
background: var(--secondary);
font-size: 13px;
font-weight: 500;
cursor: pointer;
color: #fff;
border-radius: 10px 10px 0px 0px;
overflow: hidden;
z-index: 1;
position: relative;
transition: 0.4s;
}
.booking-system-single-destination-search .nav-tabs li.active a {
color: #fff;
background-color: var(--main);
}
.booking-system-single-destination-search .nav-tabs li a:hover{
background-color: var(--main);
color: #fff;
transition: 0.5s;
}
.booking-system-single-destination-search .nav-tabs li a:before{
content: "";
background: #fa8231;
/* width: 100%;
height: 50%;
opacity: 1; */
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
transition: all 0.3s ease 0s;
clip-path: none!important;
}
.booking-system-single-destination-search ul.nav.nav-tabs{
margin-bottom: 8px;
border-bottom: 0px!important;
}
table#\#example {
outline: 1px solid #ADADAD;
border-radius: 8px;
}
.pull-right{
float: right!important;
}
/*--------------------------------------------------------------
# End Single Destination Search
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Payent Option
--------------------------------------------------------------*/
.payment-option {
padding: 0px 0px 50px 0px;
display: flex;
}
.payment h4{
margin-top: 1rem;
font-size: 18px;
color: var(--main);
}
.payment-opt{
border: 1px solid #ADADAD;
border-radius: 25px;
width: 200px;
height: 70px;
margin: 0px 5px 5px 0px;
}
.payment-opt:hover{
border: 1px solid var(--main);
transition: 0.7s;
transform: translateY(-5px);
}
@media screen and (max-width:768px) {
.payment-option {
display: grid;
}
}
/*--------------------------------------------------------------
# End Payent Option
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Multiple Destination Inquiry Search
--------------------------------------------------------------*/
section.multi-search-inquiry{
padding: 50px 0px;
}
.multi-search-inquiry h2{
font-size: 32px;
color: var(--main);
}
.search-inquiry-m{
padding: 30px;
}
.control-label{
font-size: 18px;
color: #000000;
font-weight: 500;
}
.dest input.form-control{
font-size: 14px;
color: #000000;
}
.dest{
padding-bottom: 20px;
}
input#vehicle_type {
cursor: not-allowed;
background-color: #dddddd;
}
.dest-btn{
text-align: center;
}
/*--------------------------------------------------------------
# End Multiple Destination Inquiry Search
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
section.services{
padding: 50px 0px;
}
.services .package{
background-color: rgba(81, 81, 81, 0.661);
padding: 15px 20px 30px;
}
.services .icon-box {
text-align: center;
border: 1px solid #ebe6e4;
position: relative;
}
.services .icon {
position: absolute;
top: -36px;
left: calc(50% - 36px);
transition: 0.2s;
border-radius: 50%;
border: 2px solid #fff;
display: flex;
justify-content: center;
align-items: center;
/* text-align: center; */
width: 72px;
height: 72px;
background: var(--main);
}
.services .icon i {
color: #fff;
font-size: 24px;
line-height: 0;
}
.services .title {
font-weight: 500;
margin-bottom: 8px;
font-size: 18px;
}
.services h4 .title a {
font-weight: 500;
color: var(--main);
font-size: 20px;
}
.icon-box ul li{
font-weight: 400;
color: #ffffff;
text-align: start;
font-size: 14px;
}
.icon-box ul li:hover{
color: var(--main);
}
.services .icon-box:hover .icon {
background: #fff;
border: 2px solid var(--main);
}
.services .icon-box:hover .icon i {
color: var(--main);
}
.services .icon-box:hover .title a {
color: var(--main);
}
.package-btn{
padding-top: 20px;
text-align: end;
}
.services .description {
line-height: 24px;
font-size: 14px;
}
/*--------------------------------------------------------------
# Why Choose Us Section
--------------------------------------------------------------*/
.choosing-background{
background-color: rgba(19, 19, 19, 0.69);
}
#choosing-us{
background: center no-repeat;
background-attachment: fixed;
}
.facility .services .icon-box {
padding: 50px 20px ;
margin-top: 35px;
margin-bottom: 25px;
text-align: center;
border: 1px solid #ebe6e4;
height: auto;
position: relative;
}
.choosing-us h4{
font-family: 'Oswald', sans-serif;
font-size: 32px;
color: #fff;
text-align: center;
}
.choosing-us p{
color: #ffffff;
text-align: center;
font-size: 14px;
line-height: 27px;
}
.choosing-us .services .icon-box h4{
font-size: 18px;
}
.choosing-us .services .icon-box p{
font-size: 14px;
}
.facility{
padding: 50px;
}
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
#portfolio .img-fluid{
height: 160px;
width: 260px;
}
#portfolio .portfolio-item:hover{
transform: translateY(-10px);
transition: 0.5s;
opacity: 0.7;
}
section.portfolio{
padding: 50px 0px;
}
.our-services{
font-size: 32px;
margin-bottom: 16px;
color: var(--main);
}
.available-vehicle{
font-size: 18px;
color: var(--main);
}
.portfolio #portfolio-flters {
padding: 0;
margin: 0 auto 50px auto;
list-style: none;
text-align: center;
}
.portfolio #portfolio-flters li {
cursor: pointer;
display: inline-block;
padding: 8px 20px 10px 20px;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-transform: uppercase;
color: #4d4643;
transition: all 0.3s;
border-radius: 50px;
}
.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
color: #fff;
background: var(--main);
}
.portfolio #portfolio-flters li:last-child {
margin-right: 0;
}
.portfolio .portfolio-item {
margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-info {
opacity: 0;
position: absolute;
left: 30px;
right: 30px;
bottom: 0;
z-index: 3;
transition: all ease-in-out 0.3s;
background: rgba(255, 255, 255, 0.9);
padding: 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
font-size: 18px;
color: #fff;
font-weight: 600;
color: #2b2320;
}
.portfolio .portfolio-item .portfolio-info p {
color: #65534c;
font-size: 14px;
margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
position: absolute;
right: 40px;
font-size: 24px;
top: calc(50% - 0px);
color: #483b36;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
color: var(--main);
}
.portfolio .portfolio-item .portfolio-info .details-link {
right: 10px;
}
.portfolio .portfolio-item .portfolio-links {
opacity: 0;
left: 0;
right: 0;
text-align: center;
z-index: 3;
position: absolute;
transition: all ease-in-out 0.3s;
}
.portfolio .portfolio-item .portfolio-links a {
color: #fff;
margin: 0 2px;
font-size: 28px;
display: inline-block;
transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-links a:hover {
color: var(--main);
}
.portfolio .portfolio-item:hover .portfolio-info {
opacity: 1;
bottom: 20px;
}
@media screen and (max-width:992px) {
#portfolio .img-fluid{
height: 300px;
width: 100%;
}
}
.preview-link i.fa-regular.fa-image {
font-size: 15px;
}
.details-link i.fa-solid.fa-eye {
font-size: 15px;
}
/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
section.portfolio-details{
padding: 50px 0px 0px 0px;
}
.inq-search{
text-align: end;
}
.portfolio-details .portfolio-details-slider img {
width: 100%;
}
.portfolio-details h3{
font-size: 18px;
color: var(--main);
}
.portfolio-details .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}
.inquiry{
box-shadow: 0 0 10px var(--main);
border-radius: 8px;
}
.inquiry-top{
background-color: #DDF0F6;
text-align: center;
border-radius: 7px 7px 0 0;
}
.inquiry-form{
padding: 15px;
}
.inquiry-top h4{
font-size: 24px;
color: var(--main);
padding: 15px;
}
input.form-control {
background-color: #fff;
border: 1px solid #ADADAD;
border-radius: 8px;
font-size: 13px;
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid var(--main);
}
.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--main);
}
.portfolio-details .portfolio-info {
padding: 8px;
box-shadow: 0px 0 30px rgba(43, 35, 32, 0.08);
}
.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}
.portfolio-details .portfolio-info ul li+li {
margin-top: 10px;
}
.portfolio-details .portfolio-description {
padding-top: 8px;
}
.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
padding: 0;
text-align: justify;
font-size: 14px;
color: #535B61;
}
.vehicle-detial-search{
padding: 0px 0px 50px 0px;
}
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
section.about-us{
padding: 50px 0px;
}
.about-us .content {
padding: 30px 0;
}
.about-us .content h3 {
font-weight: 600;
font-size: 32px;
color: var(--main);
}
.about-us .content p {
margin-bottom: 0;
font-size: 14px;
color: #535B61;
}
.about-us .content .icon-box {
margin-top: 25px;
}
.about-us .content .icon-box h4 {
font-size: 18px;
font-weight: 700;
margin: 5px 0 10px 60px;
}
.about-us .content .icon-box i {
font-size: 35px;
float: left;
color: var(--main);
}
.about-us .content .icon-box p {
font-size: 14px;
color: #535B61;
margin-left: 60px;
}
.about-us .image {
background: url("../img/about.jpg") center center no-repeat;
background-size: cover;
min-height: 400px;
}
@media (max-width: 991px) {
.about-us .image {
text-align: center;
}
.about-us .image img {
max-width: 80%;
}
}
@media (max-width: 667px) {
.about-us .image img {
max-width: 100%;
}
}
.about-sec h1{
font-weight: 500;
}
.about-sec span{
font-family: 'Oswald', sans-serif;
color: var(--main);
}
.ms-n4{
margin-left: -1.5rem!important;
}
.bg-gray{
background-color: #F4F5FA;
}
.fa-size{
font-size: 24px;
}
/*--------------------------------------------------------------
# Our Team
--------------------------------------------------------------*/
.section-title h2{
font-size: 24px;
color: var(--main);
}
.section-title p {
margin-bottom: 0;
font-size: 14px;
color: #535B61;
}
section.team{
padding: 50px 0px;
margin:0px 0px 50px 0px;
}
.team .member {
margin-bottom: 20px;
overflow: hidden;
text-align: center;
border-radius: 5px;
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.team .member .member-img {
position: relative;
overflow: hidden;
}
.team .member .social {
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 40px;
opacity: 0;
transition: ease-in-out 0.3s;
background: rgba(255, 255, 255, 0.85);
display: flex;
align-items: center;
justify-content: center;
}
.team .member .social a {
transition: color 0.3s;
color: #2b2320;
margin: 0 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.team .member .social a:hover {
color: var(--main);
}
.team .member .social i {
font-size: 18px;
line-height: 0;
}
.team .member .member-info {
padding: 25px 15px;
}
.team .member .member-info h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 18px;
color: #2b2320;
}
.team .member .member-info span {
display: block;
font-size: 13px;
font-weight: 400;
color: #b4aca8;
}
.team .member .member-info p {
font-style: italic;
font-size: 14px;
line-height: 26px;
color: #847872;
}
.team .member:hover .social {
opacity: 1;
}
/*--------------------------------------------------------------
# Our Skills
--------------------------------------------------------------*/
.skills .progress {
height: 50px;
display: block;
background: none;
}
.skills .progress .skill {
padding: 0;
margin: 0 0 6px 0;
text-transform: uppercase;
display: block;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #2b2320;
}
.skills .progress .skill .val {
float: right;
font-style: normal;
}
.skills .progress-bar-wrap {
background: #ded5d2;
}
.skills .progress-bar {
width: 1px;
height: 10px;
transition: 0.9s;
background-color: var(--main);
}
/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features {
padding-top: 0;
}
.features .nav-tabs {
border: 0;
}
.features .nav-link {
border: 0;
padding: 25px 20px;
transition: 0.3s;
color: #2b2320;
}
.features .nav-link:hover {
color: var(--main);
}
.features .nav-link h4 {
font-size: 18px;
font-weight: 600;
}
.features .nav-link p {
font-size: 14px;
margin-bottom: 0;
}
.features .nav-link.active {
box-shadow: 0px 0 15px rgba(0, 0, 0, 0.12);
color: var(--main);
}
.features .tab-pane.active {
animation: slide-down 0.5s ease-out;
}
@keyframes slide-down {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
section.pricing{
padding: 50px 0px;
}
.pricing .portfolio-details-slider img {
width: 100%;
}
.pricing .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}
.pricing .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid var(--main);
}
.pricing .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--main);
}
.inquiry-price{
margin-top: 50px;
box-shadow: 0 0 10px var(--main);
border-radius: 8px;
}
.price-list{
padding-bottom: 16px;
}
.price-list p {
font-weight: 400;
font-size: 14px;
text-align: justify;
color: #535B61;
}
.price-list h2 {
font-size: 24px;
color: var(--main);
font-weight: 500;
margin-bottom: 16px;
}
.pricing .inquiry-price {
margin-top: 0px!important;
box-shadow: 0 0 10px var(--main);
border-radius: 8px;
}
/*--------------------------------------------------------------
# Cta Pricing
--------------------------------------------------------------*/
.cta-pricing {
background: #f3f1f0;
color: #65534c;
}
.cta-pricing h3 {
font-size: 28px;
font-weight: 700;
}
.cta-pricing .cta-btn {
font-family: "Poppins", sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 10px 25px;
border-radius: 2px;
transition: 0.4s;
margin: 10px;
border-radius: 4px;
border: 2px solid var(--main);
color: var(--main);
background: #fff;
}
.cta-pricing .cta-btn:hover {
background: var(--main);
color: #fff;
}
/*--------------------------------------------------------------
# Packages
--------------------------------------------------------------*/
section.packages-trip{
padding: 50px 0px;
background-color: #e3e3e3;
}
th{
font-size: 14px;
}
td{
font-size: 14px;
}
.packages-trip .package {
text-align: center;
-webkit-box-shadow: 0 0 10px #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.packages-trip .package .card-img .image {
padding: 10px;
max-height: 200px;
overflow: hidden;
min-height: 200px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
display: block;
max-width: 100%;
height: auto;
}
.packages-trip .package .card-block {
background-color: #F5F5F5;
padding: 10px 20px 30px 20px;
}
.packages-trip .package .card-block h4 {
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
text-align: center;
margin-bottom: 20px;
height: 50px;
font-size: 18px;
font-weight: 600;
}
.card-title a:hover{
text-decoration: underline;
color: var(--main);
}
.packages-trip .package .card-block p {
text-align: justify;
font-size: 14px;
color: #535B61;
min-height: 50px;
}
.alert-price {
padding-top: 16px;
}
.alert{
background-color: #DDF0F6;
font-size: 14px;
color: #535B61;
}
.me-2 {
margin-right: 1.5rem!important;
}
.table{
margin-bottom: 0rem!important;
}
.detailpackage h1{font-size: 25px;}
.detailpackage h2{font-size: 20px;}
.detailpackage h3{font-size: 18px;}
.detailpackage h4{font-size: 16px;}
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
section.contact{
padding: 50px 0px;
}
.contact .info-wrap {
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding: 30px;
}
.contact .info {
background: #fff;
}
.contact .info i {
font-size: 20px;
color: var(--main);
float: left;
width: 44px;
height: 44px;
background: #ffeee8;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 24px;
font-weight: 500;
margin-bottom: 5px;
color: var(--main);
}
.contact .info p {
padding: 0 0 0 60px;
margin-bottom: 0;
font-size: 14px;
color: #65534c;
}
.contact .info:hover i {
background: var(--main);
color: #fff;
}
.contact .php-email-form {
width: 100%;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
padding: 30px;
background: #fff;
}
.contact .php-email-form .form-group {
padding-bottom: 8px;
}
.contact .php-email-form .error-message {
display: none;
color: #fff;
background: var(--main);
text-align: left;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .error-message br+br {
margin-top: 25px;
}
.contact .php-email-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px;
}
.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #18d26e;
border-top-color: #eee;
animation: animate-loading 1s linear infinite;
}
.contact .php-email-form input,
.contact .php-email-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
}
.contact .php-email-form input {
height: 44px;
}
.contact .php-email-form textarea {
padding: 10px 12px;
}
/* .contact .php-email-form button[type=submit] {
background: var(--main);
border: 0;
padding: 10px 24px;
color: #fff;
transition: 0.4s;
border-radius: 4px;
} */
.contact .php-email-form button[type=submit]:hover {
background: var(--main);
}
@keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Trip Detial
--------------------------------------------------------------*/
.detial-trip .portfolio-details-slider{margin-bottom: 20px;}
.detial-trip .portfolio-details-slider img {
width: 100%;
}
.detial-trip .portfolio-details-slider .swiper-pagination {
margin-top: 16px;
position: relative;
}
.detial-trip .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid var(--main);
}
.detial-trip .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--main);
}
section.detial-trip{
padding: 50px 0px;
}
.detial-trip h4{
font-size: 24px;
color: var(--main);
}
.detial-trip p{
font-size: 12px;
color: #535B61;
}
.price-trip{
padding: 16px 0px;
}
.price-trip h5{
font-size: 24px;
color: var(--main);
}
.tablee {
overflow-x: auto;
padding: 1px;
}
.check-bok{
padding-bottom: 16px;
}
.check-bok h5{
font-size: 24px;
color: var(--main);
}
.check-bok h6{
font-size: 15px;
color: #535B61;
}
.check-bok ul li {
font-size: 15px;
color: #535B61;
list-style: none;
margin-bottom: 4px;
}
.detailpackage .cost-included{
  background-color: rgba(42, 181, 64, 0.2);
  padding: 10px;
}
.cost-included ul li:before {
font-family: "Font Awesome 6 Free";
font-size: 15px;
content: "\f00c";
display: inline-block;
margin-right: 8px;
color: #008000;
}
.detailpackage .cost-exclude{
  background-color: rgba(190, 40, 28, 0.2);
  padding: 10px;
}
.cost-exclude ul li:before {
font-family: "Font Awesome 6 Free";
font-size: 15px;
content: "\f00d";
display: inline-block;
margin-right: 8px;
color: #960404;
}
/* .cost-included .fa{
color: #008000;
margin-right: 5px;
font-weight: 700;
}
.cost-exclude .fa{
color: #960404;
margin-right: 5px;
font-weight: 700;
} */
.overview h4{
font-size: 24px;
color: var(--main);
}
.overview p{
text-align: justify;
font-size: 14px;
color: #535B61;
}
/*--------Gallery Slider--------*/
.gallery .gallery-item {
overflow: hidden;
margin: 2px;
overflow: hidden;
margin: 10px 0px;
box-shadow: 0 0 10px #6c6968;
}
.gallery .gallery-item img {
transition: all ease-in-out 0.4s;
}
.gallery-item a img.img-fluid {
max-width: 100%;
height: 130px;
}
.gallery .gallery-item:hover img {
transform: scale(1.1);
}
.vbox-close {
right: 10px!important;
}
/*------End Gallery------*/
.itinerary{
padding: 16px 0px;
}
.itinerary h4{
font-size: 24px;
color: var(--main);
}
.itinerary-detial{
padding-top: 8px;
}
.itinerary-detial h5{
font-size: 18px;
color: #000;
}
.itinerary-detial p{
font-size: 14px;
color: #535B61;
text-align: justify;
}
.trip-detial-btn{
text-align: center;
}
.inquiry-trip {
margin-top: 16px;
box-shadow: 0 0 10px var(--main);
border-radius: 8px;
}
/*--------------------------------------------------------------
# Package Booking Detial
--------------------------------------------------------------*/
.package-inquiry{
padding: 50px 0px;
}
.package-inquiry h4{
font-size: 24px;
color: var(--main);
padding-bottom: 16px;
}
.p-inq{
padding:0px 16px 16px 16px;
}
.p-inq label{
padding-bottom: 5px;
font-size: 15px;
color: #535B61;
}
.p-inq .hotel-category{
padding-top: 16px;
}
.package-booking-button{
padding-top: 16px;
text-align: center;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
color: #b4aca8;
font-size: 15px;
background: #DDF0F6;
}
#footer .footer-top {
padding: 20px 0px 0px 0px;
background: var(--main);
}
#footer .footer-top .footer-contact {
margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
font-size: 22px;
margin: 0 0 10px 0;
padding: 2px 0 2px 0;
line-height: 1;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
color: #fff;
}
#footer .footer-top h4 {
font-size: 18px;
font-weight: 500;
color: #fff;
position: relative;
padding-bottom: 12px;
text-align: center;
}
#footer .footer-top .footer-links {
margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer .footer-top .footer-links ul i {
padding-right: 2px;
color: var(--main);
font-size: 18px;
line-height: 1;
}
#footer .footer-top .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}
#footer .footer-top .footer-links ul a {
color: #b4aca8;
transition: 0.3s;
display: inline-block;
line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
text-decoration: none;
color: var(--main);
}
#footer .footer-newsletter {
font-size: 15px;
max-height: 115px;
text-align: center;
}
#footer .credits {
padding-top: 5px;
font-size: 13px;
color: #b4aca8;
}
.copyright {
padding-top: 5px;
font-size: 14px;
font-weight: 500;
color: var(--main);
}
#footer .social-links a {
font-size: 14px;
display: inline-block;
background: var(--main);
color: #fff;
padding: 6px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 30px;
height: 30px;
transition: 0.3s;
}
#footer .social-links a:hover {
background: #fd5c28;
color: #fff;
text-decoration: none;
}
.py-4 {
padding-top: 4px!important;
padding-bottom: 4px!important;
}
/*------New Footer------*/
.text-body {
color: #8486A0 !important;
}
#footer  p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
color: #8486A0;
}
#footer input.form-control {
background-color: #fff;
border: 1px solid #ADADAD;
border-radius: 8px;
color: #fff;
font-size: 13px;
}
.btn, input{
border-radius: 0px !important;
}
.bg-blue{
background: var(--third);
}
.text-blue{
color: var(--third);
}
.bg-red{
background-color: var(--main);
}
.text-red{
color: var(--main);
}
/*------Success Page------*/
#success-page {
text-align: center;
padding: 40px 0;
background: #EBF0F5;
}
.success-page h1 {
color: #88B04B;
font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
font-weight: 900;
font-size: 40px;
margin-bottom: 10px;
}
.success-page p {
color: #404F5E;
font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
font-size:20px;
margin: 0;
}
.success-page i {
color: #9ABC66;
font-size: 100px;
line-height: 200px;
margin-left:-15px;
}
.success-page .card {
background: white;
padding: 60px;
border-radius: 4px;
box-shadow: 0 2px 3px #C8D0D8;
display: inline-block;
margin: 0 auto;
}
/*--------unsuccess page------*/
#unsuccess-page {
text-align: center;
padding: 40px 0;
background: #EBF0F5;
}
.unsuccess-page h1 {
color: #960404;
font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
font-weight: 900;
font-size: 40px;
margin-bottom: 10px;
}
.unsuccess-page p {
color: #404F5E;
font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
font-size:20px;
margin: 0;
}
.unsuccess-page i {
color: #960404;
font-size: 100px;
padding-left: 20px;
line-height: 200px;
margin-left:-15px;
}
.unsuccess-page .card {
background: white;
padding: 60px;
border-radius: 4px;
box-shadow: 0 2px 3px #C8D0D8;
display: inline-block;
margin: 0 auto;
}
/*-----Success-page-2-------*/
.success-page-2{
background: #EBF0F5;
padding: 50px 0px;
display: flex;
font-size: 14px;
text-align: center;
justify-content: center;
align-items: center;
}
.success-page-2 .wrapperAlert {
width: 500px;
height: auto;
overflow: hidden;
border-radius: 12px;
border: thin solid #ddd;
}
.success-page-2 .topHalf {
width: 100%;
color: white;
overflow: hidden;
min-height: 250px;
position: relative;
padding: 40px 0;
background: rgb(0,0,0);
background: -webkit-linear-gradient(45deg, #019871, #a0ebcf);
}
.success-page-2 .topHalf p {
margin-bottom: 30px;
}
.success-page-2 svg {
fill: white;
}
.success-page-2 .topHalf h1 {
font-size: 2.25rem;
display: block;
font-weight: 500;
letter-spacing: 0.15rem;
text-shadow: 0 2px rgba(128, 128, 128, 0.6);
}

/* Original Author of Bubbles Animation -- https://codepen.io/Lewitje/pen/BNNJjo */
.bg-bubbles{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.success-page-2 li{
position: absolute;
list-style: none;
display: block;
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.15);/* fade(green, 75%);*/
bottom: -160px;
-webkit-animation: square 20s infinite;
animation:         square 20s infinite;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
}
.success-page-2 li:nth-child(1){
left: 10%;
}
.success-page-2 li:nth-child(2){
left: 20%;
width: 80px;
height: 80px;
animation-delay: 2s;
animation-duration: 17s;
}
.success-page-2 li:nth-child(3){
left: 25%;
animation-delay: 4s;
}
.success-page-2 li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-duration: 22s;
background-color: rgba(white, 0.3); /* fade(white, 25%); */
}
.success-page-2 li:nth-child(5){
left: 70%;
}
.success-page-2 li:nth-child(6){
left: 80%;
width: 120px;
height: 120px;
animation-delay: 3s;
background-color: rgba(white, 0.2); /* fade(white, 20%); */
}
.success-page-2 li:nth-child(7){
left: 32%;
width: 160px;
height: 160px;
animation-delay: 7s;
}
.success-page-2 li:nth-child(8){
left: 55%;
width: 20px;
height: 20px;
animation-delay: 15s;
animation-duration: 40s;
}
.success-page-2 li:nth-child(9){
left: 25%;
width: 10px;
height: 10px;
animation-delay: 2s;
animation-duration: 40s;
background-color: rgba(white, 0.3); /*fade(white, 30%);*/
}
.success-page-2 li:nth-child(10){
left: 90%;
width: 160px;
height: 160px;
animation-delay: 11s;
}
@-webkit-keyframes square {
0%   { transform: translateY(0); }
100% { transform: translateY(-500px) rotate(600deg); }
}
@keyframes square {
0%   { transform: translateY(0); }
100% { transform: translateY(-500px) rotate(600deg); }
}
.bottomHalf {
align-items: center;
background: #ffffff;
padding: 35px;
}
.bottomHalf p {
font-weight: 500;
font-size: 1.05rem;
margin-bottom: 20px;
}
.success-page-2 button {
border: none;
color: white;
cursor: pointer;
border-radius: 12px;
padding: 10px 18px;
background-color: #019871;
text-shadow: 0 1px rgba(128, 128, 128, 0.75);
}
.success-page-2 button:hover {
background-color: #85ddbf;
}
.sticky{
position: sticky;
top: 110px;
margin-bottom: 10px;
}
.booking-module-content {
margin-bottom: 16px;
background-color: var(--main);
padding: 15px 15px;
border-radius: 4px;
margin-left: 5px;
}
.booking-module {
position: relative;
}
.booking-module .package-price {
display: block;
position: relative;
padding: 0 0 15px 40px;
line-height: 1.3;
}
.booking-module .package-price:before {
position: absolute;
content: "\f02b";
font-family: "Font Awesome 6 Free";
font-weight: 900;
/* margin-right: 10px; */
left: 0px;
color: #ffffff;
font-size: 2.3rem;
transform: rotate(45deg);
}
.booking-module .package-price span.package-price__from {
display: block;
}
.booking-module .package-price__from {
display: block;
color: #fff;
font-size: .875rem;
font-weight: 600;
}
.booking-module .package-price__tag b {
color: #fff;
padding-right: 5px;
font-weight: 800;
font-size: 1.25rem;
}
.booking-module .package-price__tag del {
color: #fff;
padding-right: 5px;
font-size: 1.25rem;
}
.group-price {
position: relative;
/* padding: 5px 10px; */
border-radius: 5px;
margin-bottom: 20px;
font-size: .875rem;
z-index: 1;
}
.group-price:before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
height: 100%;
background-color: #fff;
z-index: -1;
border-radius: 2px;
}
.group-price p {
margin-bottom: 0px !important;
}
.group-price .btn {
text-transform: uppercase;
font-size: .9375rem;
font-weight: 800;
background-color: #fff;
color: #938a8a;
border: none;
padding: 8px 15px;
}
.group-price .card-body {
padding: 0rem 1rem !important;
}
.group-price .cost-schedule {
text-align: left;
font-size: 15px;
border: 0;
font-weight: 600;
margin-bottom: 0;
}
.group-price table {
margin-bottom: 0px !important;
}
.group-price .cost-schedule thead {
font-weight: 600;
color: #fff;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.group-price .cost-schedule table tr>td {
padding: 12px 0;
border: none;
}
.group-price+.book-service {
margin-top: 20px;
}
.book-service .book-service-title {
font-size: 1rem;
color: #fff;
display: inline-block;
padding-bottom: 10px;
text-transform: uppercase;
font-weight: 800;
}
.book-service ul {
padding: 0 0;
margin: 0 0 15px;
}
.book-service ul>li {
list-style: none;
position: relative;
padding-left: 35px;
position: relative;
line-height: 1.2;
padding-bottom: 5px;
color: #fff;
font-size: .875rem;
}
.book-service ul>li:before {
position: absolute;
content: "\f14a";
font-family: "Font Awesome 6 Free";
font-weight: 300;
/* margin-right: 10px; */
left: 15px;
color: #ffffff;
font-size: 14px;
/* transform: rotate(45deg); */
}
.booking-module .booking-trip {
margin-top: 10px;
}
.booking-module .booking-trip .btn {
font-size: .9375rem;
font-weight: 800;
background-color: #fff;
color: #938a8a;
border: none;
padding: 8px 15px;
}
.side-whatsapp {
position: relative;
line-height: 1.4;
padding-left: 45px;
margin-top: 20px;
}
.side-whatsapp:before {
position: absolute;
content: "\f232";
font-family: "Font Awesome 6 Free";
font-weight: 300;
/* margin-right: 10px; */
left: 0px;
color: #80f173;
font-size: 2.3rem;
}
.side-whatsapp span {
color: #ffffff;
font-size: 14px;
}
.side-whatsapp a {
color: #ffffff;
}
/*---For Enquery and contact---*/
.sticky .first {
background: #fff;
border-radius: 5px;
border: 1px solid #cad7dd;
box-shadow: 0px 0px 5px #cedadf;
}
.sticky .first .content {
padding: 28px 25px;
}
.sticky .first .content h2 {
font-family: 'Oswald', sans-serif;
font-size: 24px;
font-weight: 400;
color: var(--main);
width: 100%;
margin-bottom: 0px;
line-height: 30px;
}
.sticky .first .content p {
font-size: 14px;
font-weight: 300;
color: #666;
line-height: 24px;
}
.sticky .first .content .link {
display: flex;
padding: 10px 0px;
border-top: 1px solid #d4d8d9;
align-items: center;
}
.sticky .first .content .link .img-cov {
display: flex;
align-items: center;
justify-content: center;
}
.sticky .first .content .link a {
color: #343434;
font-size: 18px;
font-weight: 500;
}
.sticky .first .content img {
height: 40px;
width: 40px;
object-fit: cover;
border-radius: 50%;
margin-right: 10px;
}
.sticky .first .content .link .cont {
line-height: 24px;
}
.sticky .first .content h3 {
color: #878787;
font-size: 14px;
font-weight: 400;
}
.sticky .first .content .linkq {
display: flex;
padding: 15px 0px;
padding-bottom: 0px;
border-top: 1px solid #ffffff24;
}
.sticky .first .content .linkq .cont {
width: 100%;
}
.sticky .first .content .linkq .cont a {
transition: 0.4s all ease-in-out;
background: #fff;
border: 2px solid var(--main);
width: 100%;
display: block;
padding: 10px 30px;
text-align: center;
border-radius: 25px;
font-weight: 700;
color: var(--main);
}
.sticky .first .content .linkq .cont a:hover {
background: var(--main);
color: #fff;
}
/*--------our-vehical--------*/
.our-vehical{
padding: 50px 0px;
}
.our-vehical .package {
box-shadow: none;
border: 4px solid #fff;
border-radius: 10px;
margin: 7px 7px;
box-shadow: 0 0 10px #ccc;
}
.our-vehical h2{
color: var(--main);
font-size: 32px;
}
.our-vehical .package {
overflow: hidden;
border: none;
background: transparent;
}
.our-vehical .package .package-img {
background: #ccc;
border-radius: 5px;
position: relative;
height: 250px;
overflow: hidden;
}
.our-vehical .package .package-img img {
border-radius: 5px;
transition: 0.3s all ease-in-out;
height: 250px!important;
width: 100%;
object-fit: cover;
}
.our-vehical .package:hover img {
transform: scale(1.1);
}
.our-vehical .package .package-img .link-go {
transition: 0.5s all ease-in-out;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 9;
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: column;
width: 100%;
height: 33%;
background-image: linear-gradient(#010f2000,#000000c2,#000000c2);
}
.our-vehical .package .package-img .link-go a {
display: flex;
align-items: center;
transition: 0.5s all ease-in-out;
font-size: 18px;
font-weight: 600;
color: #fff;
margin: 0px 15px;
text-align: center;
}
.our-vehical .package .package-img .link-go a:last-child {
font-size: 14px;
margin-bottom: 20px;
font-weight: 400;
text-transform: none;
padding: 2px 15px;
padding-top: 3px;
border: 1px solid #6e797e;
margin-top: 5px;
}
/*---For Brands---*/
.vendor-carousel .owl-dots,
.testimonial-carousel .owl-dots {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.vendor-carousel .owl-dot,
.testimonial-carousel .owl-dot {
position: relative;
display: inline-block;
margin: 0 5px;
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--secondary);
transition: .5s;
}
.vendor-carousel .owl-dot.active,
.testimonial-carousel .owl-dot.active {
width: 15px;
height: 15px;
border-radius: 50%;
background: var(--main);
}
/*---for banner---*/
.bg-banner {
background: linear-gradient(rgba(28, 30, 50, .9), rgba(28, 30, 50, .9)), url(../img/about/about.png) center no-repeat;
background-attachment: fixed;
}
.banner-sec .form-control:focus {
color: #000000;
background-color: #fff !important;
border-color: #86b7fe;
outline: 0;
box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
}
.banner-sec .form-control {
color: #ffffff;
background-color: #fff;
border: 1px solid #ADADAD;
border-radius: 8px;
font-size: 12px;
}
/*---side-contact---*/
.stay-side-right1 {
transition: 0.5s all ease-in-out;
position: fixed;
top: 43%;
right: -192px;
z-index: 99999;
}
.stay-side-right1:hover {
right: -66px;
}
.stay-side-right1 .con1 {
transition: 0.5s all ease-in-out;
width: 240px;
border-radius: 47px;
}
.stay-side-right1:hover .con1 {
background: #09b765;
}
.stay-side-right1 .con1 a {
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
font-weight: 600;
font-size: 16px;
}
.stay-side-right1 .con1 a i {
border-radius: 50%;
color: #fff;
background: #09b765;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.stay-side-right1 .con1 span {
transition: 0.5s all ease-in-out;
opacity: 0;
color: #fff;
}
.stay-side-right1:hover span {
opacity: 1;
}
.stay-side-right2 {
transition: 0.5s all ease-in-out;
position: fixed;
top: 50%;
right: -192px;
z-index: 99999;
}
.stay-side-right2:hover {
right: -66px;
}
.stay-side-right2 .con2 {
transition: 0.5s all ease-in-out;
width: 240px;
border-radius: 47px;
}
.stay-side-right2 .con2 {
transition: 0.5s all ease-in-out;
width: 240px;
border-radius: 47px;
}
.stay-side-right2:hover .con2 {
background: #785cef;
}
.stay-side-right2 .con2 a {
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
font-weight: 600;
font-size: 16px;
}
.stay-side-right2 .con2 a i {
border-radius: 50%;
color: #fff;
background: #785cef;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.stay-side-right2 .con2 span {
transition: 0.5s all ease-in-out;
opacity: 0;
color: #fff;
}
.stay-side-right2:hover span {
opacity: 1;
}
.stay-side-right3 {
transition: 0.5s all ease-in-out;
position: fixed;
top: 57%;
right: -192px;
z-index: 99999;
}
.stay-side-right3:hover {
right: -66px;
}
.stay-side-right3 .con2 {
transition: 0.5s all ease-in-out;
width: 240px;
border-radius: 47px;
}
.stay-side-right3:hover .con2 {
background: #0e72cd;
}
.stay-side-right3 .con2 a {
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
font-weight: 600;
font-size: 16px;
}
.stay-side-right3 .con2 a i {
border-radius: 50%;
color: #fff;
background: #0e72cd;
height: 40px;
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.stay-side-right3 .con2 span {
transition: 0.5s all ease-in-out;
opacity: 0;
color: #fff;
}
.stay-side-right3:hover span {
opacity: 1;
}
/*------For Special Package------*/
.special-pack{
padding: 50px 0px;
background-color: #e3e3e3;
}
.special-pack .hover-div {
float: left;
width: 100%;
position: relative;
overflow: hidden;
margin-bottom: 10px;
}
.special-pack .hover-div:hover img {
transition: all ease-in-out .5s;
opacity: .6;
transform: scale(1.2);
}
.special-pack .hover-div:hover img {
transition: all ease-in-out .5s;
opacity: .6;
transform: scale(1.2);
}
.special-pack .view-details {
transition: all ease-in-out .5s;
top: 35%;
left: 32%;
position: absolute;
opacity: 0;
}
.special-pack .hover-div:hover .view-details {
transition: all ease-in-out .5s;
opacity: 1;
color: #000;
top: 42%;
}
.special-pack .view-details p {
transition: all ease-in-out .2s;
background-color: var(--main);
padding: 12px 24px;
color: #fff;
}
.special-pack .view-details:hover p {
transition: all ease-in-out .2s;
background-color: var(--third);
padding: 12px 24px;
color: #fff;
}
.special-pack .s-pack-text {
border: 1px solid #fff;
padding: 15px;
box-shadow: 0 10px 30px -15px rgba(0,0,0,0.5) !important;
min-height: 350px;
background-color: #fff;
}
.s-pack-text h5{
font-size: 18px;
}
.s-pack-text p{
font-size: 14px;
}
.s-pack-text p i{
color: var(--third);
}
.tourmaster-thumbnail-ribbon {
line-height: 1;
z-index: 1;
position: relative;
top: 30px;
font-size: 16px;
font-weight: 600;
padding: 14px 20px 14px 27px;
left: -10px;
color: #ffffff;
background-color: var(--third);
width: 130px;
}
.tourmaster-thumbnail-ribbon .tourmaster-thumbnail-ribbon-cornor {
position: absolute;
left: -10px;
bottom: -10px;
width: 0px;
height: 0px;
border-style: solid;
background: url(images/ribbon-corner-shadow.png) 0px 0px no-repeat;
border-width: 0px 10px 10px 10px;
border-left-color: transparent;
border-top-color: transparent;
border-bottom-color: transparent;
border-right-color: rgb(6, 139, 177);
}