@charset "UTF-8";
/*
Theme Name: AdventureGene - Travel Adventure & Tours
Theme URL: https://e-wises.com/tf/adventure-gene/
Author: Ewises
Author URI: https://themeforest.net/user/e-wises
Description: Landing Page template
Version: 1.0.0
*/
/* Sections*/
/*Common style*/
/*=== Background Overlay === */
:root {
    --maincolor:#e52323;
    --secondcolor:#2323ff;
    --white:#ffffff;
    --black:#000000;
    --bordercolor:#dddddd;
    --body-color: #383838;
    --greybgcolor:#f2f2f2;}
 .overlay-bg, .overlay-bg-2, .overlay-bg-3, .overlay-bg-4, .overlay-bg-5 {
     position: relative;
     z-index: 1;
}
 .overlay-bg::before, .overlay-bg-2::before, .overlay-bg-3::after, .overlay-bg-4::before, .overlay-bg-5::before{
     content: "";
     display: block;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -1;
}
.fa-facebook {
    color: #4064ac;
}

.fa-instagram {
    color: #cd2d8b;
}

.fa-youtube {
    color: #f70000;
}

.fa-whatsapp {
    color: #44c054;
}
.error{
    color: red !important;
    font-size:14px !important;
    font-weight: 500;
    display: block;
    margin: 10px 0 0 0;
}
.text-default{
    color:var(--maincolor);
}
#captchaErrorMsg, #captchaErrorMsg1, #captchaErrorMsg2{
    font-size:14px !important;
    font-weight: 500;
    color: red !important;
}
 .overlay-bg::before{
     background-color: rgba(0, 0, 0, 0.2);
}
 .overlay-bg-2::before{
     background-color: rgba(0, 0, 0, 0.4);
}
 .overlay-bg-3::after{
     background-color: rgba(0, 0, 0, 0.3);
}
 .overlay-bg-4::before {
     background-color: rgba(0, 0, 0, 0.6);
}
 .overlay-bg-5::before {
     background-color: rgba(0, 0, 0, 0.5);
}
.single-slide.overlay-bg-2:before{
    z-index: 1;
}
/*Section title*/
.section-title {
    margin-bottom: 35px;
    position: relative;
    z-index: 2;
}
.section-title p.title {
    margin-bottom: 0;
    line-height: 30px;
}
.section-title h2 {
    font-size: 40px;
    line-height: initial;
    margin-bottom: 30px;
}
.section-title h2 span {
    display: block;
}

.section-title.white h2, .section-title.white p, .section-title.white p.title {
    color: #ffffff;
}
/*Start Header Style*/
header.header-area.absulate-header {
    position: absolute;
    width: 100%;
    z-index: 3;
}
/*header top left*/
.header-top-left {
    padding: 39px 0 10px;
}
header.header-area.style-2 .header-top-left, header.header-area.style-2 .header-top-contact {
    padding: 18px 0 12px;
}
.header-top-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-top-left > ul > li {
    display: inline-block;
    position: relative;
}
.header-top-left > ul > li a {
    color: #ffffff;
    font-size: 14px;
    position: relative;
    margin-right: 20px;
}
.header-top-left > ul > li ul {
    background-color: #ffffff;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    width: 80px;
    border-top: 2px solid var(--maincolor);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    position: absolute;
    z-index: 2;
    transform: translate3d(0px, 10px, 0px);
}
.header-top-left > ul > li ul li a {
    padding: 5px 10px;
    color: #282826;
}
.header-top-left > ul > li ul li a:hover, .header-top-left > ul > li a:hover,
.header-top-contact ul li a:hover {
    color: var(--maincolor);
}
.header-top-left > ul > li:hover ul {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
}
.header-top-left > ul > li > a:before {
    position: absolute;
    top: -8px;
    right: -12px;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
}
/*header top right*/
.header-top-contact {
    float: right;
    padding: 39px 0 10px;
}
.header-top-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.header-top-contact ul li {
    display: inline-block;
    position: relative;
}
.header-top-contact ul li:before {
    position: absolute;
    content: "/";
    top: 1px;
    right: 6px;
    font-size: 14px;
    color: #ffffff;
}
.header-top-contact ul li a {
    font-size: 14px;
    color: #ffffff;
    margin-right: 25px;
}
.header-top-contact ul li a i {
    margin-right: 6px;
    position: relative;
    top: 1px;
}
.header-top-contact ul li:last-child a {
    margin-right: 0;
}
.header-top-contact ul li:last-child:before {
    display: none;
}
.site-logo {
    padding: 18px 18px 18px;
}
header.header-area.style-2 .site-logo {
    padding: 5px 0;
}
header.header-area.style-2 .login-cart ul li.cart-mega {
    float: none;
    padding-left: 15px;
    padding-right: 0;
}
header.header-area.style-2 .gene-nav ul.menu > li > a {
    padding: 5px 25px 22px 15px;
}
header.header-area.style-2 .gene-nav .menu li.has-dropdown > a::after {
    margin-top: -25px;
}
header.header-area.style-2 .gene-nav ul.menu {
    margin-top: 18px;
    display: flex;
}
header.header-area.style-2.sticky .navigation-area {
    border: none;
}
header.header-area.style-2.sticky.navbar-fixed-top {
    height: 92px;
}
header.header-area.style-2 .login-cart ul {
    float: none;
    display: flex;
    justify-content: end;
}
/*Header Style 3*/
.navigation-bgheader.header-area.style-2 {
    background-color: transparent;
}
header.header-area.style-2 .navigation-bg {
    background-color: transparent;
}
header.header-area.style-2 .navigation-area {
    background: rgba(0, 0, 0, 0.8);
}
header.header-area.style-2.header-border .navigation-area {
    border-top: 1px solid #4e5257;
    border-bottom: 1px solid #4e5257;
}
.Itinerary .map-popup {
    background: transparent;
    padding: 0;
}
/*=== Naviagaion ===*/
.main-menunav .navbar-nav {
    display: flex;
    gap: 30px;
}
.main-menunav ul li a {
    color: #ffffff;
    font-size: 16px;
    opacity: 1;
    /* text-transform: uppercase; */
}
.navigation-area {
    position: relative;
}
.main-menunav .navbar-nav li > ul {
    position: absolute;
    width: 220px;
    display: none;
    background: #fff;
    padding: 10px 0;
    border-top: 4px solid var(--maincolor);
    list-style: none;
}
.adv-similar-detail-wrap .owl-nav button {
    top: 42%;
}
.navigation-bg {
    background-color: #000000;
    margin-left: 0;
    margin-right: 0;
}
.main-menunav .navbar-toggler {
    position: relative;
}
.main-menunav .navbar-toggler:before {
    content: '\f0c9';
    font-family: 'PhpDebugbarFontAwesome';
    color: #fff;
    font-size: 35px;
}
.main-menunav .navbar-nav ul li a {
    color: #222;
    padding: 0 5px;
    display: block;
    width: 100%;
    position: relative;
}
.main-menu-wrap {
    float: right;
}
nav.gene-nav ul li:last-child a {
    padding-right: 10px;
}
header.header-area.style-2 nav.gene-nav ul li:last-child a {
    padding-right: 0;
}
 nav.gene-nav {
     float: right;
     width: 100%;
     text-align: center;
}
.gene-nav ul.menu {
    margin-top: 35px;
    display: inline-block;
}
 .gene-nav ul{
     list-style:none;
     display:block;
     margin:0;
     padding:0;
}
 .gene-nav .menu li {
     position: relative;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     list-style: none;
}
 .gene-nav .menu li a {
     color: #adaeaf;
     display:block;
     font-size: 16px;
}
 nav.gene-nav ul.menu > li:first-child > a:nth-child(1) {
     padding-left: 0;
}
 .gene-nav .menu > li {
     display: inline-block;
     padding: 0;
}
 .gene-nav .menu > li:hover>a {
     color: var(--maincolor);
}
.gene-nav ul.menu > li > a {
    color: #ffffff;
    font-size: 16px;
    opacity: 1;
    padding: 5px 25px 39px 15px;
    text-transform: uppercase;
}
 .navigation-area.dark .gene-nav ul.menu > li > a, .absolute-header .navigation-area .gene-nav ul.menu > li > a {
     color: #1a1a1a;
}
 .navigation-area.dark .gene-nav .menu > li:hover>a, .absolute-header .navigation-area .gene-nav ul.menu > li:hover > a {
     background: transparent;
     color: var(--maincolor);
}
 .gene-nav .menu > li:last-child > ul ul {
     left: auto;
     right: 100%;
}
 .gene-nav .menu > li ul {
     background-color: #ffffff;
     border-top: 2px solid var(--maincolor);
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     padding: 15px 0;
     position: absolute;
     -webkit-transform: translate3d(0px, 20px, 0px);
     -ms-transform: translate3d(0px, 20px, 0px);
     transform: translate3d(0px, 20px, 0px);
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     visibility: hidden;
     width: 220px;
     z-index: 999;
     -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
     text-align: left;
}
 .gene-nav .menu > li > ul li a {
     padding: 2px 12px;
}
 .gene-nav .menu > li > ul li a:hover {
     border-radius: 2px;
     color: var(--maincolor);
}
 .gene-nav .menu > li > ul > li > ul {
     left: 100%;
     padding: 10px;
     top: 0;
}
 .gene-nav .menu > li:hover > ul {
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     /* -webkit-transform: translate3d(0px, 0px, 0px); */
     -ms-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);
     visibility: visible;
}
 .gene-nav .menu > li > ul > li:hover > ul, .gene-nav .menu > li:hover .mega-menu ul {
     opacity: 1;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     -webkit-transform: translate3d(0px, 0px, 0px);
     -ms-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);
     visibility: visible;
}
nav.gene-nav li.active > a {
    color: var(--maincolor);
}
li.icon a i {
    padding-right: 6px;
}
/* Mega Menu */
 .gene-nav .menu .mega-menu {
     padding: 20px;
     width: 400px;
}
 .gene-nav .menu .mega-menu.three-column {
     width: 600px ;
}
 .gene-nav .mega-menu.mega-center {
     left: 50%;
     margin-left: -200px;
}
 .gene-nav .mega-menu.mega-center.three-column {
     margin-left: -332px;
}
 .gene-nav .mega-menu.mega-right{
     right:0;
}
 .gene-nav .menu .mega-menu > li.mega-col {
     float:left;
     padding: 0 10px;
     overflow: hidden;
     width: 50%;
}
 .gene-nav .menu .mega-menu.three-column > li.mega-col {
     width: 33.33%;
}
 .gene-nav .menu .mega-menu ul {
     background-color: rgba(0, 0, 0, 0);
     border-top: none;
     left: auto;
     -webkit-transform: translate3d(0px, 0px, 0px);
     -ms-transform: translate3d(0px, 0px, 0px);
     transform: translate3d(0px, 0px, 0px);
     padding: 0;
     position: relative;
     -webkit-box-shadow: none;
     box-shadow: none;
}
 .gene-nav .menu li.mega-col li {
     display: block;
     width: 100%;
     padding: 0;
}
 .gene-nav .menu li.mega-col li a {
     padding: 5px 0;
}
 .gene-nav .menu li.mega-col li a:hover {
     background-color:transparent;
}
 .gene-nav > ul.menu > li:last-child{
     padding-right:0;
}
/* Meag Menu Title */
.mega-menu .title {
    color: #404040;
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 0 0 6px;
    position: relative;
    text-transform: uppercase;
}
 .gene-nav .mega-menu .title::before {
     bottom: 0;
     content: "";
     height: 2px;
     left: 0;
     position: absolute;
     width: 30px;
}
.gene-nav .menu li.has-dropdown > a::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    margin-top: -34px;
    position: absolute;
    right: 10px;
    top: 50%;
}
 .gene-nav .menu li ul li.has-dropdown > a::after {
     content: "\f105";
     right: 18px;
     top: 36px;
}
 .gene-nav .menu > li > ul.mega-menu::before {
     left: 57%;
     margin-left: -4px;
}
/* Mobile Menu */
 .navigation-area .col {
     position: static;
}
.mean-container .mean-bar {
    margin-top: 47px;
    position: inherit;
    margin-left: 0;
}
header.header-area.style-2 .mean-container .mean-bar {
    margin-top: 22px;
}
header.header-area.style-2 .mobile-menu-area .mean-nav {
    top: 80px;
}
.mean-container .mean-nav ul li a.mean-expand {
    height: auto;
}
.mobile-menu-area .mean-nav {
    left: 0;
    position: absolute;
    top: 130px;
    z-index: 2;
}
 .mean-nav .mega-menu .title {
     margin-bottom: 0;
     padding: 12px 20px;
}
 .mean-container a.meanmenu-reveal {
     float: right;
}
/*cart login*/
.login-cart ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.login-cart ul li {display: inline-block;}

.login-cart ul li a {
}
.login-cart {
    width: 100%;
    padding: 23px 0;
}
.login-cart ul li a {
    font-size: 16px;
    color: #ffffff;
    background: var(--maincolor);
    padding: 10px 20px;
    border-radius: 7px;
    border: 1px solid transparent;
}
.login-cart ul li a:hover {
    border: 1px solid transparent;
    color: #fff;
    background-color: var(--secondcolor);
}
.login-cart ul li a i {
    margin-right: 6px;
}
.login-cart ul li.cart-mega {
    float: right;
    padding-right: 30px;
}
.header-area .social-head {
    margin: 0;
    list-style: none;
    display: flex;
}

.header-area .social-head li a i {
    font-style: normal;
}
.header-area .social-head li a {
    background: #fff;
    color: #222;
    width: 30px;
    height: 30px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
.header-area .social-head li a:before {
    display: none;
}
/*Sticky*/
header.header-area.style-2.header-border.sticky .navigation-area {
    border: none;
}
header.header-area.style-2.sticky .site-logo {
    padding: 0;
}
header.header-area.style-2.sticky .gene-nav ul.menu {
    margin-top: 28px;
}
.header-area.sticky.navbar-fixed-top {
  position: fixed;
  height: 115px;
  padding-top: 0;
}
.header-area.sticky {
  position: relative;
  z-index: 999;
  width: 100%;
}
.sticky .gene-nav ul.menu > li > a {
    color: #ffffff;
}
.sticky .gene-nav .menu > li:hover>a {
    background: transparent;
    color: var(--maincolor);
}
.sticky .navigation-area {
    border-bottom: none;
}
.sticky.navbar-fixed-top .header-top-left, .sticky.navbar-fixed-top .header-top-contact {
    display: none;
}
.sticky.navbar-fixed-top .navigation-bg {
    background-color: transparent;
}
/*=== 3. SLIDER STYLES ===*/
.slide-thumb {
    position: relative;
    overflow: visible;
    height: 1001px;
    margin-bottom: 30px;
}
.slide-thumb.shape-2 {
    margin: 0;
}
 .single-slide {
     position: relative;
}
 .slide-content {
     position: absolute;
     top: 55%;
     width: 100%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     z-index: 2;
}
 .single-slide-content {
     display: block;
     margin-bottom: 1px;
     position: relative;
}
.single-slide-content h1 {
    color: #ffffff;
    font-size: 90px;
    margin-bottom: 15px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 110px;
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}
.single-slide-content h1 span {
    color: var(--maincolor);
}
.bestselling-wrap .single-adventure figure img {
    height: 250px;
}
.login-cart ul li a i {
    margin-right: 6px;
}
.form-search-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000000c7;
    height: 100vh;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}
.login-cart .searchboxfull {
    padding: 0;
    background: transparent;
    margin-left: 15px;
}
.login-cart .searchboxfull:hover {
    background: transparent;
}
.showformmfull {
    display: flex;
}
.login-cart ul li .close-btn {
    position: absolute;
    top: 6rem;
    right: 22%;
    padding: 0;
    background: transparent;
    cursor: pointer;
    opacity: 0.7;
    font-size: 30px;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.login-cart ul li .close-btn:hover{
    background: transparent;
}
.form-search-overlay .search-box {
    position: relative;
    width: 55%;
    border-bottom: 1px solid #ddd;
}
.form-search-overlay input {
    border: none;
    background: transparent;
    width: 100%;
    color: #fff;
}
.form-search-overlay input:focus{
    border: 1px solid transparent;
    outline: none;
}
.globalSearchContent .global-contents .btn {
    margin: 20px 0;
    padding: 5px 10px;
    font-size: 15px;
    width: 120px;
}
.globalSearchContent p {
    font-size: 14px;
}
.globalSearchContent p span {
    color: #222;
}
.form-search-overlay button {
    border: none;
    background: transparent;
    color: #fff;
    position: absolute;
    right: 0;
}
.single-slide-content h2 {
    color: #ffffff;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 30px;
    font-weight: 300;
    font-family: 'Roboto';
}
.single-slide-content h2 strong {
    font-weight: 700;
}
.single-slide-content h2 span {
    display: block;
}
.find-adventure-form {
    padding: 0 10px;
}
.find-adventure-form select, .find-adventure-form input[type="date"] {
    width: 25%;
    height: 60px;
    border: none;
    font-size: 14px;
    color: #282828;
    padding: 0 5px 0 20px;
    border-radius: 0;
    background-color: rgb(255, 255, 255);
    margin-bottom: 30px;
    border-right: 1px solid #cacaca;
}
.single-slide-content .find-adventure-form form {
    display: flex;
}
.single-slide-content .find-adventure-form select:first-child {
    border-radius: 5px 0 0 5px;
}
.find-adventure-form input.btn.btn-theme {
    width: 25%;
    margin: 0;
    height: 60px;
    border-radius: 0 5px 5px 0;
    padding: 0;
}
.slide-content .find-adventure-form input[type="date"] {
    margin-right: 0;
}
.find-adventure-form form select:last-child {
    display: none;
}
.find-adventure-form input[type="submit"] { 
    margin: auto;
    text-align: center;
}
/*shape*/
.slide-thumb:before {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 100px;
    content: "";
    background-size: contain;
    z-index: 1;
}
.slide-thumb.shape-1:before {
    background-image: url(../img/slider/s1.png);
}
.slide-thumb.shape-2:before {
    background-image: url(../img/slider/s2.png);
    background-size: cover;
    height: 330px;
}
.slide-thumb.shape-3:before {
    background-image: url(../img/slider/s3.png);
    bottom: -50px;
    height: 134px;
    background-repeat: no-repeat;
}
.slide-thumb.shape-3:after {
    content: '';
    height: 100%;
    width: 100%;
    background: #00000066;
    position: absolute;
    top: 0;
}
/* lider nav*/
 .slide-controls .owl-nav button {
     font-size: 25px;
     height: 60px;
     left: 0;
     line-height: 60px;
     opacity: 0;
     position: absolute;
     text-align: center;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
     transition: all 0.3s ease 0s;
     visibility: hidden;
     width: 60px;
     z-index: 1;
}
 .slide-controls .owl-nav button.owl-next {
     left: auto;
     right: 10px;
}
 .slide-controls .owl-nav button i {
     border: 2px solid var(--maincolor);
     border-radius: 50%;
     display: block;
     height: 50px;
     line-height: 48px;
     margin: 5px;
     width: 50px;
     color: var(--maincolor);
     background-color: #f6f6f6;
     transition: 0.3s;
}
 .slide-controls .owl-nav button i:hover {
     background-color: var(--maincolor);
     color:#ffffff;
}
 .slide-controls:hover .owl-nav button {
     opacity: 1;
     visibility: visible;
}
 .wrapper.home-2 .slide-controls .owl-nav button {
     top: 55%;
}
/*Default owl dots style*/
 .owl-dots {
     bottom: 0;
     position: absolute;
     text-align: center;
     width: 100%;
}
 .slider-area .owl-dots {
     bottom: 60px;
}
 .logo-wrap .owl-dots {
     bottom: -54px;
}
 .testimonial-area .owl-dots {
     bottom: -30px;
}
 .owl-dot {
     display: inline-block;
}
 .owl-dots .owl-dot span {
     background: transparent none repeat scroll 0 0;
     display: inline-block;
     -webkit-backface-visibility: visible;
     backface-visibility: visible;
     border-radius: 30px;
     height: 10px;
     margin: 5px 7px;
     -webkit-transition: opacity 0.2s ease 0s;
     -o-transition: opacity 0.2s ease 0s;
     transition: opacity 0.2s ease 0s;
     width: 10px;
}
/* Style dots*/
 .slide-controls .owl-dots .owl-dot, .owl-dots .owl-dot{
     border-radius: 50%;
     -webkit-transition: -webkit-box-shadow 0.3s ease 0s;
     transition: -webkit-box-shadow 0.3s ease 0s;
     -o-transition: box-shadow 0.3s ease 0s;
     transition: box-shadow 0.3s ease 0s;
     transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
     height: 12px;
     margin: 0 5px;
     position: relative;
     width: 12px;
}
 .slide-controls .owl-dots .owl-dot span, .owl-dots .owl-dot span {
     background-color: #ddd;
     height: 10px;
     left: -5px;
     position: absolute;
     top: -3px;
     width: 10px;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
.owl-dots .active span {
    padding: 0 !important;
    background: var(--maincolor) !important;
}
 .slide-controls .owl-dots .owl-dot.active span, .owl-dots .owl-dot.active span {
     padding: 20px 0;
}
/*Default Owl nav*/
.owl-nav button {
    width: 50px;
    height: 50px;
    background-color: #F6F6F7;
    border-radius: 50%;
    text-align: center;
    line-height: 80px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
}
.owl-nav button.owl-prev {
    left: 0;
}
.owl-nav button.owl-next {
    right: 0;
    left: auto;
}
/* Default Slider Animations */
 .owl-item.active .single-slide-content h1{
     -webkit-animation: fadeInUp 2500ms ease-in-out;
     animation: fadeInUp 2500ms ease-in-out;
}
 .owl-item.active .single-slide-content h2{
     -webkit-animation: fadeInUp 3500ms ease-in-out;
     animation: fadeInUp 2500ms ease-in-out;
}
 .owl-item.active .single-slide-content .find-adventure-form{
     -webkit-animation: fadeInUp 3000ms ease-in-out;
     animation: fadeInUp 3000ms ease-in-out;
}
/*Scroll Up*/
#scrollUp {
  background: var(--secondcolor);
  border-radius: 50%;
  bottom: 75px;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  right: 8px;
  text-align: center;
  width: 40px;
}
/*=== Quick Icon ===*/
.single-quick-icon {
    width: 170px;
    height: 170px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 30px;
    background-color: #ffffff;
    transition: 0.3s;
    border: 1px solid #ececec;
}
.single-quick-icon:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
}
.single-quick-icon:before, .single-quick-icon.style-2:before, .single-quick-icon.style-3:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    border-bottom-left-radius: 13px;
}
.single-quick-icon:before {
    background-color: var(--maincolor);
}
.single-quick-icon:hover:before {
    width: 100%;
    height: 100%;
}
.single-quick-icon .quick-icon-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.quick-icon-content img {
    margin-bottom: 10px;
    transition: 0.3s;
}
.quick-icon-content p {
    text-transform: uppercase;
    font-size: 16px;
    transition: 0.3s;
    line-height: 20px;
}
.single-quick-icon:hover p {
    color: #ffffff;
}
.single-quick-icon:hover img {
    filter: brightness(0) invert(1);
}
/*Style 2*/
.single-quick-icon.style-2 {width: 174px;}

.single-quick-icon.style-2 .quick-icon-content {
    width: 100%;
    padding: 0 8px;
}
.single-quick-icon.style-2 .quick-icon-content p {
    font-size: 14px;
}
.single-quick-icon.style-2:before {
    background-color: #5a68ef;
}
/*Style 3*/
.single-quick-icon.style-3 {
    background-color: #ffffff;
    border: 1px solid #ececec;
}
.single-quick-icon.style-3:before {
    background-color: #00c0ff;
}
/*=== About ===*/
.about-area {
    width: 100%;
    position: relative;
}
.about-bg {
    width: 48.6%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.about-content p {
    margin-bottom: 30px;
}
/*style 2 3*/
.about-bg.style-2 {
    right: 0;
    left: auto;
    top: 0;
}
.about-bg.style-3 {
    top: 60px;
}
.modal {
    height: 100dvh;
    background: #000000c9;
}
/*=== Adventure Area ===*/
.adventure-area {
    overflow: hidden;
    position: relative;
}
.single-adventure {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    transition: all 0.5s ease;
    margin-bottom: 30px;
}
.single-adventure img {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.adventure-content {
    padding: 0 20px;
    margin-bottom: 25px;
    margin-top: 20px;
}
.adventure-content h5 {
    margin-bottom: 0;
    transition: all 0.5s ease;
    text-transform: capitalize;
}
.adventure-content p {
    font-size: 14px;
    line-height: 23px;
}
.single-adventure:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
}
.adventure-content a:hover h5, .adventure-content a:hover h6 {
    color: var(--maincolor);
}
.adventure-content p.tour {
    font-size: 12px;
    margin: 0;
    text-transform: uppercase;
}
.adventure-content h6 {
    margin-bottom: 12px;
    transition: all 0.5s ease;
    text-transform: capitalize;
    width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
.adventure-content h4 {
    font-size: 25px;
}
.adventure-content p.price {
    font-size: 18px;
    font-weight: 600;
    margin-top: 18px;
    display: inline;
}
.adventure-content p small {
    font-weight: 400;
    font-size: 14px;
    font-style: italic;
}
.adventure-content h4 small {
    font-family: 'Roboto';
    font-size: 14px;
    margin-left: 5px;
    font-style: italic;
    font-weight: 300;
}
.selling-tips-wrap {
    margin-bottom: 30px;
}
/*Adventure owl nav*/
.selling-tips-wrap .owl-nav button {
    position: absolute;
    bottom: -5px;
    top: inherit;
    border: 1px solid #ececec !important;
    border-radius: 5px;
    width: 44px;
    height: 44px;
}
.selling-tips-wrap .owl-nav button.owl-prev {
    left: inherit;
    right: 60px;
}
.selling-tips-wrap .owl-nav button:hover {
    color: #fff;
    background-color: var(--maincolor);
}
/*=== Camping and Highking ===*/
.single-camp-hi {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    height: 300px;
}
.single-camp-hi:before {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgb(0 0 0 / 17%);
    top: 0;
    left: 0;
    border-radius: 10px;
    z-index: 1;
}
.single-camp-hi img {
    transition: 0.3s;
    transform: scale(1);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.camp-hi-content {
    position: absolute;
    bottom: 18px;
    left: 20px;
    z-index: 2;
}
.camp-hi-content a h4 {
    color: #ffffff;
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 0;
}
.camp-hi-content a {
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
    margin: 0 0 10px 0;
    display: block;
}
.quick-icon-area .camp-hi-content p{
    line-height: 1.5;
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}
.camp-hi-content a h4:hover {
    color: #ffffffe0 ;
}
.package-gallerysl .owl-dots {
    display: block !important;
}
.camp-hi-content p {
    color: #ffffff;
    font-size: 14px;
}
.single-camp-hi:hover img {
    transform: scale(1.2);
}
/*=== Fun Facts ===*/
.funfact-area:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 111px;
    background-image: url(../img/bg/funfact-shap.png);
    top: -1px;
    left: 0;
    z-index: 1;
    background-size: cover;
}
.single-fact {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(25, 25, 25);
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.302);
    height: 174px;
    position: relative;
    transition: all 0.5s ease;
    margin-bottom: 30px;
}
.single-fact .fact-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
}
.fact-info span {
    color: #ffffff;
    transition: 0.3s;
}
.fact-info p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    transition: 0.3s;
    line-height: 20px;
    margin-bottom: 0;
}
.fact-info img {
    transition: all 0.5s ease;
    display: block;
    margin: 0 auto 10px;
    height: 50px;
    object-fit: contain;
}
.fact-info span.counter {
    margin-right: 5px;
    font-weight: 700;
}
.single-fact:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    background-color: var(--maincolor);
    border: 1px solid transparent;
}
/*.single-fact:hover img {*/
/*    filter: brightness(0) invert(1);*/
/*}*/
.white{
    color: #ffffff;
}
/*Style 2*/
.funfact-area.style-2 {
    background-image: none;
    position: relative;
}
.funfact-area.style-2:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 400%;
    height: 100%;
    content: "";
    background-image: url(../img/bg/funfact-2.png);
}
.funfact-area.style-2 .single-fact {
    border: 1px solid #4287f5;
}
.funfact-area.style-2 .single-fact:hover {
    background-color: #4287f5;
}
/*Style3*/
.funfact-area.style-3 {
    background-image: url(../img/bg/bg-service.png);
    background-position: 72% -26px;
    background-size: cover;
    position: relative;
}
.funfact-area.style-3:after {
    background-image: url(../img/bg/funfact-3-s.png);
    top: inherit;
    bottom: 0;
}
.funfact-area.style-3 .single-fact {
    border: 1px solid #eadfd2;
    background-color: rgba(255, 255, 255, 0.8);;
}
.funfact-area.style-3 .single-fact:hover {
    background-color: #ddd;
}
.funfact-area.style-3 .fact-info span, .funfact-area.style-3 .fact-info p {
    color: #282828;
}
/*.funfact-area.style-3 .single-fact:hover span,*/
/*.funfact-area.style-3 .single-fact:hover p{*/
/*    color: #ffffff;*/
/*} */
/*=== Subscribe ===*/
.subscribe-area {
    position: relative;
    padding: 80px 0 30px 0;
    background-image: url(../img/footer-bg.jpg);
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
}
.subscribe-area h2 {
    color: #fff;
    margin: 0 0 20px 0;
}
.subscribe-no-image {
    position: relative;
    background-image: none;
    background-size: unset;
    background-position: unset;
}
.subscribe-area .emailMsg {
    background: #19875482;
    color: #fff !important;
    font-size: 14px;
    padding: 0 10px;
    margin: 7px 0 0 0;
}
.subscribe-area form.subscribe-form {
    margin-bottom: 55px !important;
}
.subscribe-area.style-2 form.subscribe-form, .subscribe-area.style-3 form.subscribe-form {
    width: 95%;
    margin: auto;
}
.subscribe-area:after {
    position: absolute;
    width: 100%;
    height: 112px;
    bottom: -5px;
    content: "";
    left: 0;
    background-image: url(../img/bg/subcribe-shap.png);
}
.subscribe-area.style-2:before, .subscribe-area.style-2:after  {
    display: none;
}
.subscribe-area.style-3 form.subscribe-form button {
    background-color: var(--maincolor);
    text-transform: uppercase;
}
.testimonial-section {
    padding-bottom: 70px;
}
.subscribe-area form.subscribe-form input {
    background-color: #ffffff;
    border: none;
    height: 63px;
    padding-left: 20px;
    font-size: 14px;
    width: calc(100% - 200px);
    box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.14);
}
.subscribe-area form.subscribe-form button {
    border: none;
    height: 63px;
    width: 200px;
    margin-left: -5px;
    padding: 0;
    font-size: 15px;
    color: #ffffff;
    background-color: rgb(255, 83, 0);
    transition: 0.3s;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.subscribe-area:before {
    content: '';
    height: 100%;
    background-color: #00000085;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
.subscribe-area form.subscribe-form button:hover {
    background-color: #282828;
}
.subscribe-area.style-2 .subscribe-thumb {
    margin-bottom: 35px;
}
/* .subscribe-area.style-2 p {
    margin-bottom: 20px;
} */
.subscribe-area.style-3:after {
    display: none;
}
/*=== Blog Home ===*/
.home-blog-area {
    position: relative;
    background-color: #fafafa !important;
}
.home-blog-area:before {
    position: absolute;
    width: 100%;
    content: "";
    bottom: -106px;
    left: 0;
    background-image: url(../img/bg/blog-s-1.png);
    height: 112px;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}
.home-blog-area.style-2 {
    background-color: transparent;
}
.home-blog-area.style-2:before {
    background-image: url(../img/bg/blog2.png);
    height: 100%;
    z-index: -1;
    bottom: inherit;
    top: 0;
}
.home-blog-area.style-3:before {
    background-image: url(../img/bg/blog-s-3.png);
    bottom: -9px;
}
.single-post-blog {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 30px;
    position: relative;
    transition: all 0.5s ease;
}
.single-post-blog .post-date {
    background-color: #ffffff;
    width: 56px;
    height: 52px;
    border-top-left-radius: 10px;
    position: absolute;
    top: -1px;
    left: -1px;
    text-align: center;
}
.single-post-blog .post-date p {
    font-size: 25px;
    font-weight: 700;
    margin: 0;
    line-height: 16px;
}
.single-post-blog .post-date p span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.single-post-blog .post-blog-content {
    padding: 0 20px 12px;
}
.single-post-blog.style-2 .post-blog-content {
    padding: 0 30px 12px;
}
.single-post-blog .post-blog-content h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 5px;
}
.style-2 .single-post-blog .post-blog-content h4 {
    width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;

}
.single-post-blog .post-thumbnail {
    margin-bottom: 25px;
    position: relative;
}
.single-post-blog .post-thumbnail .post-list-view {
    position: absolute;
    bottom: 0;
    background: #000000cf;
    padding: 2px 10px;
    border-top-right-radius: 7px;
}
.single-post-blog .post-thumbnail img {
    width: 100%;
}
.single-post-blog .post-blog-content p {
    font-size: 14px;
    line-height: 1.8;
}
.single-post-blog .post-blog-content a:hover h4 {
    color: var(--maincolor);
}
.single-post-blog:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
}
/*Style 2*/
.single-post-blog.style-2 .post-list-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.single-post-blog.style-2 .post-list-view ul li {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    margin-right: 0;
}
/*style 3*/
.home-blog-area.style-3 {
    background-color: #f9f4ee;
}
/*=== Guide ===*/
.single-guide {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 30px;
}
.single-guide .guide-thumb {
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.single-guide .guide-content {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
    height: 137px;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease 0s;
}
.guide-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 3px 20px 13px;
}
.single-guide:hover .guide-content ul {
    padding-bottom: 0;
}
.guide-content ul li {
    display: inline-block;
}
.guide-content ul li a {
    color: #ffffff;
    font-size: 14px;
    margin-right: 12px;
}
.about-guide p {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    padding: 0px 20px 0px;
}
.about-guide {
    opacity: 0;
    visibility: hidden;
    height: 94px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}
.single-guide:hover .about-guide {
    opacity: 1;
    visibility: visible;
}
.single-guide .guide-thumb img {
    position: relative;
    transition: all 0.5s ease 0s;
    transform: scale(1);
    width: 100%;
}
.single-guide .guide-content p.title {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    margin-bottom: 0;
    padding: 23px 20px 0px;
}
.single-guide .guide-content a h4 {
    font-size: 25px;
    color: #ffffff;
    line-height: 25px;
    margin-bottom: 0;
    padding: 0px 20px 0px;
}
.single-guide .guide-content a:hover h4 , .guide-content ul li a:hover{
    color: var(--maincolor);
}
.single-guide:hover .guide-content {
    height: 240px;
}
.single-guide:hover .guide-thumb img {
    transform: scale(1.3);
}
/*=== Brand Logo ===*/
  .single-partner {
    position: relative;
    width: 174px;
    height: 160px;
    border: 1px solid #ececec;
    transition: all 0.5s ease-in-out;
    margin-bottom: 30px;
    margin-top: 20px;
}
  .single-partner:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
}
  .single-partner img {
    position:absolute;
    left: 50%;
    transition: all 0.6s ease-in-out;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 120px !important;
  }
  .single-partner img.top {
    transform:scale(0,0) translateX(-50%) translateY(-50%);;
    opacity:0;

  }
  .single-partner:hover img.top {
    opacity:1;
    transform: scale(1,1) translateX(-50%) translateY(-50%);
    transform-origin: top right;
  }
  .single-partner:hover img.bottom {
    transform:scale(0,0) translateX(-50%) translateY(-50%);;
    transform-origin: bottom left;
    opacity: 0;
  }
/*=== Footer ===*/
footer.footer-area {
    background-image: url(../img/footer-bg.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    padding-bottom: 30px;
}
/*Style 2*/
footer.footer-area.style-2 {
    background-image: url(../img/bg/footer2-bg.jpg);
    background-repeat: no-repeat;
    padding-bottom: 19px;
}
footer.footer-area.style-2:before, footer.footer-area.style-3:before {
    display: none;
}
footer.footer-area:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 193px;
    background-image: url(../img/bg/footer-shap-1.jpg);
    top: -186px;
    left: 0;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
}

footer.footer-area.style-3 {
    background-position: 0 65%;
    /*background-image: url(../img/bg/footer-background.jpg);*/
}
footer.footer-area.style-3:after, .copy-right-area.style-2:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    background-color: rgb(229 35 35);
}
#welcome-slide .owl-nav {
    display: block;
}
#welcome-slide .owl-nav button i {
    background: var(--maincolor);
    color: #fff;
}
footer.footer-area .widget h3 {
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
    margin-bottom: 20px;
}
.footer-area #cssmenu {
    margin: -5px 0 0 0;
}
footer.footer-area .widget p {
    color: #ffffff;
    font-size: 14px;
    line-height: 25px;
}
.widget.contact-widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget.contact-widget ul li {
    display: inline-block;
}
.widget.contact-widget ul li a {
    color: #ffffff;
    font-size: 20px;
    margin-right: 2px;
    border: 1px solid #ececec;
    border-radius: 5px;
    width: 48px;
    height: 48px;
    display: inline-block;
    text-align: center;
    line-height: 48px;
    margin-bottom: 5px;
}
.widget.contact-widget ul li a:hover {
    background-color: var(--maincolor);
    border: 1px solid transparent;
}
.style-3 .widget.contact-widget ul li a:hover {
    background-color: #00c0ff;
}
.widget.quick-link-widget ul, .widget.quick-link-categories ul,
.widget.quick-destinations ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget.quick-link-widget ul li a, .widget.quick-link-categories ul li a,
.widget.quick-destinations ul li a {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
}
.widget.quick-link-widget ul li a i, .widget.quick-link-categories ul li a i,
.widget.quick-destinations ul li a i {
    margin-right: 10px;
}
.widget.quick-link-widget ul li a:hover, .widget.quick-link-categories ul li a:hover,
.widget.quick-destinations ul li a:hover, .widget.contact-us ul li a:hover {
    color: #fff;
    margin-left: 2px;
}
.trip-include-exclude .tab-content .include-tabs ul li:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Pro';
    margin-right: 10px;
    color: #198754;
    position: absolute;
    left: 0;
}
.trip-include-exclude .tab-content .exclude-tabs ul li:before {
    content: '\f057';
    font-family: 'Font Awesome 5 Pro';
    color: #dc3545;
    position: absolute;
    left: 0;
}
.widget.contact-us ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -4px;
}
.widget.contact-us ul li a {
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    display: inline-flex;
    margin-bottom: 10px;
}
.widget.contact-us ul li a i {
    font-size: 20px;
    margin-right: 20px;
    position: relative;
    top: 6px;
}
/*=== Copyright ===*/
.copy-right-area {
    background-color: rgb(10, 11, 13);
    /*padding: 27px 0;*/
    position: relative;
    top: 0px;
}
.copy-right-area.style-3 {
    background-color: #000000eb;
}
.copy-right-area.style-2 {
    background-image: url(../img/bg/copyright-bg.jpg);
    position: relative;
    z-index: 1;
    top: -1px;
}
.copy-payment ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.copy-payment ul li {
    display: inline-block;
}
.copy-payment ul li a {
    display: block;
    margin-right: 25px;
}
.copyright-text p{
    color: #ffffff;
    font-size: 14px;
    margin: 0;
    float: right;
}
.copy-payment p {
    color: #ffffff;
    font-size: 14px;
    margin: 0;
}
/*=== Bradcumb ===*/
.bradcumb-area {
    background-size: cover;
    background-position: center center;
    height: 600px;
    position: relative;
}
.bradcumb-area:after {
    width: 100%;
    content: "";
    bottom: 0;
    left: 0;
    background-image: url(../img/bg/banner-shap.png);
    position: absolute;
    z-index: 1;
    height: 134px;
    background-repeat: no-repeat;
}
.bradcumb-area.style-1 {
    background-image: url(../img/bg/banner-1.jpg);
}

.bradcumb-area.adventure-1 {
    background-image: url(../img/bg/slide-1.jpg);
}
.bradcumb-area.adventure-2 {
    background-image: url(../img/bg/adventure-2.jpg);
}
.bradcumb-area.adventure-3 {
    background-image: url(../img/bg/adventure-3.jpg);
}
.bradcumb-area.adventure-d-1 {
    background-image: url(../img/bg/adventure-d-1.jpg);
}
.bradcumb-area.blog-1 {
    background-image: url(../img/bg/blog-1.jpg);
}
.bradcumb-area.cart {
    background-image: url(../img/bg/cart.jpg);
}
.bradcumb {
    position: absolute;
    width: 100%;
    top: 60%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}
.bradcumb h3 {
    color: #ffffff;
    font-size: 30px;
    margin-bottom: 10px;
}
.bradcumb ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bradcumb ul li {
    display: inline-block;
    color: #ffffff;
}
.bradcumb ul li a {
    position: relative;
    margin-right: 20px;
}
.bradcumb ul li a:before {
    position: absolute;
    content: "";
    right: -13px;
    top: 3px;
    width: 1px;
    height: 16px;
    background-color: #ffffff;
}

.bradcumb ul li a:hover {
    color: var(--maincolor);
}
/*=== About Page Advanture ===*/
.single-about-adventure {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 20px 25px;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 30px;
}
.single-about-adventure .about-ad-thumb {
    margin-bottom: 5px;
    position: relative;
    z-index: 3;
}
.single-about-adventure:hover .about-ad-thumb img, .about-single-expart:hover .about-ex-thumb img {
    filter: brightness(0) invert(1);
}
.single-about-adventure .about-ad-thumb img {
    transition: 0.3s;
}
.single-about-adventure .about-ad-content h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 12px;
    transition: 0.3s;
}
.single-about-adventure .about-ad-content p {
    font-size: 16px;
    line-height: 25px;
}
.single-about-adventure:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--maincolor);
    top: 0;
    left: 0;
    border-radius: 10px;
    transition: 0.3s;
    transform: scale(0.9);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}
.single-about-adventure .about-ad-content {
    position: relative;
    z-index: 2;
}
.single-about-adventure:hover:before {opacity: 1;visibility: visible;transform: scale(1);}

.single-about-adventure:hover .about-ad-content h4,
.single-about-adventure:hover .about-ad-content p {
    color: #ffffff;
}
/*=== About Advanture ===*/
.about-camping-arrea {
    background-image: url(../img/bg/ab-fre.jpg);
    background-size: cover;
    background-position: center;
    opacity: .8;
}
.single-about-feature {
    margin-bottom: 45px;
}
.single-about-feature .about-fre-thumb {
    margin-bottom: 10px;
}
.about-fre-content h4 {
    font-size: 20px;
}
.about-fre-content {
    font-size: 14px;
    line-height: 25px;
}
.about-fre-bottom h3 {
    font-size: 35px;
    color: #ffffff;
    line-height: 44px;
}
.about-free-area {
    background-color: #333230;
    padding-top: 40px;
}
.about-fre-bottom h2 {
    color: var(--maincolor);
    font-size: 50px;
    line-height: 56px;
}
.about-fre-bottom {
    margin-bottom: 50px;
}
/*=== About Expart ===*/
.about-single-expart {
    margin-bottom: 30px;
    border: 1px solid #ececec;
    padding: 40px 0;
    align-items: center;
    border-radius: 10px;
    background-color: #ffffff;
    padding-left: 141px;
    position: relative;
    overflow: hidden;
}
.about-ex-thumb {
    padding-left: 50px;
    margin-right: 18px;
    position: absolute;
    left: 0;
}
.about-ex-content h4 {
    font-size: 25px;
    line-height: 35px;
    transition: 0.3s;
}
.about-single-expart:before {
    position: absolute;
    content: "";
    width: 0%;
    left: 0;
    top: 0;
    height: 100%;
    background-color: var(--maincolor);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
.about-single-expart:hover:before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}
.about-single-expart:hover .about-ex-content h4 {
    color: #fff;
}
.about-ex-content {
    position: relative;
    z-index: 1;
}
/*Adventure Grid page*/
.adventure-select {
    width: 100%;
    margin-bottom: 50px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 10px;
    border-radius: 7px;
}
.adventure-select form.adventure-select-form {
    display: flex;
}
.adventure-select form.adventure-select-form select {
    margin-right: 30px;
    width: 18%;
    color: #282828;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    padding-left: 10px;
    height: 50px;
    border: 1px solid #edf0f5;
    border-radius: 4px;
}
.adventure-select form.adventure-select-form input[type="date"] {
    height: 50px;
    width: 18%;
    font-size: 12px;
    color: #282828;
    text-transform: uppercase;
    border-bottom: 1px solid #edf0f5;
    border-top: navajowhite;
    border-right: none;
    border-left: none;
}
.view-grid {width: 18%;}
.view-grid ul {
    margin-top: 14px;
    padding: 0;
    list-style: none;
    float: right;
    margin-bottom: 0;
}
.view-grid ul li {
    display: inline-block;
}
.view-grid ul li a {
    display: block;
    margin-right: 10px;
    font-size: 25px;
}
.view-grid ul li a:hover, .view-grid ul li.active a {
    color: var(--maincolor);
}
.gane-pagination ul {
    margin: 0;
    padding: 0;
    list-style: noe;
}
.gane-pagination ul li {
    display: inline-block;
}
.gane-pagination ul li a {
    display: block;
    width: 44px;
    height: 44px;
    text-align: center;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    font-size: 14px;
    color: #222222;
    line-height: 44px;
    margin-right: 5px;
    margin-bottom: 10px;
}
.gane-pagination ul li a:hover, .gane-pagination ul li.active a {
    background-color: var(--maincolor);
    color: #ffffff;
}
/*Advanture 2*/
.sigle-adv-sidebar {
    margin-bottom: 30px;
}
.sigle-adv-sidebar h4 {
    font-size: 20px;
}
.sigle-adv-sidebar h4 span {
    color: var(--maincolor);
}
ul.widget-destination {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.widget-destination li input[type="checkbox"] {
    margin-right: 15px;
    border: 10px solid #edf0f5;
}
ul.widget-destination li input[type="checkbox"]:checked {
    
}
ul.widget-destination li i {
    font-size: 35px;
    margin-right: 15px;
    position: relative;
    top: 7px;
}

ul.widget-destination li span {
    float: right;
}
ul.widget-destination li {
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
ul.widget-activities {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.widget-activities li {
    display: inline-block;
}
ul.widget-activities li a {
    margin-bottom: 15px;
    display: block;
    margin-right: 26px;
}
ul.widget-catagories {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.widget-catagories li {
    font-size: 14px;
}

ul.widget-catagories li span {
    float: right;
}
ul.widget-catagories li input {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.show-result-text p {
    font-size: 15px;
}
form.adventure-select-form.style-2 select.form-select {
    width: 80%;
}
form.adventure-select-form.style-2 .view-grid {
    width: 42%;
}
form.adventure-select-form.style-2 .view-grid ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
form.adventure-select-form.style-2 .view-grid ul li {
    display: inline-block;
}
/*Advanture style 3*/
.single-adventure.style-2 {
    display: flex;
}
.single-adventure.style-2 ul.review {
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.single-adventure.style-2 ul.review li {
    display: inline-block;
    font-size: 14px;
}
.single-adventure.style-2 ul.review .advanture-thumb {
    position: relative;
}
.single-adventure.style-2 ul.review .advanture-thumb img {
    margin: 0;
}

.single-adventure.style-2 ul.review .adv-thumb-item {
    position: absolute;
}
.single-adventure.style-2 .advanture-thumb {
    position: relative;
}
.single-adventure.style-2 .adv-thumb-item {
    position: absolute;
    top: 50%;
    right: 0;
    width: 70px;
    background-color: rgba(44, 44, 44, 0.8);
    text-align: center;
    height: 100%;
    transform: translateY(-50%);
}
.single-adventure.style-2 .adv-thumb-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
}
.single-adventure.style-2 .advanture-thumb img {
    margin-bottom: 0;
    height: 100%;
    border-bottom-left-radius: 10px;
}
.single-adventure.style-2 .adventure-content {
    width: 57%;
    display: block;
    padding: 25px 30px;
    margin-bottom: 0;
}
.single-adventure.style-2 .adv-thumb-item ul li {
    margin-bottom: 30px;
}
.single-adventure.style-2 .adv-thumb-item ul li:first-child {
    margin-top: 17px;
}
.single-adventure.style-2 .adventure-content h6 {
    margin-bottom: 0;
}
/*=== Adventure Details ===*/
form.adventure-select-form button.search {
    border-radius: 10px;
    width: 170px;
    margin-left: 30px;
    border: none;
    background-color: var(--maincolor);
    color: #ffffff;
    font-size: 15px;
    transition: 0.3s;
}

form.adventure-select-form button.search:hover {
    background-color: var(--maincolor);
}
.single-alpine h4 {
    font-size: 20px;
    margin-bottom: 8px;
}
.single-alpine h3 {
    font-size: 30px;
    color: var(--maincolor);
    margin-bottom: 0;
}
.single-alpine ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-alpine ul li {
    display: inline-block;
}
.single-alpine  .fas.fa-star{
    color:#e52323;
}
.sin-sis-alpine-wrap {
    margin-bottom: 15px;
}

.tripOverview{
    text-align:justify;
    padding: 10px;
}

.highlighArea {
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 10px;
    margin: 0 0 35px 0;
}
.highlighArea ul {
    margin: 0;
}
.highlighArea p{
    text-align:justify !important;
}

.highlighArea::-webkit-scrollbar{
    width: 3px;
}

.highlighArea::-webkit-scrollbar-thumb{
    background-color: #E52323;
    border-radius: 5px;
}


/*.alpine-left-content{*/
/*    height: 500px;*/
/*    overflow-y: scroll;*/
/*    width: 100%;*/
/*    overflow-x: hidden;*/
/*    text-align: justify;*/
/*    padding: 20px;*/
/*}*/

.appline-right {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px 30px 15px 30px;
    border-radius: 20px;
}
/*.alpine-info-wrap {margin-bottom: 40px;border-bottom: 1px solid #ececec;padding-bottom: 30px;}*/
.trip-info-wrap {
    display: flex;
}
.alpine-info-wrap h4 {
    margin-bottom: 20px;
}
.trip-info-one p, .trip-content-one {
    font-size: 16px;
    font-weight: 700;
}
.trip-info-one {
    display: flex;
    margin-right: 60px;
}
.trip-content-two {
    margin-left: 30px;
}
.trip-content-two p {
    font-weight: 400;
}
.trip-fifo-tow {
    display: flex;
}
.single-acivement h4 {
    font-size: 20px;
    text-transform: uppercase;
}
.single-acivement ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.single-acivement ul li {
    flex: 0 0 32%;
    position: relative;
}
.single-acivement ul li:last-child {
    margin: 0;
}
/*.single-acivement:last-child {margin-left: 45px;}*/
.acivement-wrap {
    display: flex;
}
.single-acivement ul li span {
    font-size: 13px;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    background: #0000008a;
    height: 100%;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-acivement ul li img {
    height: 125px;
    object-fit: cover;
    width: 100%;
}
.inclution-wrap {
    border: 1px solid #ececec;
    padding: 30px 10px 15px 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.single-inclution {
    display: flex;
}
.single-inclution .inclution-thumb {
    width: 21%;
}
.single-inclution .inclution-content {
    margin-left: 11px;
}
.single-inclution .inclution-content p {
    font-size: 15px;
}
.inclution-content h4 {
    margin: 0;
    font-size: 25px;
    line-height: 35px;
}
.trip-date-area {
    position: relative;
    background-image: url(../img/bg/table-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
/*.trip-date-area:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 112px;*/
/*    bottom: -2px;*/
/*    background-image: url(../img/bg/table-shap.png);*/
/*    left: 0;*/
/*    background-repeat: no-repeat;*/
/*}*/
.trip-table thead {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    height: 70px;
    line-height: 70px;
    border-bottom: none;
}
.payment-nepal-opt {
    display: flex;
    margin: 20px 0 0 0;
    gap: 10px;
}
.trip-table th p {
    line-height: 30px;
}
.trip-table .table>:not(:last-child)>:last-child>* {
    border-bottom: none;
}
.trip-table {background-color: #ffffff;margin-bottom: 30px;padding: 0;}
.trip-table thead tr {
    padding-left: 30px;
}
.trip-table tbody tr {
    border-bottom: 1px solid #eeeeee;
    font-size: 14px;
    color: #282828;
    font-weight: 400;
    line-height: 70px;
}
.trip-table tbody tr:last-child {
    border-bottom: 1px solid transparent;
}
.trip-table td.button a {
    padding: 0 35px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    width: 175px;
    text-align: center;
}
.trip-table td.button a.btn-bor {
    border: 1px solid var(--maincolor);
    background: var(--maincolor);
    color: #fff;
    border-radius: 7px;
}
.trip-table td.button a.btn-bor:hover {
    background: var(--secondcolor);
    border: 1px solid transparent;
}
.trip-table td.button a.btn-bor:hover {
    background-color: var(--maincolor);
    color: #ffffff;
}
.trip-table td.button a.btn-theme {
    border: 1px solid #282828;
}
.trip-table td.button a.btn-theme:hover, form.adventure-select-form button.search:hover {
    background-color: #282828;
    color: #ffffff;
}
/*Adventure details style 2*/
.adv-details-wrap-2 {
    height: 1200px;
    position: relative;
}
.bradcumb-area.adventure-details-2 {
    height: inherit;
}
.adv-details-wrap-content {
    position: absolute;
    top: 50%;
    background: white;
    width: 100%;
    transform: translateY(-50%);
}
/*=== Cart Page ===*/
.cart-area table.table {
    border: 1px solid #eeeeee;
}
.cart-area th p {
    line-height: 25px;
    width: 220px;
}
.cart-area table.table thead {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    height: 70px;
    line-height: 70px;
}
.cart-area table.table thead tr {
    border-bottom: 2px solid #eeeeee;
}
.cart-area table.table thead tr th:first-child {
    position: relative;
    left: 25px;
}
.product-cart-wrap {
    display: flex;
    position: relative;
    left: 25px;
    height: 100%;
    padding: 20px 0 15px 0;
}
.product-cart-close {
    margin-right: 15px;
    width: 23px;
    height: 23px;
    line-height: 23px;
    background-color: #ffffff;
    border: 1px solid #edf0f5;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.product-cart-close a {font-size: 13px;color: #282828;display: block;line-height: 22px;}
.product-cart-tbl-thumb {
    margin: 0 15px 0 33px;
}
.product-cart-tbl-content h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto';
    line-height: 25px;
}
.product-cart-tbl-content p {
    line-height: 25px;
    font-size: 14px;
    margin: 0;
}
.product-cart-tbl-content a {
    line-height: 24px;
}
.product-cart-tbl-content a {
    font-size: 13px;
    text-decoration: underline;
}
.product-cart-tbl-content a:hover, .product-cart-tbl-content a:hover h6 {
    color: var(--maincolor);
}
.product-cart-close a:hover {
    color: #ffffff;
    background-color: #282828;
}
.product-cart-tbl-content > a {
    text-decoration: none;
}
.cart-area td {
    vertical-align: middle;
}
.quickview-quality .cart-plus-minus {
  display: inline-block;
  height: 44px;
  padding: 0;
  position: relative;
  width: 130px;
  text-align: center;
  border: 1px solid #eeeeee;
  border-radius: 5px;
}
.quickview-quality .cart-plus-minus .qtybutton {
  color: #333;
  cursor: pointer;
  float: inherit;
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 24px;
}
.quickview-quality .cart-plus-minus .qtybutton.dec {
  height: 34px;
  top: 12px;
  left: 4px;
  font-weight: 600;
  font-size: 14px;
}
.quickview-quality .cart-plus-minus .qtybutton.inc {
  height: 34px;
  top: 12px;
  right: 4px;
  font-weight: 600;
  font-size: 14px;
}
.quickview-quality .cart-plus-minus input.cart-plus-minus-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #262626;
  font-size: 14px;
  height: 46px;
  line-height: 40px;
  margin: 0;
  padding: 0px;
  text-align: center;
  width: 100px;
  font-weight: 600;
}
.quickview-quality.quality-height-dec .cart-plus-minus {
  height: 45px;
}
.quickview-quality.quality-height-dec .cart-plus-minus .qtybutton.dec {
  height: 45px;
  top: 11px;
}
.quickview-quality.quality-height-dec .cart-plus-minus .qtybutton.inc {
  height: 45px;
  top: 12px;
}
.quickview-quality.quality-height-dec .cart-plus-minus input.cart-plus-minus-box {
  height: 45px;
  line-height: 45px;
}
.quickview-quality.quality-height-dec2 .cart-plus-minus {
  height: 45px;
  margin-left: -15px;
}
.table-btn {
    display: inline-block;
    width: 100%;
}
.table-btn a.btn.border-theme {
    margin-bottom: 30px;
}
.quickview-quality.quality-height-dec2 .cart-plus-minus .qtybutton.dec {
  height: 45px;
  top: 11px;
  font-weight: 500;
  left: 22px;
}
.quickview-quality.quality-height-dec2 .cart-plus-minus .qtybutton.inc {
  height: 45px;
  top: 12px;
  font-weight: 500;
  right: 22px;
}
.quickview-quality.quality-height-dec2 .cart-plus-minus input.cart-plus-minus-box {
  height: 45px;
  line-height: 45px;
  width: 80px;
  font-weight: 400;
}
.table-btn input.code-input.single-input {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    font-size: 12px;
    text-transform: uppercase;
    width: 270px;
    margin-right: 16px;
}
/*=== Button ===*/
a.btn.border-theme {
    border: 1px solid var(--maincolor);
    padding: 10px 25px;
    border-radius: 10px;
}
a.btn.border-theme:hover {
    background-color: var(--maincolor);
    color: #ffffff;
}
.right-cart-btn {
    float: right;
}
a.btn.btn-theme-dark, button.btn.btn-theme-dark {
    background: #282828;
    border-radius: 10px;
    padding: 19px 50px;
    color: #ffffff;
    margin-right: 8px;
}
a.btn.btn-theme-dark:hover, button.btn.btn-theme-dark:hover {
    background-color: var(--maincolor);
}
a.btn.btn-theme, button.btn.btn-theme, input.btn.btn-theme {
    background: var(--maincolor);
    color: #ffffff;
    border-radius: 10px;
    padding: 10px 20px;
}
a.btn.btn-theme.blue, button.btn.btn-theme.blue, input.btn.btn-theme.blue {
    background: #5a68ef;
}
/*a.btn.btn-theme.blue-2, button.btn.btn-theme-2.blue, input.btn.btn-theme.blue-2 {*/
/*    background: #00c0ff;*/
/*}*/
a.btn.btn-theme.blue-2:hover, button.btn.btn-theme.blue-2:hover, input.btn.btn-theme.blue-2:hover {
    background-color: var(--secondcolor);
}
a.btn.btn-theme.blue:hover, button.btn.btn-theme.blue:hover, input.btn.btn-theme.blue:hover {
    background-color: #00c0ff;
}
a.btn.btn-theme:hover, button.btn.btn-theme:hover, input.btn.btn-theme:hover {
    background-color: #2323ff;
}
.single-total {
    width: 100%;
    border: 1px solid #eeeeee;
    padding: 10px 20px;
}
.single-total p:last-child {
    float: right;
}
.single-total p {
    display: inline-block;
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.single-total p.normal {
    font-weight: 400;
}
.single-total.total {
    border-top: 1px solid transparent;
    margin-bottom: 30px;
}
a.btn.btn-theme.float-right {
    float: right;
}
/*=== Check Out ===*/
.single-field {
  height: auto;
  margin: 0 0 15px;
  padding: 0;
  width: 100%;
}
.single-field > input {
  border: 1px solid none;
  border-radius: 5px;
  box-shadow: none;
  height: 40px;
  margin-bottom: 15px;
  padding: 0 15px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
}
.single-field > textarea {
  border: 1px solid #ffffff;
  height: auto;
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 17px;
  background-color: rgba(255, 255, 255, 0.149);
  background-color: #ffffff;
}
.single-field input::placeholder {
  color: #656565;
}
.single-field input::-webkit-focus {
  color: var(--maincolor);
}
.single-field input:-ms-focus {
  color: var(--maincolor);
}
.single-field input::-ms-focus {
  color: var(--maincolor);
}
.single-field input[focus] {
  color: var(--maincolor);
}
.single-field textarea::placeholder {
  color: #656565;
}
.single-field textarea::-webkit-focus {
  color: var(--maincolor);
}
.single-field textarea:-ms-focus {
  color: var(--maincolor);
}
.single-field textarea::-ms-focus {
  color: var(--maincolor);
}
.single-field textarea[focus] {
  color: var(--maincolor);
}
.half-field {
  float: left;
  width: 48%;
}
.half-field-last {
  float: left;
  width: 48%;
  float: right;
}
.gane-form.billing-form form.contact-us-form {
    display: flex;
}
.form-left {
    width: 49%;
    margin-right: 30px;
    border: 1px solid #eee;
    padding-top: 20px;
}
.form-right {
    width: 49%;
    border: 1px solid #eee;
    padding-top: 20px;
}
.form-title {border-bottom: 1px solid #eeeeee;margin-bottom: 15px;}

.gane-form.billing-form .single-field {
    padding: 0 30px;
}
.gane-form.billing-form .single-field.half-field {
    padding-right: 0;
}
.gane-form.billing-form .single-field.half-field-last {
    padding-left: 0;
}
.gane-form {
    margin-bottom: 30px;
}
.gane-form input {
    border-radius: 0;
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.gane-form select.form-select {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 15px;
}
.form-title h4 {
    font-size: 20px;
    padding-left: 30px;
}
.payment-method-contnt {
    padding-left: 30px;
}
.payment-method-contnt p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 25px;
}
.payment-method-contnt a {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(237, 240, 245);
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    width: 84px;
    height: 65px;
    display: inline-block;
    text-align: center;
    line-height: 62px;
    margin-right: 15px;
    transition: 0.3s;
    margin-bottom: 15px;
}
.payment-method-contnt a:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
}
.payment-method-contnt {
    margin-bottom: 18px;
}
.single-field.one-third {
    width: 32%;
    float: left;
}
.single-field.one-third.last {
    margin-right: 0;
    padding-right: 0;
}
.gane-form input::placeholder {
    text-transform: uppercase;
    font-size: 12px;
}
.form-right button.btn.btn-theme-dark {
    float: right;
    margin-right: 30px;
}
.form-right.checkout {
    padding-bottom: 30px;
}
.form-right.checkout button.btn.btn-theme-dark {
    float: left;
    margin-left: 30px;
}
.section-title.font-s30 h2 {
    font-size: 30px;
    padding-right: 30px;
}
.login-form ul {
    margin-bottom: 50px;
    padding: 0;
    list-style: none;
}
.login-form ul li {
    display: inline-block;
}
.login-form ul a {
    height: 50px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    display: block;
    margin-right: -5px;
    line-height: 50px;
    padding: 0 12px;
    margin-bottom: 15px;
}
.login-form ul a i {
    font-size: 20px;
    margin-right: 4px;
}
.login-form .form-left {
    width: 100%;
    padding-bottom: 30px;
}
.login-form .form-left .single-field {
    padding: 0 30px;
}
.login-form .form-left p {
    display: inline-block;
}
.password {
    padding: 0 30px;
}
.password p input {
    margin-right: 5px;
}
.password p {
    font-size: 13px;
    line-height: 25px;
}
.password p:last-child {
    float: right;
}
.password p a {
    text-transform: uppercase;
    color: var(--maincolor);
    margin-right: 15px;
}
.login-form button.btn.btn-theme {
    margin-left: 30px;
}
a.facebook {
    background-color: #38539B;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.login-form a.twiter {
    background: #64ccf1;
}
.login-form a.google {
    background: #d34836;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.login-form ul li:last-child {
    margin-right: 0;
}
.password p.aggri {
    float: none;
}
/*=== Blog post ===*/
/*Sidebar*/
form.blog-shearch-form {
    margin-bottom: 30px;
    position: relative;
    top: -5px;
}
form.blog-shearch-form input {
    width: 100%;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 11px;
}
form.blog-shearch-form button.submit {
    border: snow;
    background-color: transparent;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
}
.single-popular-post-wrap {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}
.popular-post-thumb {
    width: 100%;
    margin-right: 10px;
    flex: 0 0 40%;
}
.popular-post-thumb img {
    border-radius: 5px;
}
.popular-post-content p {
    font-size: 12px;
    line-height: 25px;
    margin-bottom: 0;
}
.single-popular-post-wrap .popular-post-content h6 {
    width: 100%;
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
.popular-post-content h6 {
    font-size: 14px;
    line-height: 20px;
}
.popular-post-content a:hover h6 {
    color: var(--maincolor);
}
form.blog-sidebar-select select.form-select {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #eeeeee;
    font-size: 12px;
    line-height: 12px;
    border-radius: inherit;
    padding-bottom: 15px;
}
form.blog-select-form {
    display: flex;
    width: 65%;
}
form.blog-select-form select.form-select {
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    font-size: 12px;
    text-transform: uppercase;
    margin-right: 15px;
}
.grid-blog {position: absolute;right: 0;top: 0;}

.grid-blog ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.grid-blog ul li {
    display: inline-block;
    margin-right: 10px;
}
.blog-top-bar {
    position: relative;
    margin-bottom: 50px;
}
.grid-blog ul li:last-child {
    margin: 0;
}
.grid-blog ul li a:hover {
    color: var(--maincolor);
}
.single-blog-post {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    border-top-right-radius: 15px;
    border-top-left-radius: 10px;
    margin-bottom: 30px;
    transition: 0.3s;
}
.post-thumbnail {
    margin-bottom: 15px;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.post-thumbnail img {
    transition: 0.3s;
    transform: scale(1);
    width: 100%;
    height: 248px;
    object-fit: cover;
}
.single-blog-post-wrap.blog-details .post-thumbnail img {
    height: auto;
}
.single-post-content-thumb {
    padding: 0 20px;
}
.post-meta {
    margin-bottom: 5px;
}
.post-meta span {
    color: #999999;
    font-size: 13px;
    position: relative;
    margin-right: 30px;
}
.post-meta span i {
    margin-right: 5px;
}
.post-meta span:before {
    position: absolute;
    content: "/";
    right: -19px;
    top: -10px;
}
.post-meta span:last-child:before {
    display: none;
}
.entry-header h2.entry-title {
    font-size: 25px;
    line-height: 35px;
}
.entry-header a:hover h2.entry-title {
    color: var(--maincolor);
}

.entry-content {
    margin-bottom: 30px;
}
.isotope_item .entry-content {
    margin-bottom: 15px;
}
.entry-content p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 25px;
}
.single-blog-post:hover {
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
}
/*Style 2*/
.single-blog-post.style-2 {
    display: flex;
    align-items: center;
}
.single-blog-post.style-2 .post-thumbnail {
    width: 52%;
    margin-bottom: 0;
}
.single-blog-post.style-2 .single-post-content-thumb {
    width: 65%;
    padding: 0 20px;
}
.globalSearchContent span {
    font-size: 13px;
    color: var(--maincolor);
    line-height: 1.5;
    display: block;
    margin: 0 0 10px 0;
}
.single-blog-post.style-2 .entry-content {
    margin-bottom: 0;
}
.single-blog-post.style-2 .entry-header h2.entry-title {
    font-size: 22px;
    line-height: 30px;
}
.single-blog-post.style-2 .post-meta span {
    margin-right: 20px;
}
.single-blog-post.style-2 .post-thumbnail img {
    border-top-right-radius: 0;
    width: 100%;
    border-bottom-left-radius: 10px;
}
/*Blog Grid*/
.blog-grid-top-bar {
    display: flex;
}
.blog-grid-top-bar .blog-grid-one, .blog-grid-top-bar .blog-grid-three, .blog-grid-top-bar .blog-grid-tow {
    width: 25%;
    margin-right: 23px;
}
.blog-grid-one select.form-select, .blog-grid-three select.form-select {
    border-bottom: 1px solid #eeeeee;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}
.single-blog-post-wrap.grid .entry-header h2.entry-title {
    font-size: 20px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.single-blog-post-wrap.grid .entry-header h2.entry-title a {
    font-family: 'Abril Fatface';
}
/*=== Blog Single ===*/
.post-date {
    position: absolute;
    bottom: 0;
    left: 30px;
    background-color: rgb(40, 40, 40);
    width: 102px;
    height: 64px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    padding: 12px 0;
}
.contact-p-contact form textarea {
    height: 125px;
}
.post-date h4 {
    color: #ffffff;
    font-size: 25px;
    margin-bottom: 5px;
    line-height: 17px;
    align-items: center;
}
.post-date h3 {
    color: #ffffff;
    font-size: 15px;
    line-height: 17px;
}
.single-post-coontent-top {
    background-color: #f5f7fa;
    padding: 50px 30px 25px;
    margin-bottom: 0px;
}
.single-blog-post-wrap.blog-details .post-thumbnail {
    margin-bottom: 0;
    position: relative;
}
.single-author-wrap {
    position: relative;
    display: flex;
    align-items: center;
}
.single-author-wrap .author-thumb {
    margin-right: 10px;
    width: 50px;
}
.single-author-wrap .author-thumb img {
    border-radius: 50%;
}
.author-content p {
    font-size: 14px;
    line-height: 4px;
    margin-bottom: 0;
    position: relative;
}
.author-content span {
    font-size: 13px;
    line-height: 18px;
    color: #999999;
}
.single-author-wrap .author-content {
    position: relative;
    top: 8px;
}
.author-tag {
    position: absolute;
    right: 0;
    font-size: 10px;
}
.author-tag p {
    background: #e5eaf2;
    padding: 0 15px;
    border-radius: 20px;
    line-height: 26px;
}
.single-post-content-thumb .entry-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-post-content-thumb .entry-content ul li a {
    font-size: 14px;
}
.single-post-content-thumb .entry-content ul li a i {
    margin-right: 8px;
}
.single-post-content-thumb .entry-content ul li a:hover {
    color: var(--maincolor);
}
.quote-single {
    position: relative;
    border: 1px solid #eeeeee;
    padding: 50px 30px 34px;
    text-align: center;
    border-radius: 5px;
    margin: 30px 0;
}
.quote-single h4 {
    font-size: 23px;
    position: relative;
    z-index: 2;
}
.quote-single p {
    margin-bottom: 0;
    font-size: 15px;
    text-transform: uppercase;
}
.quote-single span {
    font-size: 14px;
    text-transform: uppercase;
}
.quote-single:before {
    position: absolute;
    top: 70px;
    left: 9px;
    content: "\f10d";
    font-family: 'Font Awesome 5 Pro';
    font-size: 180px;
    color: #f5f7fa;
    z-index: 1;
}
.next-prev-post-wrap {
    position: relative;
    display: flex;
}
.next-prev-post-wrap .post-np {
    background-color: #f5f7fa;
    width: 40%;
    border-radius: 5px;
    padding: 20px 10px 10px 30px;
    margin-bottom: 50px;
}
.next-prev-post-wrap .post-np p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 36px;
    font-style: italic;
}
.next-prev-post-wrap .post-np h5 {
    font-size: 18px;
}
.next-prev-post-wrap .post-np a:hover h5 {
    color: var(--maincolor);
}
.next-prev-post-wrap .post-np.prev-post {
    left: 0;
}
.next-prev-post-wrap  .post-np.next-post {
    position: absolute;
    right: 0;
}
.feedback-comments-wrap {
    overflow: hidden;
}
.feedback-comments-wrap {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    padding: 30px 20px 20px 30px;
}
.feedback-comments-wrap .feedback h5 {
    font-size: 18px;
    margin-bottom: 0;
}
.feedback-comments-wrap .feedback h4 {
    font-size: 25px;
}
.feedback-comments-wrap .feedback p {
    font-size: 14px;
    line-height: 25px;
    color: #717171;
    font-style: italic;
    margin-bottom: 40px;
}
.user-comments-wrap {
    display: flex;
    position: relative;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.user-comments-wrap .user-thumb {
    width: 35%;
}
.user-comments-wrap .user-thumb img {
    border-radius: 50%;
}
.user-comments-wrap .user-content p.name {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
}
.user-content p.date {
    color: #999999;
    font-size: 13px;
    margin-bottom: 8px;
}
.user-comments-wrap a.reply {position: absolute;right: 0;top: 0;font-size: 12px;text-transform: uppercase;font-weight: 600;}
.user-comments-wrap a.reply i {
    margin-left: 7px;
}
.user-comments-wrap a.reply:hover {
    color: var(--maincolor);
}
.user-content p.comments {
    margin-bottom: 0;
}
form.user-reply {
    display: flex;
} 
.left-reply {
    width: 35%;
    margin-right: 30px;
}
form.user-reply input {
    height: 50px;
    border: 1px solid #eeeeee;
}
form.user-reply .single-field {
    margin-bottom: 30px;
}
form.user-reply .right-rply {
    width: 60%;
}
form.user-reply .single-field textarea {
    border: 1px solid #eeeeee;
}
.single-blog-post-wrap.blog-details .single-blog-post {
    border: 1px solid transparent;
}

.single-blog-post-wrap.blog-details .single-blog-post .single-post-content-thumb {
    border: 1px solid #eeeeee;
    margin-bottom: 50px;
    border-top: 1px solid transparent;
}
.faq-area .faq-collapse .faq-expandbtn:hover {
    background: var(--maincolor);
}
/*=== Contact ===*/
.google-map-area {
    width: 100%;
    position: relative;
}

.google-map-wrap {
    position: absolute;
    width: 49%;
    right: 0;
    top: 17%;
}
.contact-p-contact {
    padding: 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 0 0 30px 0;
    background: #fafafa;
}
.contact-p-contact .single-field input {
    height: 50px;
    border: 1px solid #ececec;
}
.contact-p-contact .single-field textarea {
    border: 1px solid #cecece;
    margin-bottom: 30px;
}
.single-contact {
    border: 1px solid #ececec;
    border-radius: 10px;
    padding: 50px 50px 35px;
    margin: 35px 0 27px;
}
.contact-content h4 {
    font-size: 25px;
    line-height: 32px;
    margin-bottom: 12px;
}
.contact-thumb {
    margin-bottom: 13px;
}
.contact-content p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
}
.contact-content a {
    font-size: 16px;
    line-height: 25px;
    display: block;
}
.contact-content p a {
    display: inline-block;
}
.contact-content a.chat {
    font-weight: 500;
}
.contact-content a.chat i {
    font-weight: 500;
    position: relative;
    top: 2px;
    right: -4px;
}
.contact-content a:hover {
    color: var(--maincolor);
}
/*=== 404 ===*/
.error-area {
    position: relative;
}
.error-thumb {
    width: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.error-area a.btn.btn-theme {
    margin-top: 20px;
}
/*Product range slider*/
.widget-product-sorting {
  margin-top: 25px;
}
.widget-product-sorting .slider-product-sorting {
  height: 1px;
  border-radius: 0;
  background: #E4E7EB;
  border: 0 !important;
  margin: 0 0px 25px 0;
}
.widget-product-sorting .slider-product-sorting .ui-slider-range {
  background-color: var(--maincolor);
  height: 1px;
}
.widget-product-sorting .slider-product-sorting .ui-slider-handle {
  height: 11px;
  width: 8px;
  background-color: var(--maincolor);
  border: 0 !important;
  top: -5px;
  cursor: pointer;
  border-radius: 3px;
  margin: 0;
}
.widget-product-sorting label {
  font-size: 15px;
  letter-spacing: 0.15px;
  color: var(--maincolor);
  border: 0;
  background: transparent;
  margin-bottom: 0;
  line-height: 1;
}
.widget-product-sorting label:focus {
  border: 0;
}
.widget-product-sorting input {
  font-size: 16px;
  letter-spacing: 0.15px;
  border: 0;
  background: transparent;
  margin-bottom: 0;
  line-height: 1;
  text-align: center;
}
.widget-product-sorting input:focus {
  border: 0;
}
.widget-product-sorting button:focus {
  outline: 0;
}
.product-range-detail {
    border: 1px solid #edf0f5;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    border-radius: 3px;
}
a {}

.gene-nav ul.menu li a {
    color: #ffffff;
    font-size: 16px;
    opacity: 1;
    padding: 5px 25px 39px 15px;
    text-transform: uppercase;
}

.gene-nav ul.menu li:hover a {
    background: transparent;
    color: var(--maincolor);
}
.gene-nav .menu ul > li {
    display: inline-block;
    padding: 0;
}

div#cssmenu ul li > ul {
    display: none;
}

div#cssmenu ul li:hover > ul {
    display: block;
    background-color: #ffffff;
    border-top: 2px solid var(--maincolor);
    opacity: 1;
    padding: 15px 0;
    position: absolute;
    transform: translate3d(0px, 20px, 0px);
    transition: all 0.3s ease 0s;
    visibility: visible;
    width: 220px;
    z-index: 999;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.12);
    text-align: left;
    top: 42px;
}
header.header-area.style-2 .navigation-bg .order-one {
    display: flex;
    align-items: center;
    gap: 15px;
}

header.header-area.style-2 .navigation-bg .order-one span {
    color: #fff;
    opacity: 0.87;
    cursor: pointer;
}

header.header-area.style-2 .navigation-bg .order-one span:hover {
    opacity: 1;
}
div#cssmenu ul li {
    position: relative;
}
div#cssmenu ul li ul li a {
    color: #222;
    display: block;
    font-size: 16px;
    padding: 2px 12px;
}

div#cssmenu ul li ul li a:hover {
    background: transparent;
    color: var(--maincolor);
}
div#cssmenu ul li ul li {
    display: block;
}
.payment-image img {
    margin-right: 25px;
}
button.booking-button-two {
    background: var(--maincolor);
    border: 0 none;
    color: #ffffff;
    line-height: 38px;
    margin-bottom: 10px;
    padding: 0 25px;
    border-radius: 4px;
    height: 40px;
}
.LoginPopup .modal-content {
    padding: 0px 20px 10px 20px;
}
.guest-div .terms-condition {
    position: relative;
    display: flex;
    align-items: center;
}

.guest-div .terms-condition #terms-error {
    position: absolute;
    top: 20px;
}

.guest-div .terms-condition input {
    margin: 0;
    margin-right: 10px;
}
#RegisterModal button.close, #LoginModal button.close {
    position: absolute;
    top: 20px;
    right: 20px;
}
.LoginPopup .LoginHeader {
    text-align: center;
    width: 370px;
    margin: 0 auto;
    background: url(../images/red-line.jpg) repeat-x 0 40%;
}
.LoginPopup .LoginHeader .IconDiv {
    background: #fff;
    width: 140px;
    margin: 0 auto;
}
.LoginPopup .LoginHeader .IconDiv img {
    margin: 0 auto;
}
.LoginPopup .LoginHeader h2 {
    text-transform: uppercase;
    font-size: 22px;
    color: #0a0a0a;
    font-weight: bold;
    padding: 0;
    margin: 20px 0 0 0;
}

.LoginPopup .LoginFormOuter .LoginForm {
    padding: 0px 50px 0px 50px;
}
.LoginPopup .LoginFormOuter .LoginForm:before {
    background: url(../img/top-arrow.png) no-repeat 0 0;
    width: 55px;
    height: 27px;
    display: block;
    content: "";
    text-align: center;
    margin: 0 auto;
    position: relative;
    top: -42px;
}
.LoginPopup .LoginFormOuter .LoginForm .CustomFormGroup {
    position: relative;
}
.form-group {
    margin-bottom: 1rem;
}
.LoginPopup .LoginFormOuter .LoginForm .CustomFormGroup svg {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-right: 1px solid #bfbfbf;
    width: 40px;
    text-align: center;
    color: #999999;
    font-size: 24px;
    padding-top: 10px;
}
.tourismcoreloginBolck i {
    padding-right: 2px;
}
.LoginPopup .LoginFormOuter .LoginForm .CustomFormGroup input.form-control {
    border: none;
    border-radius: 0;
    font-size: 14px;
    padding: 12px 10px 12px 40px;
    height: auto;
    border-bottom: 1px solid #ddd;
}
.form-control {
    font-size: 12px;
}
#loginform .passwordf-modal {
    text-align: right;
}

#loginform .passwordf-modal a {
    color: var(--maincolor);
    font-size: 14px;
}
.LoginPopup .LoginFormOuter .LoginForm .error {
    margin: 0;
}
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
button, input {
    overflow: visible;
}
.LoginPopup .LoginFormOuter .LoginForm .CustomFormGroup i.ShowPassword {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    color: #999999;
    font-size: 17px;
    padding-top: 10px;
}
i.ShowPassword, i.ShowPasswordReg, i.ShowPasswordReg1 {
    cursor: pointer;
}
.tourismcoreloginBolck i {
    padding-right: 2px;
}
.LoginPopup .LoginFormOuter .LoginForm a.ForgotPwd {
    font-size: 12px;
    color: #7e7e7e;
}
.LoginPopup .LoginFormOuter .LoginForm button.btn-primary {
    margin: 0;
    padding: 10px 20px;
    border-radius: 0;
    background: #149497;
    border: none;
    outline: none;
    display: block;
}
.LoginPopup .LoginFormOuter .LoginForm .CustomCheckbox {
    margin: 10px 0;
    padding: 0;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
}
.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.button-loginsubmit .btn {
    width: 100%;
}
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1px;
}
.LoginPopup .LoginWithSocialLnk {
    border-top: 1px dashed #7e7e7e;
    padding: 30px 0;
}
.LoginPopup .LoginWithSocialLnk ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.LoginPopup .LoginWithSocialLnk ul li.FaceBook {
    background: #3b5a9a;
    margin-right: 5%;
}

.LoginPopup .LoginWithSocialLnk ul li {
    margin: 0;
    padding: 10px 15px;
    list-style: none;
    display: inline-block;
    width: 42%;
}
.LoginPopup .LoginWithSocialLnk ul li a {
    color: #fff;
    font-size: 16px;
}
.LoginPopup .LoginWithSocialLnk ul li a i {
    font-size: 30px;
    margin: 0 15px 0 0;
}

.tourismcoreloginBolck i {
    padding-right: 2px;
}
.LoginPopup .LoginWithSocialLnk ul li.Twitter {
    background: #23aae1;
}
.LoginPopup .DontHaveAccount {
    text-align: center;
    margin: 10px 20px 20px 20px;
}
.LoginPopup .DontHaveAccount p {
    margin: 0;
    padding: 0;
    font-size: 20px;
    color: #252424;
    font-weight: bold;
}
.LoginPopup .DontHaveAccount a.CreateNow {
    display: inline-block;
    color: var(--maincolor);
    padding: 5px 20px;
    margin: 20px 0 0 0;
    border-radius: 4px;
    border: 1px solid var(--maincolor);
}
.LoginPopup .DontHaveAccount a.CreateNow:hover {
    background-color: var(--maincolor);
    color: #fff;
}
/* ---------------------------------
REGISTER POP UP
----------------------------------*/
.RegisterPopup .modal-content { 
    padding:0 20px; 
}
.RegisterPopup .RegisterForm .acccount-popup {
    margin: -10px 0 0 0;
}
.RegisterPopup button.close { position:absolute; top:20px; right:20px; }
.RegisterPopup .RegisterHeader { text-align:center; width:370px; margin:0 auto; background:url(../img/red-line.jpg) repeat-x 0 40%; }
.RegisterPopup .RegisterHeader .IconDiv { background:#fff; width:140px; margin:0 auto; }
.RegisterPopup .RegisterHeader .IconDiv img { margin:0 auto; }
.RegisterPopup .RegisterHeader h2 { text-transform:uppercase; font-size:22px; color:#0a0a0a; font-weight:bold; padding:0; margin:20px 0 0 0; }
.RegisterPopup .RegisterForm {margin: 0 25px 0 25px;}
.RegisterPopup .RegisterForm:before { background:url(../images/top-arrow.png) no-repeat 0 0; width:55px; height:27px; display:block; content:""; text-align:center; margin:0 auto; position:relative; top:-42px; }
.RegisterPopup .RegisterForm .CustomRadioBox label { font-size:12px; line-height:24px; color:#7e7e7e; }
.RegisterPopup .RegisterForm .CustomFormGroup { position:relative; }
.RegisterPopup .RegisterForm .CustomFormGroup svg { position:absolute; left:0; top:0; bottom:0; border-right:1px solid #bfbfbf; width:40px; text-align:center; color:#999999; font-size:24px; padding-top:10px; }
.RegisterPopup .RegisterForm .CustomFormGroup i.ShowPassword { position:absolute; right:0; top:0; bottom:0; width:40px; text-align:center; color:#999999; font-size:17px; padding-top:10px; }
.RegisterPopup .RegisterForm .CustomFormGroup input.form-control {     border: 1px solid transparent;
    border-radius: 0;
    font-size: 14px;
    padding: 12px 10px 12px 38px;
    height: auto;
    border-bottom: 1px solid #ddd;}
.RegisterPopup .RegisterForm .CustomFormGroup select.form-control { border:1px solid #bfbfbf; border-radius:0; font-size:14px; padding:12px 10px 12px 60px; height:auto; }
.RegisterPopup .RegisterForm .CustomCheckbox { margin:10px 0 25px 0; text-align:left;padding: 0; position: relative;}
.RegisterPopup .RegisterForm .CustomCheckbox label { font-size:12px; line-height:24px; color:#7e7e7e; }
.RegisterPopup .RegisterForm button.btn-primary { margin:20px 0 0 0; padding:10px 20px; border-radius:0; background:#149497; border:none; outline:none; display:block; }
.RegisterPopup .RegisterForm .CustomFormGroup i.ShowPasswordReg, .RegisterPopup .RegisterForm .CustomFormGroup i.ShowPasswordReg1 { position:absolute; right:0; top:0; bottom:0; width:40px; text-align:center; color:#999999; font-size:17px; padding-top:10px; }
.modal-content .close { border: 1px solid transparent; }
.RegisterPopup .RegisterForm .CustomCheckbox #Remember-error { position: absolute; bottom: -15px; }
.RegisterPopup .RegisterForm .CustomCheckbox label { margin-left: 5px;}
/**********************************************************************************************************************************/
.modal-backdrop.fade.show {
    opacity: 0 !important;
    z-index: 99999999999999;
    height: auto;
}
.LoginPopup .LoginFormOuter .LoginForm .CustomFormGroup i.Licon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    color: #999999;
    font-size: 17px;
    padding-top: 10px;
}
.RegisterPopup .RegisterForm .CustomFormGroup i.Licon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    text-align: center;
    color: #999999;
    font-size: 17px;
    padding-top: 10px;
}
body.modal-open .header-area.sticky.navbar-fixed-top {
    height: 700px;
}
button#btn-search-category {
    border-radius: 10px;
    width: 170px;
    margin-left: 30px;
    border: none;
    background-color: var(--maincolor);
    color: #ffffff;
    font-size: 15px;
    transition: 0.3s;
    height: 50px;
}
.proceed-checkout a {
    float: right;
    background-color: var(--maincolor);
    padding: 8px 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-left: 20px;
    border-radius: 5px;
}
.CartPageSec .coupon-carttotals {
    margin: 0 0 39px 0;
}
.cart-table .EditCancelmks a:nth-child(1) {
    background: var(--secondcolor);
}
.proceed-checkout button {
    float: right;
    background-color: #222222;
    padding: 8px 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}
.include-item {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    transition: all 0.5s ease;
    margin-bottom: 30px;
}

.mt-80 {
    margin-top: 80px;
}
.nav-link img.drop-shadow {
    height: 105px;
    width: 105px;
}

/*Header*/
.sticky .site-logo img {
    height: 90px;
    object-fit: contain;
}
.sticky .login-cart {
    padding: 20px 0;
}
.header-area .site-logo img {
    height: 85px;
    object-fit: contain;
}
.section-title span {
    color: var(--maincolor);
}
/*Banner*/
.single-slide-content .content-text h3 {
    color: #fff;
    text-shadow: 4px 4px 2px rgba(0,0,0,0.6);
}
.tab-container{
    background-color: rgba(0,0,0,.6);
    padding: 0 20px 20px;
    border-radius: 4px;
    width: 35%;
    text-align: left;
    box-shadow: -5px 5px 8px 0 rgba(0,0,0,.4);
    margin: 6rem 0 0 0;
}
.tab-container label {
    color: #fff;
    font-size: 12px;
    line-height: 0;
}
.tab-menu ul{
	margin: 0;
	padding: 0;
}
.tab-menu ul li{
	list-style-type: none;
	display: inline-block;
}
.tab-menu ul li a{
	text-decoration: none;
	color: rgba(0,0,0,0.4);
	background-color: #b4cbc4;
    padding: 5px 25px;
    border-radius: 4px;
    font-size: 12px;
}
.tab-menu ul li a.active-a{
	background-color: var(--maincolor);
	color: #ffffff;
}
.tab{
	display: none;
}
.tab h2{
	color: rgba(0,0,0,.7);
}
.tab p{
	color: rgba(0,0,0,0.6);
	text-align: justify;
}
.tab-active{
	display: block;
}
.tab-container .btn {
    background: var(--maincolor);
    color: #fff;
    margin: 20px 0 0 0;
    font-size: 12px;
    text-transform: uppercase;
}
.single-slide-content .content-text {
    position: absolute;
    right: 0;
    bottom: 45%;
}
.tab-container form input {
    background-color: #e6e6e6;
    border: none;
    border-radius: 3px;
    font-size: 12px;
}
.tab-container .flight-inquiry ul {
    display: flex;
    padding: 0;
    list-style: none;
    gap: 10px;
    line-height: 0;
    margin: 5px 0 5px 0;
}

.tab-container .flight-inquiry ul li {
    color: #fff;
    font-size: 12px;
}
.tab-container .flight-inquiry ul li span {
    position: relative;
    top: -2px;
}

/*Why Us*/

.why-us-wrap .row {
    justify-content: center;
}

/*Top Selling */

.bestselling-wrap .owl-nav button {
    background: var(--maincolor) !important;
    color: #fff !important;
}

.bestselling-wrap .owl-nav button:hover {
    background: var(--secondcolor) !important;
}

/*About Us*/
.about {
    padding: 50px 0 70px 0;
}
.about .row figure img {
    filter: drop-shadow(2px 4px 5px #003);
    height: 471px;
    object-fit: cover;
    border-radius: 10px;
}

/*Single Package Page*/
.single-adventure figure {
    position: relative;
    margin: 0;
}

.single-adventure figure .tour {
    position: absolute;
    bottom: 0;
    background: #e52323;
    color: #fff;
    font-size: 14px;
    text-transform: lowercase;
    padding: 0 15px;
    border-top-right-radius: 7px;
    margin: 0;
    text-transform: uppercase;
}
.trip-itinery .accordion-item button {
    color: #000000c7;
    font-size: 18px;
    background: #fff;
    border: 1px solid #00000080;
}

.trip-itinery .accordion-item .collapse {
    border:none;
}

.trip-itinery .accordion-item h2 {
    margin: 0;
}

.trip-itinery .accordion-item {
    margin: 0 0 20px 0;
}
.trip-itinery .itinerary-titlewrap {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.trip-itinery .itinerary-titlewrap .expand-itinerary .expand-btn {
    background: var(--maincolor);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.trip-itinery .itinerary-titlewrap .expand-itinerary .collapse-btn {
    background: var(--secondcolor);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.trip-itinery .itinerary-titlewrap .expand-itinerary a {
    color: #fff;
    padding:  5px 15px;
    float: left;
    font-size: 14px;
    line-height: 1.5;
}
.trip-itinery .accordion-item button:focus {
    box-shadow: none;
}
.trip-fifo-tow ul {
    display: block;
}

.trip-fifo-tow ul li {
    position: initial;
}

.trip-fifo-tow ul li span {
    position: initial;
    color: #000;
    background: #fff;
    width: auto;
    height: auto;
    display: block;
}

.trip-fifo-tow ul li img {
    height: auto;
    width: auto;
}
.trip-table tbody .hiden-box {
    display: none;
}

img.tripImageGallery{
    object-fit: cover ;
    height: 300px;
    border-radius: 10px;
}

.single-slide img {
    height: 100%;
    object-fit: cover;

}

/*Testimonials*/

.testimonial-client .item p {
    height: 140px;
    font-size: 16px;
    overflow: hidden;
}
.testimonial-client .review-card {
    border: 1px solid #ddd;
    margin: 70px 0 20px 30px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
}
.testimonial-client .review-card .drop-shadow {
    height: 150px;
    width: 150px;
    margin-top: -70px;
    margin-left: 15px;
    border-radius: 50%;
    padding: 5px;
    border: 1px solid #ddd;
    object-fit: cover;
}
.testimonial-client .review-card:before {
    content: '\f10e';
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
    right: 20px;
    top: 20%;
    font-size: 65px;
    color: var(--maincolor);
    opacity: 0.4;
}
.testimonial-section .section-title {
    margin: 5rem 0 0 0;
}
.testimonial-client .review-card:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.testimonial-client .owl-nav {
    display: flex !important;
    position: absolute;
    bottom: 40px;
    left: -155px;
    flex-direction: column-reverse;
    width: 15%;
}
.testimonial-client .review-card .client-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.testimonial-client .review-card .client-info h4 {
    font-size: 18px;
}

.testimonial-client .review-card .client-info h6 {
    font-size: 14px;
}
.testimonial-client .review-card .client-desc {
    padding: 15px;
    padding-bottom: 0;
}
.testimonial-section .heading h2 {
    font-size: 40px;
    line-height: 1.5;
}
.testimonial-client .owl-nav button {
    background: var(--maincolor) !IMPORTANT;
    color: #fff !important;
    height: 50px;
    width: 50px;
}

.inclution-area button.active {
    position: relative;
    background: var(--maincolor) !important;
}

.inclution-area button {
    color: #222;
}

.inclution-area button.active:after {
    content: '\f0d7';
    font-family: 'PhpDebugbarFontAwesome';
    position: absolute;
    bottom: -6px;
    line-height: 0;
    color: var(--maincolor);
    font-size: 50px;
    left: 37%;
}
.inclution-area .homepills {
    background: #19875433;
}
.trip-include-exclude .tab-content .tab-pane ul {
    padding: 0;
    list-style: none;
}

.trip-include-exclude .tab-content .include-tabs {
    background: #19875426;
}

.trip-include-exclude .tab-content .exclude-tabs {
    background: #dc354521;
}
.inclution-area .profilepills {
    background: #dc35452e;
}

.inclution-area .tab-pane {
    padding: 20px;
    border-radius: 7px;
    margin: 20px 0 0 0;
}
.inclution-area .tab-pane ul li,
.inclution-area .tab-pane p{
    margin: 0 0 5px 0;
    position: relative;
    padding: 0 0 0 25px;
}
.flight-inquiry .row > .row,
.flight-inquiry .row > .row .col-md-6:nth-child(2){
    padding-right: 0;
}
.cart-table table thead,
.coupon-carttotals .card-header{
    background: var(--maincolor);
    color: #fff;
}
#memberDetail .proceed-checkout.procedtocheckout {
    display: flex;
    gap: 10px;
    margin: 30px 0 0 0;
}
#memberDetail .proceed-checkout.procedtocheckout button {
    background: var(--secondcolor);
}
.archive-blogs .tag-list-item a {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
    color: #a19f9f;
}
.package-activities .include-icon img {
    height: 240px;
    object-fit: cover;
    width: 100%;
}

.activities-box .include-icon img{
    height: 240px;
    object-fit: cover;
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.photogallery_MKS .demo-gallery img {
    height: 250px;
    object-fit: cover;
    margin: 0 0 25px 0;
    width: 100%;
    border-radius: 10px;
}
.booking-cartpay {
    display: flex;
    gap: 10px;
    margin: 15px 0 0 0;
    align-items: center;
}

.booking-cartpay .inquiry a {
    color: var(--maincolor);
}

.booking-cartpay .booking-button-two {
    height: 40px;
}
.contact-p-contact .form-group .btn {
    border: 1px solid transparent;
    margin: 20px 0 0 0;
}
.hol_booking #qty {
    width: 28%;
    text-align: center;
}
.trip-info-wrap {
    display: flex;
}
.trip-info-wrap ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.trip-info-wrap ul li img {
    height: 30px;
    object-fit: contain;
    margin-right: 5px;
}
.trip-info-wrap ul li strong {
    margin-right: 5px;
}

.trip-info-wrap ul li {
    width: 50%;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    font-size: 14px;
}

/*Pagination*/
 
      .pagination {
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }
    .pagination .fa {
        font-family: "Font Awesome 6 Brands";
    }
    .pagination button {
        background-color: #ddd;
        color: white;
        padding: 0px 12px;
        margin: 0 5px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
    }

    .pagination button:hover {
        background-color: #2323fe;
    }

    .pagination button:disabled {
        background-color: #cccccc;
        cursor: not-allowed;
    }

    .pagination button.active {
        background-color: var(--maincolor);
    }
    
    .login-cart .dropdown .dropdown-menu.authDropdown{
        display:none;
        flex-direction: column !important;
        background: none;
    }
    
    .login-cart .dropdown .dropdown-menu.authDropdown li
    {
            width: 100%;
    }
    
    .login-cart .dropdown .dropdown-menu.authDropdown li:nth-child(2)
    {
        display:block !important;
    }
    
    .login-cart .dropdown .dropdown-menu.authDropdown li a{
        border-radius: 0px !important;
    }


}

.inquiry-formpackage {
    border: 2px solid #f2f2ff !important;
    border-radius:10px !important;
    padding: 15px !important;
    margin-left: 30px !important;
    border-radius: 4px !important;
    position: sticky !important;
    top: 0 !important;
    background-color: #f2f2ff !important;
}
.inquiry-formpackage span.text-default{
    color: #e52323;
}

.inquiry-formpackage form label {
    font-size: 14px;
    font-weight: 500;
}

.inquiry-formpackage form label span {
    color: #da0505;
}
.inquiry-formpackage form .btn {
    padding: 10px 20px !important;
    display: inline-block;
    margin: 15px 0 0 0 !important;
}

.inquiry-formpackage form textarea {
    margin: 0 0 10px 0;
    height: auto;
}
.inquiry-formpackage form h4 {
    margin: 0;
}

.itineraryAccordion .accordion-item{
    border: none !important;
}

.itineraryAccordion .accordion-item .accordion-body.itineraryDetail{
    border: 1px solid #ddd;
}

.itineraryAccordion .accordion-item .itineraryTitle{
    background-color: #ddd;
    border: 1px solid transparent;
    border-bottom: none;
    color: #222;
}
.itineraryAccordion .accordion-item .itineraryTitle:after {
    filter: brightness(0);
}
/*.tripOverview .alpine-left-content {*/
/*    height: 450px;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*}*/
.adventure-details-area .single-achevment ul {
    padding: 0;
}
.CartPageSec .coupon-carttotals .PaymentMethods .BtnOrange {
    border: 1px solid transparent;
}
.itineraryAccordion .accordion-item .accordion-body.itineraryDetail p,
.itineraryAccordion .accordion-item .accordion-body.itineraryDetail p span,
.itineraryAccordion .accordion-item .accordion-body.itineraryDetail ul li{
    color: #000000c7 !important;
    font-size:  0.9rem;
}
.Itinerary .inquiry-formpackage {
    margin: 45px 0 30px 0;
    padding: 20px;
    position: sticky;
    top: 0;
}
.section-title.trip-include,
.section-title.trip-exclude{
    padding: 20px 15px;
}

.section-title.trip-include{
    background: #19875417;
}
/*.package-gallerysl .owl-nav {*/
/*    display: block !important;*/
/*}*/

/*.package-gallerysl .owl-nav button {*/
/*    background: var(--maincolor) !important;*/
/*    color: #fff !important;*/
/*}*/
.section-title.trip-exclude{
    background: #fef9f9;
}
.Itinerary .inquiry-formpackage form .form-group {
    margin: 0;
}
.section-title.trip-include::-webkit-scrollbar,
.section-title.trip-exclude::-webkit-scrollbar
{
    width: 3px;
}

.section-title.trip-include::-webkit-scrollbar-thumb{
    background-color: #2323FF;
    border-radius: 5px;
}

.section-title.trip-exclude::-webkit-scrollbar-thumb{
    background-color: #E52323;
    border-radius: 5px;
}

.section-title.trip-include::-webkit-scrollbar-thumb:hover,
.section-title.trip-exclude::-webkit-scrollbar-thumb:hover{
    background-color: #232300;
}
.card.holidaySummaryCard {
    height: 165px;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.footer-area .payments-weaccept {
    padding: 60px 0 20px 0;
    border-bottom: 1px solid #dddddd2b;
    margin: 0 0 40px 0;
}

.footer-area .payments-weaccept p {
    display: flex;
    gap: 20px;
}
.footer-area .payments-weaccept ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
}
.faq-area #accordionExample {
    margin: 20px 0 0 0;
}
.footer-area .payments-weaccept ul i {
    font-style: normal;
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px;
    font-size: 21px;
}
.faq-area .faq-accordion .accordion-item h2 button:after {
    filter: brightness(0) invert(1);
}
.faq-area .faq-accordion .accordion-item h2 button i {
    font-family: 'Font Awesome 5 Pro';
}
.footer-area .payments-weaccept .payments-accept p {
    margin: 0;
}
.footer-area .payments-weaccept p img {
    height: 50px;
    object-fit: contain;
}
.footer-area .payments-weaccept .payments-accept {
    display: flex;
    gap: 20px;
    align-items: center;
}
.footer-area .payments-weaccept h3 {
    color: #fff;
    font-size: 24px;
    margin: 0;
}
.about figure {
    position: relative;
    margin-right: 2rem;
}

.about figure button {
    position: absolute;
    right: 0%;
    top: 50%;
    border: 1px solid transparent;
    height: 80px;
    width: 80px;
    font-size: 30px;
    border-radius: 50%;
    transform: translate(50%, -50%);
    animation: 1500ms ease 0s infinite normal none running glowing;
}

.about figure button i {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
}
@-webkit-keyframes glowing {
  from{box-shadow:0px 0px 5px #fff,0px 0px 5px #dc143c;}
  to{box-shadow:0px 0px 20px #fff,0px 0px 20px #dc143c;}
}

@-moz-keyframes glowing {
  from{box-shadow:0px 0px 5px #fff,0px 0px 5px #dc143c;}
  to{box-shadow:0px 0px 20px #fff,0px 0px 20px #dc143c;}
}

@-o-keyframes glowing {
  from{box-shadow:0px 0px 5px #fff,0px 0px 5px #dc143c;}
  to{box-shadow:0px 0px 20px #fff,0px 0px 20px #dc143c;}
}

@keyframes glowing {
  from{box-shadow:0px 0px 5px #fff,0px 0px 5px #dc143c;}
  to{box-shadow:0px 0px 20px #fff,0px 0px 20px #dc143c;}
}
.about-modal .modal-body {
    background: #000201;
}
.faq-area .faq-collapse {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: flex-end;
    align-items: center;
}

.faq-area .faq-collapse a {
    border-radius: 0;
    padding: 5px 10px;
    font-size: 14px;
}

.faq-area .faq-collapse .faq-collapsebtn {
    background: var(--secondcolor);
}

.portfolio-area,
.quick-icon-area,
.testimonial-section{
    background: #fafafa;
}
.faq-area .faq-accordion .accordion-item {
    margin: 0 0 10px 0;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.faq-area .faqaside-wrap {
    padding: 3.2rem 0 0 0;
}
.faq-area .faq-accordion .accordion-item h2 button {
    background: var(--maincolor);
    border: 1px solid transparent;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.subscribe-area .form-newsleterhome {
    z-index: 1;
}
/*.adv-similar-detail-wrap .owl-nav,*/
/*.package-gallerysl .owl-dots{ */
/*    display: block !important;*/
/*}*/

.adv-similar-detail-wrap .owl-nav button,
.package-gallerysl .owl-nav button{
    background: var(--maincolor) !important;
    color: #fff !important;
    height: 35px;
    width: 35px;
    font-size: 14px !important;
}
.adv-similar-detail-wrap:hover .adv-similar-detail-wrap .owl-nav,
.package-gallerysl:hover .package-gallerysl .owl-nav{
    display: block !important;
}
.footer-area .payments-weaccept .social-top {
    justify-content: flex-end;
}

/*Global Search*/
header.header-area.style-2 .navigation-bg .order-one .search-box {
    position: fixed;
    bottom: 0;
    left: 0;
    background: #000000c7;
    height: 100vh;
    width: 100%;
    display: none;
    justify-content: center;
    align-items: center;
}

header.header-area.style-2 .navigation-bg .order-one .search-box form {width: 55%;position: relative;}
header.header-area.style-2 .navigation-bg .order-one .showbox {
    display: flex;
}
header.header-area.style-2 .navigation-bg .order-one .search-box form input {
    width: 100%;
    border: 1px solid transparent;
    background: transparent;
    border-bottom: 1px solid #ddd;
    color: #fff;
    padding: 0 30px 0 5px;
}
.Dashboard .Topdashright .cardbox-dash {
    border: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 180px;
    margin: 0 0 30px 0;
    text-align: center;
    background: #e5232324;
    border-radius: 10px;
}

.Dashboard .Leftdashboard ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.Dashboard .Leftdashboard {
    background: var(--maincolor);
    border-radius: 7px;
}

.Dashboard .Leftdashboard ul li {
    color: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #dddddda8;
}

.Dashboard .Leftdashboard ul li i {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    margin-right: 5px;
}
.Dashboard .Topdashright .cardbox-dash h6 {
    margin: 10px 0;
}
li.DashboardTitle{font-size: 20px !important; color: #fff !important; background-color: var(--maincolor) !important;padding: 12px 15px;}
.Topdashright{/* text-align: center; */}
.Dashbox{background-color: #f2f2f2; padding:20px 30px; text-align: center; display: inline-block; position: relative; overflow: hidden;border:1px solid #ddd;display:flex;flex-direction:column;}
.Dashbox img{max-width: 60px; margin-bottom: 15px;}
.BookCount{position: absolute; top: 0px; right: 0px;}
.BookCount span{background-color: var(--maincolor); padding:4px 8px; color: #fff; font-weight: 500;}
.Dashbox  h4{font-size: 15px; font-weight: 600; margin-bottom: 0px;line-height: 1.6;}
.Dashbox a{color: #333;}
.Dashbox a:hover{color: var(--maincolor);}
.LatestBookings{padding-top: 30px;}
.LatestBookings h4{}
.LatestBookings .table th,.LatestBookings .table td{font-size: 14px;}
.LatestBookings .table td.pending_status{color: var(--maincolor);}
.LatestBookings .table td.success_status{color: #33d422; font-weight: 600;}

.Dashtitlemkd h4{position:relative;overflow:hidden; margin-bottom: 30px;}
.Dashtitlemkd h4 span{text-align:center;text-transform:uppercase;padding:10px 30px;background-color:#000;display:inline-block;color:#fff;font-weight:700;font-size:20px;border-bottom:3px solid var(--maincolor); letter-spacing: 1.2px;}
.Dashtitlemkd h4:before,.Dashtitlemkd h4:after{position:absolute;top:51%;overflow:hidden;width:100%;height:3px;content:'\a0';background-color:var(--maincolor);margin-left:0px;}
.Dashtitlemkd h4:before{margin-left:100%;text-align:left;}
.Dashtitlemkd h4 span{font-size: 16px; font-weight:500;}
.thead-bgdash{color:#333;background-color:#f2f2f2;border-color:#f2f2f2;}
.Bookingsdash{padding-top:0px;}
.has-search .form-control{padding-left:2.375rem !important;}
.has-search .form-control-feedback{position:absolute;z-index:2;display:block;width:2.375rem;height:2.375rem;line-height:2.375rem;text-align:center;pointer-events:none;color:#aaa;}
.BookingSearchmks .input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-left:none;vertical-align:middle;}
.BookingSearchmks .input-group-addon i{padding-top: 5px;}
.BookingSearchmks .form-control{font-size: 12px; border-radius: 0px; height: auto; padding: .675rem .75rem;}
.BookingSearchmks{background-color: #f2f2f2; padding:15px; border:1px solid #ddd; margin-bottom: 30px; border-radius: 2px;}
.BookingSearchmks select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
.Sortbycustom{position: relative;}
.Arrowicon{position: absolute; top: 6px; right: 8px;}
.Arrowicon i{font-size: 24px;}
.BookingSearchmks .Arrowicon{top:10px;}
.SearchReset{text-align: center; margin-top: 10px;}
.SearchReset input{font-size:16px;color:#fff;background-color:var(--maincolor);padding:8px 16px; border:none; border-radius: 2px; margin-right: 10px; cursor: pointer;}
input.ResetBtnmks{background-color: #222 !important;}
.BookingSearchmks .form-control:focus{color:#495057;background:#fff;border-color:#ced4da;outline:none;box-shadow:none;}
header.header-area.style-2 .navigation-bg .order-one .search-box form button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    color: #fff;
    border: 1px solid transparent;
    padding: 0;
    font-size: 28px;
}

header.header-area.style-2 .navigation-bg .order-one .search-box .fa-times {
    position: absolute;
    top: 20%;
    right: 23%;
    color: #fff;
    font-size: 40px;
    opacity: 0.8;
    cursor: pointer;
}

header.header-area.style-2 .navigation-bg .order-one .search-box .fa-times:hover {
    opacity: 1;
}
.Dashboard .RightConDashmks .Bookingsdash {
    border: 1px solid #ddd;
    padding: 30px;
    margin: 0 0 30px 0;
    border-radius: 10px;
}

.Dashboard .RightConDashmks .Bookingsdash 
form .btn-file {
    background: #ddd;
    border: 1px solid transparent;
    margin: 10px 0;
}

.Dashboard .RightConDashmks .Bookingsdash form .SearchReset input {
    background: var(--maincolor);
    border: 1px solid transparent;
    color: #fff;
    padding: 5px 20px;
    border-radius: 7px;
}
.searchcontents-all {
    flex-direction: column;
}
.search-all {
    margin: 0;
}
.search-all h4 {
    font-size: 18px;
    margin: 0 0 20px 0;
}

.search-all .searchcontents-all .nav {
    width: 100%;
    border: 1px solid #ddd;
    align-items: center;
    padding: 0 15px;
    margin: 0 0 20px 0;
    border-radius: 4px;
}
.search-all .searchcontents-all .nav h6 i {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
}
.globalSearchContent {
    display: flex;
    gap: 20px;
}
.globalSearchContent img {
    flex: 0 0 20%;
    width: 40%;
    margin: 0;
    object-fit: cover;
}
.globalSearchContent .global-contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 0 0 80%;
}
.search-all .searchcontents-all .nav button {
    border-right: 1px solid #ddd;
    border-radius: 0;
    color: #222;
    padding-left: 35px;
    padding-right: 35px;
}
.search-all .searchcontents-all .nav h6 {
    font-size: 14px;
    color: #222;
    opacity: 0.8;
    margin-right: 5px;
    margin-bottom: 0;
    padding-right: 20px;
}

.search-all .searchcontents-all .nav .active {
    color: #222;
    background: #f1f1f1;
}
.globalSearchContent .global-contents {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.search-all .searchcontents-all .nav .allpills {
    border-left: 1px solid #ddd;
}
.search-results h4 {
    font-size: 18px;
    padding: 0 0 10px 0;
}
.Dashboard {
    padding: 50px 0 20px 0px;
}
.activities-box .include-text {
    padding: 0 15px;
}

.activities-box .include-text h4 {
    margin: 10px 0 5px 0;
}

.activities-box .include-text p {
    line-height: 1.8;
}
.login-cart .userDropdown .dropdown-item {
    background: #fff;
    color: #222;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
}

.login-cart .userDropdown .dropdown-item:hover {
    background: #f1f1f1;
}
.login-cart .userDropdown {
    flex-direction: column;
}
.sign-in-area .CustomCheckbox label:before {
    display: none;
}
.sign-in-area .CustomCheckbox input {
    position: static;
    opacity: 1;
}
.sign-in-area .sign-up-form {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px;
    border-radius: 4px;
}
.sign-in-area .sign-in-container {
    border: 1px solid #ddd;
    padding: 30px;
}

.sign-in-area .sign-in-container input {
    padding: 4px 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.sign-in-area .sign-in-container form a {
    color: #000000a8;
    text-align: left;
    display: block;
}
.sign-in-area .sign-in-container .sign-in-buttons .fb-login {
    background: #3b5a9a;
}

.sign-in-area .sign-in-container .sign-in-buttons .google-login {
    background: #ed3333;
}
.sign-in-area .sign-in-container .sign-in-settings a {
    text-decoration: underline;
    color: var(--maincolor);
    font-style: italic;
}
.sign-in-area .sign-in-container .sign-in-buttons a {
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 21px;
    margin: 0 0 20px 0;
    border-radius: 7px;
}
.sign-in-area .sign-in-container .submit-button {
    background: var(--maincolor);
    color: #fff;
    padding: 0 30px;
}
.sign-in-area .sign-up-form .custom-checkbox {
    margin: 10px 0;
    padding: 0;
}
.sign-in-area .sign-up-form .btn {
    border: 1px solid transparent;
}
.sign-in-area {
    padding: 70px 0 50px 0;
}
.about-page figure {
    margin: 0;
    height: auto;
}

.about-page figure img {
    height: auto !important;
}
.about-page .card {
    padding: 20px;
    margin: 0 0 20px 0;
    background: #f1f1f1;
}
.about-page {
    padding: 0;
}
.faq-singlepage .itinerary-titlewrap p {
    flex: 0 0 75%;
}

.faq-singlepage .itinerary-titlewrap {
    align-items: flex-end;
}

.faq-singlepage .itinerary-titlewrap p span {
    color: #222;
}
.faq-singlepage .accordion-item button {
    background: var(--maincolor);
    color: #fff;
    border: 1px solid transparent;
}

.faq-singlepage .accordion-body p span {
    color: #222;
}
.faq-singlepage .accordion-item button {
    background: var(--maincolor);
    color: #fff;
    border: 1px solid transparent;
}

.faq-singlepage .accordion-body p span {
    color: #222;
}

.faq-singlepage .accordion-item button.show:after {
    display: none !important;
}

.faq-singlepage .accordion-item button:after {
    filter: brightness(0) invert(1);
}
.faq-singlepage .accordion-item button i {
    display: none;
}