/* 
/*------------------------------------------------------------------
* Project:        Yatra
* Author:         HtmlDesignTemplates
* URL:            https://themeforest.net/user/htmldesigntemplates/portfolio
* Created:        11/20/2024
-------------------------------------------------------------------

- // TABLE OF CONTENTS // -

========================================================================
 

 1.* Default
 2.* Navbar
 3.* Header
 4.* Slider/Banner
 5.* Popular
 6.* countdown
 7.* deal
 8.* bucket List
 9.* Top Destination
 10.* Testimonial
 11.* Blog
 12.* Partners
 13.* Footer
 14.* On sale
 15.* Destination innerpage
 16.* Detail page 
 17.* Detail Tab page
 18.* Destination fullwidth
 19.* Destination 2 cols
 20.* Trekking page
 21.* Blog Innerpage,
 22.* Error page
 23.* Pricing Page
 24.* About us
 25.* Shop Page
 26.* Home style 1
 27.* Home style 2
 28.* Responsive

 */

@import url(https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700);
@import url(https://fonts.googleapis.com/css?family=Mukta:300,400,600,700);
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans&display=swap');


* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  box-sizing: border-box;
}

ol,
ul {
  list-style: none;
}

:focus {
  outline: 0;
}

.clear {
  clear: both;
  line-height: 0;
  font-size: 0;
}

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  visibility: hidden;
  height: 0;
}

.clearfix:after .test {
  color: red;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

header,
nav,
section,
article,
aside,
footer {
  display: block;
}

* {
  margin: 0px;
  padding: 0;
}

body {
  margin: 0;
  padding: 0;
  font-size: 15px;
  background: #fff;
  font-family: 'Poppins', sans-serif;
  line-height: 1.5;
  color: #333;
  font-weight: 300;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
  margin-bottom: 15px;
  color: #444444;
  margin-top: 0;
  line-height: 1.5;
  font-family: 'Josefin Sans', sans-serif;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 28px;
}

h3,
.h3 {
  font-size: 21px;
}

h4,
.h4 {
  font-size: 18px;
}

h5,
.h5 {
  font-size: 16px;
}

h6,
.h6 {
  font-size: 14px;
}

hr {
  border: 0.5px solid #444444;
}

p {
  margin-bottom: 15px;
  color: #555;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  margin-bottom: 15px;
  color: #777;
  position: relative;
}

a {
  color: #002147;
  transition: all ease-in-out 0.3s;
  text-decoration: unset;
}

a:hover {
  text-decoration: none;
  color: #0D74BA;
}

input[type=text],
input[type=email],
input[type=number],
input[type=search],
input[type=password],
input[type=tel],
input[type=date],
textarea,
select,
.form-control {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  background-color: #fff;
  border: 1px solid #eceaea;
  border-radius: 0px;
  padding: 10px 25px;
  width: 100%;
  color: #444444;
  height: auto;
  margin-bottom: 0px;
  box-shadow: none;
}

select {
  padding: 10px 20px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus,
select:focus {
  border-color: #66afe9;
  transition: all 0.5s ease;
}

textarea {
  resize: vertical;
  height: 200px;
}

img {
  width: 100%;
}

section {
  padding: 80px 0 85px;
}

section:nth-child(even) {
  background: #fbfbfb;
}

section:nth-child(odd) {
  background: #fff;
}

section.white-bg {
  background: #fff;
}

body [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  margin-left: 0;
  font-size: 16px;
}

label {
  font-weight: 500;
  margin-bottom: 5px;
}

.btn-blue {
  border: 1px solid #e67a00;
  padding: 7px 25px;
  display: inline-block;
  background: #e67a00;
  color: #fff;
  transition: all ease-in-out 0.3s;
  cursor: pointer;
}

.btn-blue:hover {
  background: #fff;
  color: #e67a00;
  border-color: #e67a00;
}

.btn-white {
  background: transparent;
  border-color: #fff;
  color: #fff;
}

.btn-red {
  background: #D60D45;
  border-color: #D60D45;
}

.btn-red:hover {
  background: #fff;
  color: #D60D45;
  border-color: #D60D45;
}

.btn-style-1 {
  border-radius: 25px;
  padding: 10px 25px;
}

.btn-style-2 {
  border-radius: 10px;
  padding: 10px 25px;
}

.white {
  color: #fff;
}

.pink {
  color: #D60D45;
}

.black {
  color: #444444;
}

.grey {
  color: #7d7676;
}

.lightblue {
  color: #a3d8f1;
}

.yellow {
  color: #ffc63f;
}

.green {
  color: #34E0A1;
}

.blue {
  color: #e67a00;
}

.light-grey {
  color: #f7f2f2;
}

/* padding */
.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 5px !important;
}

.p-2 {
  padding: 10px !important;
}

.p-3 {
  padding: 15px !important;
}

.p-4 {
  padding: 20px !important;
}

.p-5 {
  padding: 25px !important;
}

.p-6 {
  padding: 30px !important;
}

.p-7 {
  padding: 40px !important;
}

.p-8 {
  padding: 50px !important;
}

.p-9 {
  padding: 75px !important;
}

.p-10 {
  padding: 100px !important;
}

.p-11 {
  padding: 120px !important;
}


/* Padding Top */
.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pt-1,
.py-1 {
  padding-top: 5px !important;
}

.pt-2,
.py-2 {
  padding-top: 10px !important;
}

.pt-3,
.py-3 {
  padding-top: 15px !important;
}

.pt-4,
.py-4 {
  padding-top: 20px !important;
}

.pt-5,
.py-5 {
  padding-top: 25px !important;
}

.pt-6,
.py-6 {
  padding-top: 30px !important;
}

.pt-7,
.py-7 {
  padding-top: 40px !important;
}

.pt-8,
.py-8 {
  padding-top: 50px !important;
}

.pt-9,
.py-9 {
  padding-top: 75px !important;
}

.pt-10,
.py-10 {
  padding-top: 100px !important;
}

.pt-11,
.py-11 {
  padding-top: 120px !important;
}

/* Padding Bottom */
.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pb-1,
.py-1 {
  padding-bottom: 5px !important;
}

.pb-2,
.py-2 {
  padding-bottom: 10px !important;
}

.pb-3,
.py-3 {
  padding-bottom: 15px !important;
}

.pb-4,
.py-4 {
  padding-bottom: 20px !important;
}

.pb-5,
.py-5 {
  padding-bottom: 25px !important;
}

.pb-6,
.py-6 {
  padding-bottom: 30px !important;
}

.pb-7,
.py-7 {
  padding-bottom: 40px !important;
}

.pb-8,
.py-8 {
  padding-bottom: 50px !important;
}

.pb-9,
.py-9 {
  padding-bottom: 75px !important;
}

.pb-10,
.py-10 {
  padding-bottom: 100px !important;
}

.pb-11,
.py-11 {
  padding-bottom: 120px !important;
}


/* Padding Start/Left */
.ps-0,
.px-0 {
  padding-left: 0px !important;
}

.ps-1,
.px-1 {
  padding-left: 5px !important;
}

.ps-2,
.px-2 {
  padding-left: 10px !important;
}

.ps-3,
.px-3 {
  padding-left: 15px !important;
}

.ps-4,
.px-4 {
  padding-left: 20px !important;
}

.ps-5,
.px-5 {
  padding-left: 25px !important;
}

.ps-6,
.px-6 {
  padding-left: 30px !important;
}

.ps-7,
.px-7 {
  padding-left: 40px !important;
}

.ps-8,
.px-8 {
  padding-left: 50px !important;
}

.ps-9,
.px-9 {
  padding-left: 75px !important;
}

.ps-10,
.px-10 {
  padding-left: 100px !important;
}

.ps-11,
.px-11 {
  padding-left: 120px !important;
}

/* Padding End/Right */
.pe-0,
.px-0 {
  padding-right: 0px !important;
}

.pe-1,
.px-1 {
  padding-right: 5px !important;
}

.pe-2,
.px-2 {
  padding-right: 10px !important;
}

.pe-3,
.px-3 {
  padding-right: 15px !important;
}

.pe-4,
.px-4 {
  padding-right: 20px !important;
}

.pe-5,
.px-5 {
  padding-right: 25px !important;
}

.pe-6,
.px-6 {
  padding-right: 30px !important;
}

.pe-7,
.px-7 {
  padding-right: 40px !important;
}

.pe-8,
.px-8 {
  padding-right: 50px !important;
}

.pe-9,
.px-9 {
  padding-right: 75px !important;
}

.pe-10,
.px-10 {
  padding-right: 100px !important;
}

.pe-11,
.px-11 {
  padding-right: 120px !important;
}


/* Margin */

.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 5px !important;
}

.m-2 {
  margin: 10px !important;
}

.m-3 {
  margin: 15px !important;
}

.m-4 {
  margin: 20px !important;
}

.m-5 {
  margin: 25px !important;
}

.m-6 {
  margin: 30px !important;
}

.m-7 {
  margin: 40px !important;
}

.m-8 {
  margin: 50px !important;
}

.m-9 {
  margin: 75px !important;
}

.m-10 {
  margin: 100px !important;
}

.m-11 {
  margin: 120px !important;
}

/* Margin Top */
.mt-0,
.my-0 {
  margin-top: 0px !important;
}

.mt-1,
.my-1 {
  margin-top: 5px !important;
}

.mt-2,
.my-2 {
  margin-top: 10px !important;
}

.mt-3,
.my-3 {
  margin-top: 15px !important;
}

.mt-4,
.my-4 {
  margin-top: 20px !important;
}

.mt-5,
.my-5 {
  margin-top: 25px !important;
}

.mt-6,
.my-6 {
  margin-top: 30px !important;
}

.mt-7,
.my-7 {
  margin-top: 40px !important;
}

.mt-8,
.my-8 {
  margin-top: 50px !important;
}

.mt-9,
.my-9 {
  margin-top: 75px !important;
}

.mt-10,
.my-10 {
  margin-top: 100px !important;
}

.mt-11,
.my-11 {
  margin-top: 120px !important;
}

/* Mrgin Bottom */
.mb-0,
.my-0 {
  margin-bottom: 0px !important;
}

.mb-1,
.my-1 {
  margin-bottom: 5px !important;
}

.mb-2,
.my-2 {
  margin-bottom: 10px !important;
}

.mb-3,
.my-3 {
  margin-bottom: 15px !important;
}

.mb-4,
.my-4 {
  margin-bottom: 20px !important;
}

.mb-5,
.my-5 {
  margin-bottom: 25px !important;
}

.mb-6,
.my-6 {
  margin-bottom: 30px !important;
}

.mb-7,
.my-7 {
  margin-bottom: 40px !important;
}

.mb-8,
.my-8 {
  margin-bottom: 50px !important;
}

.mb-9,
.my-9 {
  margin-bottom: 75px !important;
}

.mb-10,
.my-10 {
  margin-bottom: 100px !important;
}

.mb-11,
.my-11 {
  margin-bottom: 120px !important;
}

/* Margin Start/Left */
.ms-0,
.mx-0 {
  margin-left: 0px !important;
}

.ms-1,
.mx-1 {
  margin-left: 5px !important;
}

.ms-2,
.mx-2 {
  margin-left: 10px !important;
}

.ms-3,
.mx-3 {
  margin-left: 15px !important;
}

.ms-4,
.mx-4 {
  margin-left: 20px !important;
}

.ms-5,
.mx-5 {
  margin-left: 25px !important;
}

.ms-6,
.mx-6 {
  margin-left: 30px !important;
}

.ms-7,
.mx-7 {
  margin-left: 40px !important;
}

.ms-8,
.mx-8 {
  margin-left: 50px !important;
}

.ms-9,
.mx-9 {
  margin-left: 75px !important;
}

.ms-10,
.mx-10 {
  margin-left: 100px !important;
}

.ms-11,
.mx-11 {
  margin-left: 120px !important;
}

/* Mrgin End/Right */
.me-0,
.mx-0 {
  margin-right: 0px !important;
}

.me-1,
.mx-1 {
  margin-right: 5px !important;
}

.me-2,
.mx-2 {
  margin-right: 10px !important;
}

.me-3,
.mx-3 {
  margin-right: 15px !important;
}

.me-4,
.mx-4 {
  margin-right: 20px !important;
}

.me-5,
.mx-5 {
  margin-right: 25px !important;
}

.me-6,
.mx-6 {
  margin-right: 30px !important;
}

.me-7,
.mx-7 {
  margin-right: 40px !important;
}

.me-8,
.mx-8 {
  margin-right: 50px !important;
}

.me-9,
.mx-9 {
  margin-right: 75px !important;
}

.me-10,
.mx-10 {
  margin-right: 100px !important;
}

.me-11,
.mx-11 {
  margin-right: 120px !important;
}

/* Border Radius */
.rounded {
  border-radius: 10px !important;
}

.rounded-top {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.rounded-bottom {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.rounded-start {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}

.rounded-end {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 999999;
}

#status {
  position: fixed;
  content: '';
  display: block;
  top: 28%;
  left: 0;
  right: 0;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  background: url(../images/loader.gif);
  background-size: cover;
  background-position: center;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 9999999999;
}

.bg-white {
  background: #fff !important;
}

.bg-snow {
  background-color: #FFFAFA;
}

.bg-light-grey {
  background-color: #f7f2f2;
}

.bg-grey {
  background-color: #f7f7f7;
}


/* Section Head */
.section-title {
  position: relative;
  padding: 0 20%;
  margin-bottom: 40px;
  z-index: 1;
}

.section-title h2 {
  position: relative;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.section-title p {
  margin-bottom: 0;
}

.section-title [class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
  font-size: 36px;
  color: #e67a00;
}

.section-icon {
  display: inline-block;
  background: transparent;
  z-index: 1;
  position: relative;
  padding: 0 20px;
  margin-bottom: 15px;
}

.section-icon:before {
  position: absolute;
  width: 100px;
  height: 1px;
  background: #333;
  content: '';
  left: -100px;
  top: 50%;
}

.section-icon:after {
  position: absolute;
  width: 100px;
  height: 1px;
  background: #333;
  content: '';
  right: -100px;
  top: 50%;
}

/*
breadcrumb*/
section.breadcrumb-outer {
  background: url(../images/breadcrumb.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  padding: 50px 0 0px;
}

.section-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.breadcrumb-outer h2 {
  color: #fff;
  margin: 0;
  font-size: 36px;
  padding: 10px 0 35px;
}

.breadcrumb-content {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.breadcrumb-content:before {
  position: absolute;
  content: '';
  height: 2px;
  background: #fff;
  width: 50px;
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.breadcrumb-content nav {
  display: inline-block;
}

.breadcrumb-content ul {
  margin-bottom: 0;
  background-color: #fff;
  padding: 12px 30px;
  box-shadow: 0 0 10px #ccc;
  position: absolute;
  left: 0;
  right: 0;
  width: 40%;
  margin: 0 auto;
  bottom: -23px;
  border-radius: 0;
  justify-content: center;
}

.breadcrumb-content li {
  margin-bottom: 0;
}

.breadcrumb-content li a {
  transition: all ease-in-out 0.3s;
  color: #666;
}

.breadcrumb-content li a:hover {
  color: #ffb606;
}

.breadcrumb-content .breadcrumb>.active {
  color: #ffb606;
}

.breadcrumb>li+li:before {
  padding: 0 10px 0 5px;
  content: '|'
}

/*pagination*/
ul.pagination {
  margin: 0;
  display: block
}

.pagination-content {
  margin-top: 30px;
  text-align: center;
}

.pagination>li {
  display: inline-block;
}

.pagination>li>a,
.pagination>li>span {
  line-height: 2;
  font-size: 18px;
  padding: 5px 16px;
  display: inline-block;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>li.active>a {
  background: #e67a00;
  color: #fff;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
  border-radius: 0;
}

label.error {
  color: red;
  margin-top: 5px;
  font-size: 14px;
}

.alert-success {
  background: #3c763d;
  border: none;
  color: #fff;
}

.alert-success h3 {
  margin-bottom: 5px;
  color: #fbfbfb;
}

.alert-success p {
  color: #fbfbfb;
}

/* ====================== */
/*         Header         */
/* ====================== */


.navbar {
  border-bottom: 0;
  padding: 0;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -moz-transition: all 0.1s ease-in-out 0s;
  -ms-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
  min-height: 30px;
}

.navbar.navbar-default {
  margin: 0;
  padding: 0;
  height: auto;
  background: transparent;
  border: none;
}

.logo {
  padding: 8px 0;
}

.logo a {
  font-size: 28px;
  text-transform: uppercase;
  font-weight: bold;
}

.bg-color-header .navbar-default {
  background: #FE8800;
}


/* Main Menu Dropdown */

.logo-wrapper,
.navbar-nav-wrapper,
.nav-mini-wrapper {
  float: left;
}

.logo-wrapper {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}

ul.nav-mini {
  padding-top: 3px;
  padding-right: 13px;
}

ul.nav-mini li {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  background: #00bcd4;
  border-radius: 5px;
  padding: 2px 10px;
}

ul.nav-mini li:last-child {
  margin-right: 0px;
}

ul.nav-mini li i {
  color: #fff;
  padding-right: 5px;
}

.nav.navbar-nav {
  float: left;
  transition: all ease-in-out 0.3s;
  display: inline-block;
}

.nav.navbar-nav>li {
  position: relative;
  float: left;
  display: inline-block;
  margin: 10px 13px;
}

.nav.navbar-nav li:last-child {
  margin-right: 0;
}

.nav.navbar-nav li a {
  color: #FFF;
}

.nav.navbar-nav li.has-child i {
  display: inline-block;
}

.nav.navbar-nav>li>a {
  line-height: 3.5;
  font-size: 14px;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  padding: 0;
  color: #333;
  position: relative;
  font-weight: 600;
}

.nav.navbar-nav>li>a:hover,
.nav.navbar-nav>li.active>a,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
  color: #D60D45;
  background: none;
  text-decoration: none;
}

.nav.navbar-nav>li:last-child>a:after {
  display: none;
}

.nav.navbar-nav li ul {
  z-index: 99999;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 59px;
  left: 0;
  width: 200px;
  display: none;
  background-color: #fff;
  border: 1px solid #EEE;
  border-top: 2px solid #D60D45;
  -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}

/*.nav.navbar-nav li:last-child ul, .nav.navbar-nav li:nth-last-child(2) ul  { left: auto; right:0; } */

.nav.navbar-nav li ul li a {
  border-bottom: 1px solid #E6E6E6;
  display: block;
  padding: 14px 20px;
  font-size: 13px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  color: #333;
  font-weight: 400;
  letter-spacing: 0.5px;
  line-height: 1.25;
}

.nav.navbar-nav li>ul>li:last-child>a,
.navbar-nav li>ul>li>ul>li:last-child>a {
  border-bottom: 0;
}

.nav.navbar-nav li ul li:hover a {
  padding-left: 25px;
  padding-right: 15px;
}

.nav.navbar-nav li ul li a:hover {
  color: #D60D45;
}

.nav.navbar-nav li ul li ul {
  position: absolute;
  left: 199px;
  top: -2px;
}

.nav.navbar-nav li ul li:hover ul li a {
  padding-left: 15px;
  padding-right: 15px;
}

.nav.navbar-nav li ul li ul li:hover a {
  padding-left: 20px;
  padding-right: 10px;
}

.nav.navbar-nav li ul li {
  display: block;
  text-align: left;
  margin: 0;
}


/* Mega Menu */

.navbar-nav>li.mega-menu {
  position: inherit;
  left: 0;
}

.navbar-nav>li.mega-menu ul {
  left: 0%;
  width: 100%;
  top: 36px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.navbar-nav>li.mega-menu:hover>a,
.navbar-nav>li.mega-menu>a:hover,
.navbar-nav>li.dropdown:hover>a,
.navbar-nav>li.dropdown>a:hover,
.navbar-nav>li.dropdown.active>a,
.navbar-nav>li.dropdown.active>a:hover,
.navbar-nav>li:hover>a,
.navbar-nav>li.active>a {
  color: #D60D45;
  background: transparent;
}

.mega-menu-inner {
  padding: 0 20px;
}

.bg-color-header .navbar-nav>li.dropdown:hover>a,
.bg-color-header .navbar-nav>li.dropdown>a:hover,
.bg-color-header .navbar-nav>li.dropdown.active>a,
.bg-color-header .navbar-nav>li.dropdown.active>a:hover,
.bg-color-header .navbar-nav>li:hover>a,
.bg-color-header .navbar-nav>li.active>a {
  color: #FFF;
}

.nav.navbar-nav>li>a:hover {
  color: #D60D45;
}

.navbar-arrow>ul>li .arrow-indicator {
  margin-left: 7px;
  color: #333;
}

.navbar-arrow ul ul>li .arrow-indicator {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;
  font-size: 16px;
  color: #333;
}

.nav.navbar-nav li ul li a:hover .navbar-arrow ul ul>li .arrow-indicator {
  color: #D60D45;
}

.megamenu-container .arrow-indicator {
  display: none;
}


@media only screen and (max-width: 1100px) {
  .nav.navbar-nav>li {
    margin: 10px 4px
  }
}

@media only screen and (max-width: 991px) {
  .logo-wrapper {
    width: 50%;
  }

  .navbar-nav-wrapper {
    width: 0%;
  }

  .navbar {
    margin: 0;
    padding: 0;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }

  .navbar-brand {
    line-height: 30px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
  }

  .navbar-arrow>ul>li .arrow-indicator,
  .navbar-arrow ul ul>li .arrow-indicator {
    display: none;
  }

  ul.nav-mini {
    padding-right: 0;
  }

  ul.nav-mini li {
    margin-right: 5px;
    padding: 2px 6px;
  }
}

@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu>li>a {
    line-height: 23px;
  }

  .navbar.navbar-default {
    padding: 0;
  }

  #sp-top-bar {
    top: 95px;
  }

  #sp-top-bar,
  #sp-top2 {
    text-align: center;
  }

  #sp-top1 .nav-mini-wrapper {
    display: inline-block;
    float: none !important;
    margin: 10px 0;
  }

  #sp-top-bar .sp-contact-info {
    display: inline-block;
  }

}

@media (min-width: 768px) {
  .navbar-nav {
    margin: 0;
    display: inline-block;
  }

}

/**
 * Sticky Header
 */

.navbar-sticky {
  background: #fff;
  z-index: 99999;
  box-shadow: 0px 0px 5px #ccc;
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
}

.navbar-sticky.navbar-default {
  padding: 10px 0 8px;
}

.navbar-sticky .navbar-nav>li>ul {
  top: 59px;
}

.navbar-sticky .navbar-nav>li.mega-menu ul {
  top: 60px;
}


.transparent-header .navbar-sticky {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.9);
  margin: 0px;
  border: none;
}

.navbar.navbar-sticky .logo {
  padding: 5px 0 5px;
}

.navbar.navbar-sticky .logo img {
  width: 85%;
}

.navbar.navbar-sticky .nav.navbar-nav>li>a {
  line-height: 1.5;
}

.navigation.navbar-sticky .whitelogo {
  display: none;
}

.navigation .colorlogo {
  display: none;
}

.navigation.navbar-sticky .colorlogo {
  display: block;
}

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

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

  #sp-top2.col-sm-9 {
    padding-right: 0;
  }

  .sp-contact-info li {
    font-size: 12px;
    padding: 6px 4px;
  }

  .navbar-fixed-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    clear: both;
  }

  .transparent-header .navbar-sticky {
    padding: 10px 0;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
  }

  .slicknav_btn {
    top: 32px;
  }

  .slicknav_btn.slicknav_open:before,
  .slicknav_btn.slicknav_collapsed:before {
    font-size: 21px;
  }


}

@media (max-width: 767px) {}

@media (max-width: 479px) {}


/* Header */
.logo img {
  width: 80%;
}

.logo h1 {
  margin-bottom: 0;
  color: #e67a00;
  font-size: 40px;
}

.upper-head {
  background: #e67a00;
  padding: 10px 0;
}

.header-menu {
  padding: 10px 0;
  background: #fff;
}

.contact-info {
  display: inline-block;
}

.upper-head p {
  margin-bottom: 0;
  display: inline-block;
  font-size: 14px;
  color: #fff;
  margin-right: 15px;
  font-weight: 400;
}

.upper-head i {
  padding-right: 5px;
}

.upper-head [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-size: 15px;
  margin-left: 0;
  font-weight: 600;
}

.login-btn a {
  color: #fff;
  font-size: 14px;
  margin-left: 15px;
  font-weight: 400;
}

/* ====================== */
/*         Banner         */
/* ====================== */

#home_banner {
  position: relative;
  padding: 0;
  z-index: 3;
}

.swiper-container {
  height: 100%;
  margin: 60px;
}

.swiper-slide {
  overflow: hidden;
}


.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}

.slide-inner:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white,
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: none !important;
}

.swiper-button-next.swiper-button-white:before,
.swiper-container-rtl .swiper-button-prev.swiper-button-white:before,
.swiper-button-prev.swiper-button-white:before,
.swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: '\f3d6';
  font-family: 'Ionicons';
  font-size: 45px;
  position: absolute;
  right: 25px;
  color: #fff;
}

.swiper-button-prev.swiper-button-white:before,
.swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: '\f3d5';
  left: 25px;
}

.home_banner_text {
  position: absolute;
  z-index: 1;
  top: 40%;
  left: 12%;
}

.home_banner_text p {
  font-size: 20px;
  color: #fff;
}

.home_banner_text h2,
.home_banner_text span,
.home_banner_text a {
  color: #fff;
  background: #e67a00;
  padding: 5px 15px;
  font-size: 33px;
}

.home_banner_text h2 {
  margin-bottom: 3px;
}

.home_banner_text span {
  background: #017ebb;
}

.home_banner_text a {
  background: #036d9f;
  margin-left: -5px;
  transition: all ease-in-out 0.3s;
}

.home_banner_text a:hover {
  color: #036d9f;
  background: #fff;
}

.search-box {
  padding: 0;
  position: relative;
  background: #fbfbfb;
}

.search-outer {
  background: #fff;
  position: relative;
  top: -15px;
  z-index: 1;
  box-shadow: 0px 0px 40px #57575757;
}

.search-title {
  background: #e67a00;
  position: relative;
  padding: 26px 20px;
}

.search-title p {
  font-size: 20px;
  color: #fff;
  margin-bottom: 0;
}

.search-title p span {
  display: block;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0;
}

.search-title [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  font-size: 50px;
  color: #fff;
}

.search-form {
  padding: 20px;
}

.table_item {
  position: relative;
}

.table_item .bootstrap-select>.dropdown-toggle {
  padding: 11px 40px;
  border-radius: 0px;
  border: 1px solid #eceaea;
  background: #fff;
  font-size: 14px;
  font-weight: 300px;
  font-family: 'Roboto', sans-serif;
  color: #444;
}

.table_item .bootstrap-select .dropdown-menu {
  border-radius: 0px;
}

.table_item .bootstrap-select .dropdown-menu li {
  margin-bottom: 5px;
}

.table-item-slider {
  padding-right: 30px;
}

.table_item .form-group {
  position: relative;
  margin-right: 0px;
  margin-bottom: 0;
}

.table_item .form-icon {
  margin-bottom: 0;
}

.table_item .form-group i {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
}

.table_item .input-group-addon i {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  left: 0;
}

.table_item input[type=text],
.table_item input[type=email],
.table_item input[type=number],
.table_item input[type=search],
.table_item input[type=password],
.table_item input[type=tel],
.table_item input[type=date],
.table_item textarea,
.table_item select,
.table_item .form-control {
  padding: 11px 40px;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  line-height: 1.42857143;
  padding: 9px 25px;
}

.date .form-control {
  padding: 10px 40px !important;
}

.table_item a.btn-blue {
  width: 100%;
  text-align: center;
  padding: 9px 25px 8px;
  font-weight: 600;
}

.table_item .input-group-addon {
  border-radius: 0;
  border-left: 1px solid #ccc;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 2.8;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
}

td.day {
  cursor: default;
}

.form-group .nice-select.wide {
  padding-left: 35px;
}

/*swiper banner*/

section.swiper-banner {
  padding: 0;
}

.slider {
  height: 600px;
  overflow: hidden;
  position: relative;
}

.slider .swiper-slide:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 8%);
  top: 0;
  left: 0;
}

.slider .swiper-container {
  width: 100%;
  height: 100%;
  margin: 0;
}

.slider .swiper-slide {
  text-align: center;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-size: 100%;
  background-position: top center;
}

.slider .swiper-container-horizontal>.swiper-pagination-bullets,
.slider .swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 40px;
}

.slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #fff;
  opacity: 1;
}

.slider .swiper-pagination-bullet-active {
  background: #fe4e37;
}

.slider .swiper-container-vertical>.swiper-pagination-bullets {
  right: 50px;
}

.slider .swiper-button-next,
.slider .swiper-button-prev {
  background: #e67a00;
  padding: 14px 25px;
  border-radius: 10px 0px 0px 10px;
}

.slider .swiper-button-next {
  right: 0;
}

.slider .swiper-button-prev {
  left: 0;
  border-radius: 0 10px 10px 0;
}

.slider .swiper-button-next:after,
.slider .swiper-button-prev:after {
  font-size: 14px;
  color: #fff;
}

.swiper-content {
  z-index: 1;
}

.slider .swiper-content h3 {
  color: #fff;
  margin: 16px 0 12px;
  font-size: 15px;
  position: relative;
  padding: 0;
  line-height: normal;
  font-weight: normal;
  display: inline-block;
}

.slider .swiper-content>h2 {
  margin: 0;
  color: #a3d8f1;
  font-size: 28px;
  font-weight: 400;
  text-shadow: none;
  letter-spacing: 1px;
  text-transform: capitalize;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

.slider .swiper-content>h1 {
  color: #fff;
  margin: 10px 0;
  font-size: 48px;
  font-weight: 700;
  text-shadow: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
}

.slider .swiper-content p {
  color: #fff;
  width: 70%;
  margin: 0 auto;
}

.slider .slider-text {
  padding-top: 100px;
}

.slider a.btn-blue {
  padding: 10px 25px;
  background: transparent;
  border-width: 2px;
  border-color: #fff;
  transition: all 0.3s;
}

.slider a.btn-blue:hover {
  background: #D60D45;
  border-color: #D60D45;
  color: #fff;
  transition: all 0.3s;
}

@media(max-width: 1100px) {
  .slider .swiper-slide {
    background-size: cover;
  }
}

@media (max-width: 991px) {
  .table_item .form-group {
    margin-bottom: 15px;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .slider .swiper-content>h1 {
    font-size: 36px;
  }

  .slider .swiper-content>h2 {
    font-size: 24px;
  }
}

@media(max-width: 735px) {

  .slider .swiper-button-next,
  .slider .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 767px) and (min-width: 601px) {
  .slider .swiper-content>h1 {
    font-size: 30px;
  }

  .slider .swiper-content>h2 {
    font-size: 20px;
  }
}

@media(max-width: 480px) {
  .slider {
    height: 400px;
  }

  .slider .swiper-content>h1 {
    font-size: 20px;
    margin: 10px 0;
  }

  .slider .swiper-content>h2 {
    font-size: 16px;
  }
}



/* ====================== */
/*    Popular Package     */
/* ====================== */

section.popular-packages {
  padding: 0 0 50px;
}

.popular-packages .section-title {
  margin-bottom: 10px
}

.package-item {
  background: #fff;
  box-shadow: 0px 0px 15px #b7b7b785;
  margin: 30px 0;
  transition: all ease-in-out 0.3s;
}

.package-content {
  padding: 25px;
  border-bottom: 1px solid #ddd;
}

.package-content h3 {
  display: inline-block;
}

.package-days {
  display: inline-block;
  float: right;
  font-weight: 400;
  font-size: 16px;
  color: #e67a00;
  margin: 3px 0 0 0;
}

.package-content .deal-rating {
  display: inline-block;
  margin: 9px 0;
}

.package-image {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  cursor: default;
  background: linear-gradient(45deg, #d60d45 0%, #046b8c 100%);
  margin-bottom: 22px;
}

.package-image img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 60px) !important;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
  transition: opacity 0.35s, transform 0.45s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

.package-item:hover {
  transition: all ease-in-out 0.3s;
  transform: translateY(-5px);
}

.package-item:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.package-price {
  right: 0;
  bottom: 0;
  padding: 10px 25px 8px;
  text-align: center;
  box-shadow: 1px 1px 5px #cccccc57;
  width: 100%;
}

.package-price .deal-rating {
  display: inline-block;
  margin: 0 20px 0 0;
}

.package-price p {
  margin-bottom: 0;
  font-size: 20px;
  color: #fff;
  display: inline-block;
}

.package-price span {
  font-weight: 600;
}

section.popular-packages .slick-prev {
  left: -10px;
  border-color: #fff;
}

section.popular-packages .slick-next {
  right: -10px;
  border-color: #fff;
}

.package-info {
  text-align: center;
  margin-top: 25px;
}

/*===================================== */
/*           Countdown Section           */
/* ===================================== */

section.countdown-section {
  background: url(../images/countdownbg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative;
  padding-bottom: 53px;
}

.countdown-title {
  position: relative;
  z-index: 1;
}

.countdown-title h2 {
  color: #fff;
  width: 80%;
  text-align: center;
  margin: 0 auto;
  font-size: 40px;
}

.countdown-title h2 span {
  color: #ff9900;
}

.countdown-title p {
  color: #fff;
  font-size: 20px;
  text-align: center;
  margin: 30px 0;
}

.countdown-container {
  position: relative;
  z-index: 1;
}

p#demo {
  text-align: center;
  color: #fff;
  font-size: 80px;
  font-weight: 500;
  margin-bottom: 0;
}

p#demo span {
  font-size: 40px;
  color: #ff9900;
  margin-left: 10px;
}

@media(max-width: 639px) {
  p#demo {
    font-size: 60px;
  }
}

/*===================================== */
/*           Deal Section           */
/* ===================================== */

section.deals {
  background: url(../images/dealsbg.jpg) no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
  padding-bottom: 80px;
}

.section-title-white .section-icon {
  background: transparent;
}

.section-title-white h2,
.section-title-white p,
.section-title-white [class^="flaticon-"]:before,
.section-title-white [class*=" flaticon-"]:before {
  color: #fff;
}

.section-title-white .section-icon:before,
.section-title-white .section-icon:after {
  background: #fff;
}

.deals-outer {
  position: relative;
  z-index: 1;
}

.deals-item {
  position: relative;
  z-index: 1;
  margin: 15px;
}

.deals-item-outer {
  position: relative;
  z-index: 5;
  padding: 10px;
  background: #fff;
}

.deals-item:before {
  position: absolute;
  height: 97%;
  width: 50%;
  content: '';
  background: #fff;
  top: 15px;
  left: 5px;
  z-index: -1;
  transform: rotate(-5deg);
}

.deals-item:after {
  position: absolute;
  height: 50%;
  width: 90%;
  content: '';
  background: #fff;
  top: 0;
  right: 0;
  z-index: -1;
  transform: rotate(5deg);
}

.deal-content {
  text-align: center;
  padding: 25px 0;
}

.deal-rating {
  margin-bottom: 15px;
}

span.deal-price {
  background: #fb8b01;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  position: absolute;
  bottom: -50px;
  right: 0px;
  left: 0;
  margin: 0 auto;
  height: 100px;
  width: 100px;
  text-align: center;
  border-radius: 50%;
  padding: 16px;
  box-shadow: 1px 1px 5px #00000057;
  z-index: 1;
}

.deal-rating span,
.sale-review span {
  color: #ffc63f;
  font-size: 16px;
}

.deals-image {
  position: relative;
  overflow: hidden;
}

.deals-image:after {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #ff00001c, #ffff0047);
  content: '';
  opacity: 0;
  transition: all ease-in-out 0.3s;
}

.deals-item:hover .deals-image:after {
  opacity: 1;
}

.deals .slick-dots li button:before,
.deals .slick-dots li.slick-active button:before {
  background: #fff;
}

.deal-content p {
  margin-bottom: 20px;
}

@media(max-width: 359px) {
  .deal-rating {
    margin-bottom: 5px;
  }
}

/*===================================== */
/*           bucket-list Section           */
/* ===================================== */

section.bucket-list {
  padding-bottom: 0;
}

.bucket-list li:after,
.bucket-list li:before {
  display: none;
}

.bucket-list .mt_filter .list-inline {
  margin: 0 0 30px;
  display: inline-block;
  width: 100%;
}

.bucket-list .mt_filter .list-inline>li {
  margin-bottom: 0;
  padding: 0;
  display: inline-block;
}

.bucket-list .mt_filter ul li a {
  border-radius: 0px;
  display: inline-block;
  padding: 3px 20px;
  cursor: pointer;
  transition: all ease-in-out 0.3s;
  margin-bottom: 0;
  font-weight: 400;
  border: 1px solid #f1f1f1;
  background: #fff;
  color: #777;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 14px;
}

.bucket-list .mt_filter ul li a i {
  padding-right: 10px;
  font-weight: 600;
}

.bucket-list .mt_filter ul li a span {
  vertical-align: super;
}

.bucket-list .mt_filter ul li a [class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
  font-size: 30px;
}


.bucket-list .mt_filter ul li a:hover,
.bucket-list .mt_filter ul li.active a {
  border-color: #e67a00;
  background: #e67a00;
  transition: all ease-in-out 0.3s;
  color: #fff;
}

.bucket-list .mt_filter ul li a:hover i,
.bucket-list .mt_filter ul li.active a i {
  color: #fff;
}

.bucket-list .mt_filter li.active a {
  color: #fff;
  transition: all ease-in-out 0.3s;
}


.bucket-list .bucket-content {
  padding: 85px 0 55px;
  background: url(../images/bucketbg.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  position: relative;
}

.bucket-list .row.isotopeContainer {
  position: relative;
  z-index: 1;
}

.bucket-list .hovereffect-bucket:hover .bucket-image {
  overflow: hidden;
  transition: all ease-in-out 0.3s;
}

.bucket-list .hovereffect-bucket:hover .bucket-image img {
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  transition: all ease-in-out 0.3s;
}

.bucket-list .bucket-item {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
  position: relative;
  transition: all ease-in-out 0.3s;
}

.bucket-list .bucket-item:before {
  content: '';
  background: #ffb300;
  height: 100%;
  width: 100%;
  bottom: -5px;
  right: -5px;
  position: absolute;
}

.bucket-list .bucket-image {
  width: 20%;
  position: relative;
}

.bucket-list .bucket-item-content {
  padding: 20px;
  background: #fff;
  flex: 1 auto;
  position: relative;
}

.bucket-list .bucket-item-content h3 a {
  color: #444;
}

.bucket-list .bucket-item-content span {
  font-weight: 600;
  color: #e67a00;
  padding-right: 10px;
}

.bucket-list .bucket-item-content span.old-price {
  text-decoration: line-through;
  color: #ffc63f;
}

@media (max-width: 991px) {
  .bucket-list .bucket-image {
    width: 72%;
  }

  .bucket-list .bucket-item-content {
    padding-right: 0;
  }
}

@media(max-width: 767px) {

  .bucket-list .bucket-image {
    width: 20%;
  }
}

@media(max-width: 567px) {
  .bucket-list .bucket-image {
    width: 100%;
  }
}

/* ====================== */
/*      Top Destination   */
/* ====================== */

.top-destinations .col-md-4 {
  padding: 0 3px;
}

.top-destination-item {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  margin-bottom: 6px;
}

.top-destination-item:last-child {
  margin-bottom: 0;
}

.top-destination-item .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 85px 20px;
  background: #00000054;
}

.top-destination-item .overlay-full {
  padding: 215px 20px;
}

.top-destination-item img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.top-destination-item:hover img {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.top-destination-item h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 24px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
}

.top-destination-item h2 a {
  color: #fff;
}

.top-destination-item h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

.top-destination-item:hover h2:after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.top-destination-item p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.top-destination-item:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

section.trip-ad {
  position: relative;
  background: url(../images/adbg.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  overflow: hidden;
}

section.trip-ad .container {
  position: relative;
  z-index: 2;
}

.trip-ad:before {
  position: absolute;
  content: '';
  top: 0;
  left: -12%;
  height: 100%;
  width: 65%;
  background: #fff;
  transform: skew(15deg);
  z-index: 1;
}

.trip-ad:after {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.ad-title h2 {
  text-transform: uppercase;
}

.ad-title span {
  display: block;
  font-size: 40px;
  color: #e67a00;
}

.trip-ad-btn {
  margin-top: 32px;
}

.ad-price-outer {
  position: relative;
}

.ad-price {
  padding: 5px;
  background: #D60D45;
  border-radius: 50%;
  box-shadow: 1px 1px 5px #000000;
  text-align: center;
  height: 200px;
  width: 200px;
  z-index: 1;
  margin: 13% auto 0;
}

.ad-price-inner {
  height: 190px;
  width: 190px;
  border: 1px dashed #fff;
  border-radius: 50%;
  padding: 45px 0;
  background: #99062f;
}

.ad-price span {
  color: #fff;
  font-size: 25px;
}

span.rate {
  display: block;
  font-size: 50px;
  font-weight: 600;
}

/* ====================== */
/*         Testimonial         */
/* ====================== */

section.testimonials {
  background-position: center;
  background-size: cover;
  position: relative;
  padding-bottom: 38px;
}

.testimonials .section-title {
  margin-bottom: 0;
}

.testimonial_094_slide h5 {
  margin-top: 10px;
  font-size: 20px;
}

.testemonials .section-title {
  margin-bottom: 30px;
}

.testimonial-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}

/* ====================== */
/*         Blog         */
/* ====================== */

.blog-item {
  box-shadow: 0px 0px 10px #cccccc57;
}

.blog-image {
  overflow: hidden;
}

.blog-image img {
  transition: all ease-in-out 0.3s;
}

.blog-content {
  padding: 20px 20px 12px;
  background: #fff;
}

.blog-content h3 {
  text-transform: capitalize;
  margin-bottom: 10px;
}

.blog-item:hover img {
  transform: rotate(5deg) scale(1.2);
  transition: all ease-in-out 0.3s;
}

.blog-content i {
  padding-right: 5px;
}

.blog-date {
  background: #2195c3;
  display: inline-block;
  padding: 8px 15px;
  margin-bottom: 15px;
  color: #fff;
}

.blog-date p {
  color: #fff;
  margin: 0;
  font-weight: 700;
}

.blog-date-icon p {
  padding-left: 10px;
  margin-bottom: 0;
  display: inline-block;
}

.blog-author {
  display: inline-block;
  width: 100%;
  border-top: 1px dashed #ccc;
  padding-top: 15px;
}

.blog-author p {
  margin-bottom: 0px;
}

.blog-wrapper .blog-item {
  margin-bottom: 30px;
}

@media (max-width: 991px) {
  section.blog .col-md-4.col-sm-12 {
    margin-bottom: 30px;
  }
}

/* ====================== */
/*         Partners         */
/* ====================== */

section.trusted-partners {
  background: #222935;
  text-align: center;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.trusted-partners:before {
  position: absolute;
  content: '';
  left: -5%;
  top: 0;
  height: 100%;
  width: 35%;
  background: #191e27;
  z-index: 1;
}

section.trusted-partners .row {
  align-items: center;
}

.partners-logo li {
  padding: 0 30px;
  margin-bottom: 0;
  transition: all ease-in-out 0.3s;
}

.partners-logo li:hover {
  opacity: 0.7;
}

.partners-title h3 {
  color: #fff;
  margin-bottom: 0;
  text-transform: uppercase;
  text-align: right;
}

.partners-title span {
  display: block;
  font-size: 32px;
}

.partners-title {
  padding: 30px 30px 25px;
  position: relative;
  z-index: 2;
}

.partners-logo {
  padding: 30px 0;
}

/* ====================== */
/*         Footer         */
/* ====================== */

footer {
  background: #060c17;
  position: relative;
}

.newsletter {
  padding: 55px 0 35px;
  position: relative;
  z-index: 1;
}

.newsletter form {
  position: relative;
  width: 45%;
  margin: 0 auto;
}

.newsletter a {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px;
  background: #D60D45;
  color: #fff;
}

.newsletter input[type=text] {
  padding-right: 115px;
  margin-bottom: 0;
}

.footer-links {
  padding: 45px 0 41px;
  border-top: 1px dashed #cccccc3b;
  position: relative;
  z-index: 1;
}

.footer-links h3 {
  color: #fff;
  margin-bottom: 50px;
}

.footer-links li {
  padding: 0 0 10px 0px;
  position: relative;
  margin-bottom: 10px
}

.footer-links li a {
  color: #fff;
  opacity: 0.8;
}

.footer-links li a:hover {
  opacity: 1;
}

.footer-links li a i {
  padding-left: 5px;
  transition: all ease-in-out 0.3s;
}

.footer-links-list li a:hover i {
  padding-left: 10px;
}

.footer-links li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.copyright {
  position: relative;
  z-index: 1;
  padding: 0px 0 30px;
}

.copyright-content p {
  margin-bottom: 0;
  display: inline-block;
  color: #fff;
}

.copyright-content a {
  color: #ffc63f;
}

.footer-recent-post li {
  padding: 0;
  margin-bottom: 10px;
}

.footer-recent-post li:last-child {
  margin-bottom: 0;
}

.footer-recent-post li:before,
.footer-social-links li:before {
  display: none;
}

.recent-post-item {
  display: flex;
  align-items: center;
}

.recent-post-image {
  width: 27%;
}

.recent-post-content {
  flex: 1 auto;
  padding-left: 15px;
}

.recent-post-content h4 {
  color: #fff;
  margin-bottom: 5px;
  font-weight: 300;
}

.recent-post-content p {
  color: #ffc63f;
  margin-bottom: 0;
  font-size: 13px;
}

.footer-social-links li {
  padding: 0;
  display: inline-block;
  margin: 0px 20px 0 0;
}

.footer-instagram li {
  padding: 0;
  display: inline-block;
  width: 32.33%;
  margin: 0 0 4px 0;
}

li.social-icon {
  margin-right: 15px;
  font-size: 20px;
}

li.social-icon a i {
  padding: 0;
}

.footer-about p {
  color: #fff;
  margin: 20px 0;
}

.about-logo img {
  width: auto;
}

.about-location li {
  color: #fff;
}

.about-location li i {
  color: #ffc63f;
  padding-right: 10px;
}

.footer-social-links {
  margin-top: 20px;
}

.payment-content {
  text-align: right;
}

.payment-content li {
  display: inline-block;
  margin: 0 0px 0 10px;
  color: #fff;
}

.payment-content li:first-child {
  margin-left: 0;
}

.payment-content li img {
  width: 30px;
}

#back-to-top {
  position: fixed;
  z-index: 1000;
  bottom: 20px;
  right: 20px;
  display: none;
}

#back-to-top a {
  display: block;
  width: 40px;
  height: 40px;
  border: 1px solid #ccc;
  background: #fff;
  position: relative;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s all linear;
  -moz-transition: 0.2s all linear;
  -o-transition: 0.2s all linear;
  transition: 0.2s all linear;
}

#back-to-top a:after {
  position: absolute;
  content: '\f176';
  font-family: 'fontawesome';
  font-size: 20px;
  color: #e67a00;
  top: 5px;
  left: 15px;
  z-index: 1;
  font-weight: 500;
}

/* ====================== */
/*         On sale         */
/* ====================== */

.sale-item {
  position: relative;
}

.sale-content {
  padding: 20px 30px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  text-align: center;
}

.sale-image {
  position: relative;
  overflow: hidden;
}

.sale-image img {
  transition: all ease-in-out 2s;
}

.sale-tag {
  position: absolute;
  padding: 10px;
  top: 10px;
  right: -10px;
  background: #e67a00;
  box-shadow: 0px 0px 10px #0000004a;
  z-index: 1;
}

.sale-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #040404c7 1%, #ffad0000 100%);
}

.sale-tag span {
  color: #fff;
}

span.new-price {
  font-weight: 600;
}

.sale-tag:after {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 10px solid #295070;
  border-right: 10px solid transparent;
  top: 42px;
  right: 0px;
}

.sale-content p {
  font-weight: 400;
  color: #fff;
  margin-bottom: 20px;
}

.sale-content h3 a {
  color: #fff;
}

.sale-content h3 a:hover {
  opacity: 0.8;
}

.sale-content .sale-review {
  text-align: left;
  margin-bottom: 90px;
}

.slider-button .slick-prev,
.slider-button .slick-next {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 5px solid #fff;
  line-height: 2;
  background: #e67a00;
}

.sale-slider .slick-prev {
  left: -10px;
}

.sale-slider .slick-next {
  right: -10px;
}

.deals-slider .slick-prev {
  left: -10px;
}

.deals-slider .slick-next {
  right: -10px;
}

.sale-item:hover img {
  transform: scale(1.2);
}

.sale-content a.btn-blue {
  background: transparent;
  border-color: #fff;
}

.sale-content a.btn-blue:hover {
  background: #e67a00;
  color: #fff;
}

/* ====================== */
/*  Destination innerpage */
/* ====================== */

section.destination-padding {
  padding-bottom: 50px;
}

.destinations .category-box {
  margin-bottom: 20px;
}

.destination-item {
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
  transition: all ease-in-out 0.3s;
  border: 1px solid #f1f1f1;
  box-shadow: 1px 1px 20px #cccccc67;
  background: #fff;
}

.item-margin-zero {
  margin-bottom: 0;
}

.destination-item:hover {
  transform: translateY(-3px);
}

.destination-image {
  position: relative;
  overflow: hidden;
}

.destination-image img {
  transition: all ease-in-out 3s;
}

.destination-icon {
  position: absolute;
  left: 40%;
  height: 45px;
  width: 45px;
  border: 2px solid #fff;
  text-align: center;
  top: -40%;
  border-radius: 50%;
  transition: all ease-in-out 0.3s;
  z-index: 2;
}

.destination-content {
  padding: 15px 0;
  text-align: center;
}

.destination-content h3 {
  margin-bottom: 0px;
}

.destination-content p {
  margin-bottom: 0px;
}

.destination-content .deal-rating {
  margin: 5px 0 5px 0;
}

.destination-4-col {
  text-align: center;
}

.destination-4-col .deal-rating {
  display: block;
  float: none;
  margin: 5px 0 5px;
}

.destination-overlay {
  position: absolute;
  background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all ease-in-out 0.3s;
}

.destination-item:hover .destination-overlay {
  opacity: 0.5;
}

.destination-item:hover img {
  transform: scale(1.1);
}

.destination-icon:hover {
  background: #e67a00;
}

.destination-icon:hover i {
  transform: rotate(360deg);
}

.destination-content span.bold {
  font-size: 20px;
  color: #D60D45;
}

.destination-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transition: all ease-in-out 0.3s;
}

.destination-item:hover .destination-btn {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.destination-4-col .destination-btn {
  width: 60%;
}

/* ====================== */
/*  Detail page */
/* ====================== */
.detail-info-content {
  margin-bottom: 20px;
}

.detail-info span.bold {
  font-size: 40px;
  color: #D60D45;
}

.detail-info-content .deal-rating {
  margin: 0px
}

.detail-info-content p.detail-info-price {
  display: inline-block;
  float: right;
  margin: 0;
}

.detail-info-content h2 {
  margin-bottom: 0px;
  display: inline-block;
  text-transform: uppercase;
}

.detail-info-content table {
  margin-bottom: 21px;
}

.detail-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.detail-title h3,
.detail-title h4 {
  display: inline-block;
  margin: 0;
  padding-right: 20px;
  border: 1px solid #f1f1f1;
  padding: 8px 16px;
  background: #fbfbfb;
}

.sidebar-item .detail-title h3 {
  padding: 5px 15px;
}

.sidebar-item-dark .detail-title h3 {
  background: #e67a00;
  color: #fff;
  border: none;
}

.detail-title:after {
  position: absolute;
  top: 51%;
  content: '';
  background: #f1f1f1;
  height: 1px;
  width: 100%;
}

.detail-box {
  margin-bottom: 30px;
}

.detail-box:last-child {
  margin: 0;
}

.description-content {
  border: 1px solid #f1f1f1;
  padding: 15px;
}

.description-content p:last-child {
  margin-bottom: 0;
}

.detail table {
  width: 100%;
  margin-top: 10px;
}

.detail table td {
  padding: 10px;
}

td.title {
  font-weight: 500;
}

.detail table tr {
  margin-bottom: 10px;
  border: 1px solid #f1f1f1;
}

.detail table tr:last-child {
  margin-bottom: 0;
}

.detail table td ul li {
  margin-bottom: 5px;
  width: 49%;
  display: inline-block;
}

.detail table td ul li:last-child {
  margin-bottom: 0;
}

.detail table td i {
  width: 20px;
  color: #e67a00;
}

.detail table tr:nth-child(even) {
  background: #fbfbfb;
}

td.excludes ul li i {
  color: #D60D45;
}

.timeline {
  position: relative;
}

.timeline li {
  position: relative;
  margin-bottom: 30px;
  background: #fff;
  padding: 0px 15px 15px 110px;
  border: 1px solid #f1f1f1;
}

.flag-wrapper {
  margin-bottom: 10px;
  margin-top: 15px;
}

.flag {
  font-size: 18px;
  color: #333;
  font-weight: 600;
  transition: all ease-in-out 0.3s;
}

.day-wrapper {
  position: absolute;
  height: 100%;
  width: 60px;
  background: #f1f1f1;
  left: 0;
  z-index: 1;
  text-align: center;
  transition: all ease-in-out 0.3s;
  top: 0;
}

.timeline li:hover .day-wrapper {
  background: #D60D45;
}

.timeline li:hover .flag {
  color: #D60D45;
}

.day-wrapper span {
  color: #e67a00;
  font-weight: 600;
  font-size: 32px;
  line-height: 2;
  background: #fff;
  width: 100%;
  display: inline-block;
}

.desc p:last-child {
  margin-bottom: 0;
}

.map-frame {
  background: #ffff;
  padding: 15px 15px 10px;
  border: 1px solid #f1f1f1;
}

.map-frame iframe {
  height: 350px;
  width: 100%;
  frameborder: 0;
}

/*
sidebar*/
#sidebar-sticky {
  margin-bottom: 70px;
}

.detail-tabs #sidebar-sticky {
  margin-bottom: 0;
}

aside.detail-sidebar.sidebar-wrapper {
  position: sticky;
  top: 0;
}

.sidebar-item {
  border: 1px solid #f1f1f1;
  box-shadow: 0px 0px 20px #cccccc57;
  margin-bottom: 30px;
  padding: 15px;
}

.sidebar-item-dark {
  background: #333;
}

.sidebar-item-dark .detail-title h4 {
  color: #fff;
  background: #333;
}

.sidebar-content li:last-child {
  margin-bottom: 0;
}

.sidebar-item .detail-title {
  margin-bottom: 15px;
}

.tour-details ul li span {
  color: #D60D45;
  font-weight: 600;
}

.sidebar-socialicon {
  padding-bottom: 5px;
}

.share-links li {
  display: inline-block;
  margin-bottom: 0;
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
}

.share-links li span {
  font-size: 15px;
}

.share-links li.social-icon a i {
  font-size: 15px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #ccc;
  line-height: 2;
  margin-right: 5px;
  text-align: center;
  color: #fff;
  background: #38A1F3;
}

.share-links li.social-icon a i.fa-facebook {
  background: #3C5A99;
}

.share-links li.social-icon a i.fa-instagram {
  background: #F77737;
}

.share-links li.social-icon a i.fa-youtube {
  background: #FF0000;
}

.support-content h4 {
  margin-bottom: 0px;
}

.support-content p {
  margin: 0;
  color: #D60D45;
}

.sidebar-package-content {
  background: inherit;
  padding: 15px 0 0 0;
  text-align: left;
}

.sidebar-package-content h4 {
  margin-bottom: 1px;
  display: inline-block;
}

.sidebar-package-content p {
  display: block;
  margin-bottom: 7px;
}

.sidebar-package-content .deal-rating {
  display: inline-block;
  float: right;
}

.sidebar-item input,
.sidebar-item textarea,
.sidebar-item input .form-control {
  padding: 10px !important;
  font-size: 13px;
}

.sidebar-item textarea {
  height: 100px;
}

.sidebar-item .comment-btn .btn-blue {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
}

.sidebar-helpline {
  background: url(../images/adbg.jpg) no-repeat;
  background-size: cover;
  position: relative;
  padding: 30px;
}

.sidebar-helpline:after {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.sidebar-helpline-content {
  position: relative;
  z-index: 1;
}

.sidebar-helpline-content h3,
.sidebar-helpline-content p {
  color: #fff;
}

.sidebar-helpline-content p:last-child {
  margin-bottom: 0;
}

.sidebar-helpline-content i {
  margin-right: 5px;
}

.sidebar-content .range-slider {
  margin: 20px 0 0;
}

.range-slider .ui-slider-range.ui-widget-header.ui-corner-all.whole {
  background: #ccc;
}

.comment-item {
  display: flex;
  border: 1px solid #f1f1f1;
  padding: 20px;
  margin-bottom: 30px;
}

.comment-image {
  flex: 0 1 75px;
  padding: 0 20px 0 0;
}

.detail-content .comment-image {
  padding: 0;
}

.comment-item:last-child {
  margin-bottom: 0;
}

.comment-image {
  text-align: center;
}

.comment-image img {
  overflow: hidden;
  border-radius: 50%;
  width: 75px;
  height: 75px;
}

.comment-reply .comment-image img {
  height: 50px;
  width: 50px;
}

.comment-image h4 {
  margin: 10px 0 0 0;
}

.comment-desc {
  margin-bottom: 20px;
}

.comment-reply .comment-desc {
  margin-bottom: 0;
}

.comment-desc h4 {
  display: inline-block;
}

.comment-desc p {
  margin: 0;
}

span.comment-date {
  display: block;
  font-size: 12px;
  margin-bottom: 7px;
}

.comment-image a.btn-blue {
  font-size: 12px;
  padding: 5px 15px;
}

.comment-desc .deal-rating {
  display: inline-block;
  margin: 0 0 15px 0;
}

span.travel-date {
  float: right;
  font-size: 12px;
}

span.bold {
  font-weight: 500;
}

.comment-btn {
  margin-top: 10px;
}

.comments-form textarea,
.comments-form input {
  background: #fff;
}

.sidebar-slider .slick-prev {
  left: 0;
}

.sidebar-slider .slick-next {
  right: 0;
}

.event-list li {
  border-bottom: 1px dashed #eee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.event-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.event-list li a {
  color: #555;
}

.event-list li a:hover {
  color: #0D74BA;
}

.comment-reply {
  background: #fff;
  margin-bottom: 10px;
}

@media(max-width: 640px) {
  .detail-content .comment-image {
    padding-bottom: 10px;
  }
}

/* ====================== */
/*  Detail Tab page */
/* ====================== */
.tabs-navbar {
  background: #fbfbfb;
  padding: 5px 0;
  z-index: 1;
  position: absolute;
  width: 100%;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}

ul#tabs {
  border-bottom: 0;
}

.tabs-navbar.navbar-sticky {
  top: 69px;
  z-index: 99;
}

.nav-tabs {
  border: none;
}

.nav-tabs>li {
  float: none;
  display: inline-block;
}

.nav-tabs>li>a {
  border-radius: 0;
  border: none;
  font-weight: 600;
  margin: 0;
}

.nav-tabs>li>a.active,
.nav-tabs>li>a.active:focus,
.nav-tabs>li>a.active:hover,
.nav-tabs>li>a:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link a.active {
  color: #8BBEB2;
  background: inherit;
  border: none;
}

.nav-tabs .nav-link,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: none;
  border-radius: 0;
}


section.detail-tabs {
  padding-bottom: 60px;
}

.detail-tab .breadcrumb-content ul {
  bottom: 0;
  box-shadow: none;
}

.detail-tab .breadcrumb-outer h2 {
  margin-bottom: 15px;
}

@media(min-width: 767px) {
  section.detail-tabs .content-mobile {
    display: none;
  }
}

@media(max-width: 767px) {
  section.detail-tabs .content-mobile {
    display: block;
  }

  section.detail-tabs .content-desktop {
    display: none;
  }
}

@media(max-width: 567px) {
  .comment-item {
    display: block;
    text-align: center;
  }

  .comment-image,
  .comment-content {
    display: block;
    width: 100%;
  }
}

/* ====================== */
/*  Destination Fullwidth */
/* ====================== */

.destination-fw-item {
  margin-bottom: 30px;
  border: 1px solid #f1f1f1;
  padding: 20px;
  transition: all ease-in-out 0.3s;
  box-shadow: 0px 0px 10px #cccccc67;
}

.destination-fw-image {
  overflow: hidden;
  position: relative;
}

.destination-fw-image img {
  transition: all ease-in-out 0.3s;
}

.destination-fw-item:hover {
  transform: translateY(-3px);
}

.destination-fw-item:hover img {
  transform: scale(1.2) rotate(-5deg);
}

.destination-fw-item:nth-child(even):hover img {
  transform: scale(1.2) rotate(5deg);
}

.destination-fw-item:last-child {
  margin-bottom: 0;
}

.destination-fw-desc h3 {
  margin-bottom: 10px;
  display: inline-block;
}

.destination-fw-content p {
  margin-bottom: 15px;
  display: inline-block;
}

.fw-content .deal-rating {
  margin: 0 0 10px 0px;
  display: inline-block;
  float: right;
}

.destination-fw-content span.bold {
  font-size: 28px;
}

.fw-price p {
  margin-bottom: 0px;
}

.fw-price span.bold {
  display: block;
  font-size: 30px;
  color: #D60D45;
}

.destination-fw-item .deal-rating {
  text-align: center;
  margin: 5px 0 14px;
}

.fw-btns {
  text-align: center;
}

.fw-btns a.btn-blue {
  display: block;
  margin-top: 15px;
}

p.fw-info {
  display: inline-block;
  color: #7d7d7d;
  margin: 0 15px 0 0;
  font-size: 13px;
}

/* ====================== */
/*  Destination 2 cols */
/* ====================== */

.destination-2col-item {
  box-shadow: 1px 1px 5px #cccccc57;
  margin-bottom: 30px;
}

.destination-2col-item:hover img {
  transform: scale(1.2) rotate(-5deg);
}

.destination-2col-item h3 {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.destination-2col-item h3 a {
  color: #fff;
}

.destination-2col-item .destination-fw-image:after {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%)
}

.destination-2col-item .destination-fw-content {
  text-align: center;
}

@media(max-width: 991px) {
  .destination-fw-desc.fw-content {
    padding-top: 15px;
    text-align: center;
  }

  .fw-btns a.btn-blue {
    display: inline-block;
  }
}

/* ====================== */
/*  Trekking page */
/* ====================== */

section.trekking {
  padding-bottom: 50px;
}

.trekking-item {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}

.trekking-item:after {
  position: absolute;
  content: '';
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}

.trekking-outer {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.trekking-title {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  transition: all ease-in-out 0.3s;
  z-index: 1;
}

.trekking-title h3 a {
  color: #fff;
}

.trekking-title h3 {
  display: inline-block;
  margin-right: 20px;
}

.trekking-title p {
  display: inline-block;
  color: #fff;
}

.trekking-title p span {
  font-size: 20px;
  font-weight: 500;
}

.trekking-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  text-align: center;
  background: #e67a00ad;
  padding: 40px 0;
  opacity: 0;
  transition: all ease-in-out 0.3s;
  z-index: 1;
}

.trekking-content p {
  color: #fff;
}

.trekking-content a.btn-blue {
  background: transparent;
  border-color: #fff;
}

.trekking-content a.btn-blue:hover {
  background: #fff;
  color: #e67a00;
}

.trekking-item:hover .trekking-content {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.trekking-item:hover .trekking-title {
  opacity: 0;
}

/* ====================== */
/*  Blog page */
/* ====================== */

section.page-cover {
  background: #fbfbfb;
  padding-bottom: 0;
}

.cover-content {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.cover-image {
  margin: 30px 0;
}

.cover-content h2 {
  margin-bottom: 10px;
}

.cover-content .author-detail p {
  font-size: 15px;
}

a.tag,
.sidebar-item a.tag {
  color: #D60D45;
  font-size: 13px;
  font-weight: 500;
  transition: all ease-in-out 0.3s;
  display: inline-block;
  padding: 0 5px;
}

.author-detail p {
  display: inline-block;
  padding-right: 5px;
  margin: 0;
}

.sidebar-title h3:before {
  content: '';
  background: #999;
  height: 1px;
  width: 30%;
  position: absolute;
  right: 0;
  top: 15px;
}

.sidebar-box {
  margin-bottom: 30px;
  padding: 20px !important;
  border: 1px solid #f1f1f1;
  box-shadow: 0 0 15px #cccccc57;
}

.sidebar-box:last-child {
  margin-bottom: 0;
}

.recent-item {
  float: left;
  margin-bottom: 20px;
  width: 100%;
}

.recent-item:last-child {
  margin-bottom: 0;
}

.recent-image {
  float: left;
  width: 25%;
}

.recent-content {
  float: left;
  width: 75%;
  padding-left: 20px;
  position: relative;
}

.recent-content h4 {
  margin: 6px 0 5px;
}

.recent-content .author-detail {
  padding: 0;
}

.recent-content .author-detail p {
  margin-bottom: 0;
}

.sidebar-item a {
  color: #666;
}

.sidebar-item a.btn-blue {
  color: #fff;
}

.sidebar-item a.btn-blue:hover {
  color: #D60D45;
}

.sidebar-item a:hover {
  color: #0D74BA;
}

.popular-item {
  padding: 10px 0 10px 40px;
  border-bottom: 1px dashed #f1f1f1;
  position: relative;
}

.popular-item span.item-no {
  position: absolute;
  top: 15px;
  left: 0;
  font-size: 23px;
  color: #D60D45;
}

.popular-content h4 {
  margin-bottom: 5px;
}

.popular-item:last-child {
  border: none;
  padding-bottom: 0;
}

.popular-item .author-detail {
  padding: 0;
}

p.articlepara {
  line-height: 1.7;
  margin-bottom: 25px;
}

.sectionoverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.item-wrapper blockquote,
.blockquote-upper blockquote {
  border-left: none;
  position: relative;
  padding: 50px 20px;
  background: url(../images/blog1.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}

.item-wrapper blockquote p,
.blockquote-upper blockquote p {
  font-weight: 600;
  font-size: initial;
  color: #fff;
  position: relative;
  z-index: 1;
  margin: 0;
}

.sidebar-title h3 {
  position: relative;
}

.author-image {
  text-align: center;
  width: 40%;
  margin: 0 auto;
}

.author-image img {
  border-radius: 0 35px;
}

.author-content {
  padding-top: 20px;
  text-align: center;
}

.author-content ul {
  padding-top: 5px;
}

ul.header-social-links li {
  display: inline-block;
  margin: 0;
}

.post-categories li {
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 10px;
}

.post-categories li:last-child {
  border: none;
  padding: 0;
  margin: 0;
}

.post-categories li a {
  color: #666;
  transition: all ease-in-out 0.3s;
}

.post-categories li a:hover {
  color: #0D74BA;
}

.author-content .header-social-links a {
  padding: 0 5px;
}

.item-detail .detail-image {
  margin-bottom: 25px;
}

h4.panel-title a {
  display: block;
}

.att-item {
  margin-bottom: 15px;
  border: 1px dashed #e9e9e9;
  padding-bottom: 15px;
  padding: 15px 15px;
  position: relative;
  overflow: hidden;
  padding-right: 28%;
}

.att-image {
  float: left;
  width: 20%;
}

.att-content {
  padding-left: 30px;
  width: 80%;
  float: right;
}

.att-content-left {
  width: 100%;
  display: inline-block;
}

.att-content-right {
  text-align: right;
  background: #fbfbfb;
  padding: 40px 15px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px dashed #f1f1f1;
}

.att-content-left ul li {
  line-height: 1.5;
  font-size: 14px;
  width: 49%;
  display: inline-block;
}

.att-content-left ul li i {
  width: 20px;
  color: #e67a00;
}

.att-content-right span.bold {
  color: #D60D45;
  font-size: 20px;
}

.col-left-padding {
  padding-left: 0;
}

.popular-tag-content li {
  display: inline-block;
  margin-bottom: 3px;
}

.popular-tag-content li a {
  display: inline-block;
  border: 1px solid #ccc;
  background: #fbfbfb;
  padding: 5px 20px;
  transition: all ease-in-out 0.3s;
}

.popular-tag-content li a:hover {
  color: #fff;
  background: #e67a00;
}

fieldset {
  margin: 0;
  padding: 0;
}

/****** Style Star Rating Widget *****/

.rating {
  border: none;
  float: left;
}

.rating>input {
  display: none;
}

.rating>label:before {
  margin: 0px 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.rating>.half:before {
  content: "\f089";
  position: absolute;
}

.rating>label {
  color: #ddd;
  float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
  color: #FFD700;
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
  color: #FFED85;
}

.sidebar-content input[type=checkbox] {
  margin: 15px 0 0px;
}

.sidebar-btn {
  margin-top: 15px;
}

.list-item {
  border: 1px solid #f1f1f1;
  margin-bottom: 40px;
  padding: 15px;
  transition: all ease-in-out 0.3s;
  position: relative;
  overflow: hidden;
}

.image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.image-overlay:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  content: '';
  transition: all ease-in-out 0.6s;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -110%, 0);
}

.grid-item .list-content {
  text-align: center;
  width: 100%;
  padding: 15px 0 0;
}

.list-content h3 {
  margin-bottom: 12px;
}

.grid-item .list-content p {
  margin: 11px 0 0;
}

.author-detail p {
  font-size: 13px;
}

.list-content p {
  margin: 10px 0 0;
}

.list-image {
  overflow: hidden;
  position: relative;
}

.list-image img {
  position: relative;
  transition: all ease-in-out 0.3s;
}

.list-item:hover img {
  transform: rotate(5deg) scale(1.2);
}

.list-item:hover {
  box-shadow: 0px 0px 15px #cccccc57;
}

.list-item:hover .image-overlay:before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 110%, 0)
}

.author-profile {
  padding: 20px 0;
  display: flex;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
  margin: 30px 0;
}

.profile-image {
  width: 15%;
}

.profile-image img {
  border-radius: 50%;
}

.profile-content {
  width: 80%;
  padding: 9px 30px 0;
}

ul.profile-link li {
  display: inline-block;
  padding-right: 10px;
}

.profile-content p {
  margin-bottom: 0;
}

.profile-content h3 {
  color: #000;
}

.profile-content h3 span {
  font-size: 15px;
  color: #777;
}

.share-buttons {
  text-align: center;
}

a.btn-large {
  padding: 10px 70px;
  color: #fff;
  transition: all ease-in-out 0.3s;
  float: left;
}

a.btn-facebook {
  background: #1c3a78;
}

a.btn-twitter {
  background: #006dbf;
  float: right;
}

a.btn-large:hover {
  background: #333;
}

.share-buttons p {
  display: inline-block;
  margin: 0;
}

.share-buttons p span {
  font-weight: 400;
  font-size: 25px;
}

.item-tags {
  clear: both;
  padding: 30px 0;
  text-align: center;
}

.item-tags a.tag-blue {
  color: #a3a3a3;
  background: transparent;
  border: 1px solid #a3a3a3;
  padding: 5px;
}

.item-tags a.tag-blue:hover {
  color: #333;
}

.comment-box h3,
form h3 {
  display: inline-block;
  padding-bottom: 18px;
  position: relative;
}

.comment-box h3:after,
.comment-form h3:after {
  top: 36px;
  width: 100%;
}

.comment-box h3:after,
.comment-form h3:after {
  position: absolute;
  content: '';
  width: 15%;
  height: 1px;
  background: #999;
  bottom: 0px;
  left: 0;
  z-index: 1;
  top: 36px;
  width: 100%;
}

.comment-image img {
  border-radius: 50%;
}

.comment-content {
  flex: 1 1 100%;
}

.comment-content h4 {
  display: inline-block;
}

.comment-content p.date {
  display: inline-block;
  float: right;
}

ul.reply {
  padding-left: 75px;
}

ul.reply li {
  margin-bottom: 30px;
}

.related-posts {
  margin-bottom: 30px;
}

.related-posts .list-item {
  margin-bottom: 0;
}

.blog-post-wrap {
  margin-bottom: 30px;
}

.blog-post-wrap:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#home_banner_blog {
  position: relative;
  padding: 0;
  z-index: 5;
  height: 450px;
}

.swiper-button-next.swiper-button-white:before,
.swiper-container-rtl .swiper-button-prev.swiper-button-white:before,
.swiper-button-prev.swiper-button-white:before,
.swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: '\f177';
  font-family: 'fontawesome';
  font-size: 30px;
  position: absolute;
  right: 25px;
  color: #fff;
}

.swiper-button-next.swiper-button-white:before,
.swiper-container-rtl .swiper-button-next.swiper-button-white:before {
  content: '\f178';
}

.blog-post-wrap .author-detail {
  padding: 0 0 15px;
}

.blockquote-upper blockquote {
  margin: 0;
}

.blog-post-upper {
  overflow: hidden;
}

.blog-post-upper iframe {
  width: 100%;
}

.booking-outer {
  padding: 30px;
  border: 1px solid #f1f1f1;
  box-shadow: 1px 1px 20px #cccccc67;
}

section.payment {
  padding-bottom: 0;
}

section.booking {
  padding-top: 100px;
}

td.b-id {
  color: #D60D45;
  font-weight: 500;
}

.booking-form .detail table {
  margin-top: 0;
}

.confirmation-title h2 {
  margin-bottom: 0px;
}

.booking-form .payment-info {
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.checkbox-outer {
  margin: 0 0 10px;
}

.checkbox-outer a {
  color: #D60D45;
}

.login-form {
  text-align: center;
}

.login-form form {
  text-align: left;
  padding: 30px;
  border: 1px solid #f1f1f1;
  box-shadow: 1px 1px 20px #cccccc57;
}

.form-title {
  text-align: center;
  margin-bottom: 30px;
}

.grid-item {
  padding: 20px;
}

.grid-item .blog-content {
  padding: 0;
}

.grid-item:last-child {
  margin-bottom: 0;
}

.blog-content-1 {
  border: 1px solid #f1f1f1;
}

.login-accounts {
  padding-top: 20px;
  margin-top: 23px;
  border-top: 1px solid #f1f1f1;
}

.login-accounts a.btn-blue {
  margin-right: 10px;
}

a.btn-google {
  background: #d34836;
  border-color: #d34836;
}

a.btn-twit {
  background: #00aced;
  border-color: #00aced;
}

.login-accounts h3 {
  display: block;
  margin: 10px 0 15px;
  padding-bottom: 0;
}

a.forgotpw {
  color: #D60D45;
}

.contact-about .about-logo {
  margin-bottom: 15px;
}

.contact-location i {
  color: #D60D45;
  margin-right: 10px;
}

.form-title h2,
.form-title h3 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 15px;
}

.form-title h2:after,
.form-title h3:after {
  position: absolute;
  content: '';
  height: 1px;
  width: 50px;
  background: #333;
  left: 0;
  bottom: 0;
  margin: 0 auto;
  right: 0;
}

.make-payment {
  margin-top: 30px;
}

.form-title-1 {
  text-align: left;
}

.form-title-1 h2:after,
.form-title-1 h3:after {
  right: none;
  margin: 0;
}

.forgot-password {
  padding: 100px 0 80px;
}

@media(max-width: 991px) {
  .contact-about.footer-margin {
    margin: 30px 0 0;
  }
}

/* ====================== */
/*         Error Page     */
/* ====================== */


.error-box {
  height: 200px;
  width: 200px;
  margin: 0 auto;
  background: #D60D45;
  border-radius: 50%;
  padding: 10px;
  margin-bottom: 30px;
}

.error-box-inner {
  height: 180px;
  width: 180px;
  margin: 0 auto;
  background: #99062f;
  border-radius: 50%;
  border: 2px dashed #fff;
}

.error-box-inner h1 {
  font-size: 80px;
  line-height: 2;
  color: #fff;
  margin: 0;
}

h1.not-found {
  text-transform: uppercase;
  margin: 30px 0 0;
}

.error-content a {
  color: #D60D45;
}

/* ====================== */
/*     price listing         */
/* ====================== */


.price-item {
  border: 1px solid #f1f1f1;
  text-align: center;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 1px 1px 20px #cccccc67;
  transition: all ease-in-out 0.3s;
}

.price-table-head {
  padding: 30px 20px;
  background: #D60D45;
}

.price-item-blue .price-table-head {
  background: #e67a00;
}

.price-table-head i {
  color: #fff;
  font-size: 40px;
  margin-bottom: 20px;
}

.price-table-head h3 {
  color: #fff;
  margin-bottom: 0;
}

.price-table-price {
  padding: 20px;
}

.price-table-price span {
  color: #99062f;
  font-size: 40px;
  font-weight: 600;
}

.price-item-blue .price-table-price span {
  color: #e67a00;
}

.price-table-content {
  background: #fbfbfb;
}

.price-table-content li {
  margin: 0;
  padding: 10px;
}

.price-table-content li:nth-child(even) {
  background: #fff;
}

.price-btn {
  padding: 20px 0;
}

.price-table-content i {
  color: #e67a00;
}

.price-item-blue .price-table-content i {
  color: #D60D45;
}

.price-item-blue a.btn-red {
  background: #e67a00;
  border-color: #e67a00;
}

.price-item-blue a.btn-red:hover {
  background: #fff;
  color: #e67a00;
}

.price-item:hover {
  transform: translateY(-10px);
}

@media(max-width: 991px) {
  .price-item {
    margin-bottom: 30px;
  }

  section.price-list {
    padding-bottom: 50px;
  }
}

/* ====================== */
/*         About us         */
/* ====================== */


section.aboutus {
  padding-bottom: 55px;
}

.about-item {
  padding: 40px 30px;
  border: 1px solid #f1f1f1;
  box-shadow: 1px 1px 20px #cccccc67;
  text-align: center;
  margin-bottom: 30px;
}

.about-icon i {
  font-size: 50px;
  color: #D60D45;
  height: 60px;
  width: 60px;
  line-height: 1;
  padding: 5px;
  transition: all ease-in-out 0.3s;
}

.about-item:hover .about-icon i {
  opacity: 0.8;
}

.about-content {
  padding-top: 20px;
}

.about-content p {
  margin-bottom: 0;
}

.team-image {
  overflow: hidden;
}

.team-image img {
  transition: all ease-in-out 0.3s;
}

.team-item:hover .team-image img {
  transform: scale(1.2);
}

.team-content {
  background: #d60d45;
  width: 100%;
  margin: 0 auto;
  padding: 15px 0;
  position: relative;
  bottom: 20px;
  text-align: center;
  transition: all ease-in-out 0.3s;
}

.team-content h3 {
  color: #fff;
}

.team-content p {
  color: #fff;
  margin: 0;
}

.team-item:hover .team-content {
  width: 100%;
  bottom: 0;
}

/* ====================== */
/*         Shop         */
/* ====================== */


.section_heading {
  margin: 0 0px 4rem;
  padding-right: 30%;
}

.section_heading h2.section_title {
  position: relative;
  padding-left: 25px;
}

.section_heading h2.section_title:before {
  content: '';
  height: 100%;
  width: 3px;
  background: #D60D45;
  position: absolute;
  top: 0;
  left: 0;
}

.our_store {
  padding: 75px 0 50px;
}

.our_store .col-sm-3.col-xs-12 {
  padding: 0 10px;
}

.rt-product-wrapper {
  border: 1px solid #f1f1f1;
  transition: all 0.5s;
  margin-bottom: 30px;
}

.rt-product-wrapper:hover {
  border-bottom-color: #D60D45;
  transition: all 0.5s;
  box-shadow: 0 0 5px #cccccc52;
}

.rt-product-wrapper .product-image img {
  transition: all 0.5s;
}

.rt-product-wrapper:hover .product-image img {
  transform: rotate(8deg) scale(1.2);
  transition: all 0.5s;
}

.product-thumbnail-wrapper {
  position: relative;
  overflow: hidden;
}

.rt-product-wrapper .product-label span {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 5px 15px;
  background: #333;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
}

.rt-product-wrapper .product-label span.hot {
  background: #D60D45;
  text-align: center;
  left: inherit;
  right: 0;
}

.rt-product-meta-wrapper {
  text-align: center;
  background: #fbfbfb;
  padding: 28px 15px 30px;
  border-top: 1px solid #f1f1f1;
}

.product-categories,
.product-categories a {
  color: #D60D45;
  font-size: 14px;
}


.rt-product-meta-wrapper del {
  opacity: 0.6;
  font-size: 16px;
}

.rt-product-meta-wrapper ins {
  padding-left: 15px;
  text-decoration: none;
  font-size: 16px;
}

.rt-cartprice-wrapper span.price {
  display: inline-block;
  width: 100%;
}

.rt-product-meta-wrapper .btn_red {
  margin-bottom: 0;
}

.slick-slider.row {
  margin: 0 -15px;
}

.row .slick-track [class*=col-] {
  padding: 0 15px;
}

.our_store .slick-prev,
.our_store .slick-next {
  top: -80px;
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  height: 35px;
  width: 35px;
  margin-top: 0;
  line-height: inherit;
}

.our_store .slick-prev {
  right: 55px;
  left: inherit;
}

.our_store .slick-next {
  right: 10px;
}

.our_store .slick-prev:before,
.our_store .slick-next:before {
  font-size: 17px;
  color: #666;
  background: none;
}

.our_store .slick-prev:hover,
.our_store .slick-prev:focus,
.our_store .slick-next:hover,
.our_store .slick-next:focus,
.our_store .slick-prev:visited,
.our_store .slick-next:visited {
  color: #666;
  outline: none;
  background: #D60D45;
  border-color: #D60D45;
  transition: all 0.5s;
}

.our_store .slick-prev:hover:before,
.our_store .slick-prev:focus:before,
.our_store .slick-next:hover:before,
.our_store .slick-next:focus:before {
  color: #fff;
  transition: all 0.5s;
}

.mar-bottom-20 {
  margin-bottom: 20px;
}


@media(max-width: 1100px) {
  .rt-product-meta-wrapper {
    padding: 28px 5px 30px;
  }
}

/*store detail*/

.store-detail {
  padding: 75px 0 0px;
}

.store-detail .slider.slider-thumbs {
  margin-top: 2px;
  height: auto !important;
}

.store-detail .slider.slider-thumbs .slick-slide {
  opacity: 0.5;
}

.store-detail .slider.slider-thumbs .slick-slide.slick-active {
  opacity: 1;
}

.store-detail .slider.slider-thumbs .slick-prev,
.store-detail .slider.slider-thumbs .slick-next {
  top: 50%;
  background: #fff;
}

.store-detail .slider.slider-thumbs .slick-prev {
  left: 0;
}

.store-detail .slider.slider-thumbs .slick-next {
  right: 0;
}

.store-detail .slider.slider-thumbs .slick-prev:before,
.store-detail .slider.slider-thumbs .slick-next:before {
  color: #eb262a;
  opacity: 1;
  background: none;
}

.store-detail .rt-product-meta-wrapper {
  background: transparent;
  text-align: left;
  padding: 0;
  border: none;
}

.store-detail .quantity-buttons {
  display: inline-block;
}

.store-detail span.rt-price-amount {
  font-weight: 600;
  font-size: 18px;
}

.single-product-summary .product-details_short-description {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

.single-product-summary .product-details_short-description p {
  margin-bottom: 0;
}

.single-product-summary form.cart {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}

span.quantity-buttons input {
  width: 60%;
  text-align: left;
  margin: 0;
  height: 42px;
}

input.quantity-input {
  border: 1px solid #ccc;
  text-align: center;
  margin-bottom: 0;
  padding: 12px;
  border-radius: 5px;
}

.single-product-summary .product_meta>span {
  display: block;
  margin: 10px 0 0;
}

.single-product-summary .product_meta a,
.single-product-summary .product_meta span {
  font-size: 14px;
  line-height: 1.82em;
  letter-spacing: .12em;
  font-weight: 600;
  text-transform: uppercase;
  color: #333;
}

.single-product-summary .product_meta a:hover {
  color: #eb262a;
}

.our_store.related_store {
  padding-top: 0;
}

#store-tabs {
  background: #fff;
  padding: 80px 0;
}

#store-tab-main .nav-tabs {
  border-color: #f1f1f1;
}

#store-tab-main .nav-tabs>li {
  margin: 0;
}

#store-tab-main .nav-tabs>li>a {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 14px 17px 14px;
  font-size: 21px;
  text-align: center;
  font-weight: 300;
  color: #D60D45;
  background: transparent;
  border-radius: 0;
  margin: 0;
  line-height: inherit;
  border: none;
  cursor: pointer;
}

#store-tab-main .nav-tabs>li>a:hover,
#store-tab-main .nav-tabs>li>a.active,
#store-tab-main .nav-tabs>li>a.active,
#store-tab-main .nav-tabs>li>a.active:focus {
  color: #fff !important;
  border: none;
  background: #D60D45;
}

#store-tab-main .tab-content {
  border: 1px solid #f1f1f1;
  padding: 30px;
  border-top: 1px solid transparent;
}

@media(max-width: 991px) {
  .single-product-summary {
    margin-top: 20px;
  }
}

@media(max-width: 767px) {
  .entry-summary {
    margin-top: 15px;
  }
}

.shopping-main {
  position: absolute;
  right: 90px;
}

.shopping-cart-holder .header-cart {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding: 25px 0 0;
}

.shopping-cart-holder .header-cart span.cart-icon path {
  fill: #fff;
}

#inner-navigation .navbar-sticky-in.navbar-default .shopping-cart-holder .header-cart span.cart-icon path,
.home-2 .shopping-cart-holder .header-cart span.cart-icon path {
  fill: #000;
}

.shopping-cart-holder .header-cart:hover {
  color: #818491;
}

.shopping-cart-holder .header-cart .cart-number {
  position: relative;
  top: 0px;
  right: 10px;
  font-weight: 500;
  font-size: 10px;
  border-radius: 100%;
  background-color: #D60D45;
  color: #fff;
  width: 15px;
  height: 15px;
  text-align: center;
  line-height: 15px;
  display: inline-block;
}

.shopping-cart-dropdown {
  position: absolute;
  top: 75px;
  right: 0px;
  width: 260px;
  background-color: #fff;
  text-align: left;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  -webkit-transition: all .35s cubic-bezier(.53, .01, .18, 1);
  -moz-transition: all .35s cubic-bezier(.53, .01, .18, 1);
  transition: all .35s cubic-bezier(.53, .01, .18, 1);
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .03);
}

.shopping-cart-holder:hover .shopping-cart-dropdown {
  opacity: 1;
  visibility: visible;
}

.shopping-cart-dropdown ul {
  margin: 22px 20px;
  padding: 0;
}


.shopping-cart-dropdown ul li {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  padding: 0px 0 5px;
  box-sizing: border-box;
}

.shopping-cart-dropdown ul li:first-child {
  padding-top: 0;
}

.shopping-cart-dropdown ul li:last-child {
  padding-bottom: 0;
}

.shopping-cart-dropdown .item-image-holder {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 75px;
}

.shopping-cart-dropdown .item-image-holder img {
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
}

.shopping-cart-dropdown .item-info-holder {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  padding-left: 14px;
}

.shopping-cart-dropdown .item-info-holder .product-title {
  display: block;
  margin: 0;
  padding: 0 20px 0 0;
  box-sizing: border-box;
  line-height: 1.2em;
}

.shopping-cart-dropdown .item-info-holder .rt-price-amount,
.shopping-cart-dropdown .item-info-holder .rt-quantity {
  display: inline-block;
  font-size: 16px;
  color: #c78665;
  font-weight: 600;
  margin-top: 3px;
}

.shopping-cart-dropdown .item-info-holder .remove i {
  position: absolute;
  top: -1px;
  right: 0;
  font-size: 22px;
  line-height: 1;
}

.shopping-cart-dropdown .cart-bottom {
  padding: 16px 0 0;
  border-top: 1px solid #e1e1e1;
}

.shopping-cart-dropdown .cart-bottom .subtotal-holder {
  position: relative;
  display: table;
  width: 100%;
  margin: 0 0 17px;
}

.shopping-cart-dropdown .cart-bottom a.mt_btn_yellow {
  padding: 5px 18px;
  width: 48%;
  float: left;
  color: #fff;
  margin: 0 1%;
}

.shopping-cart-dropdown .cart-bottom a:hover {
  opacity: 0.9;
  color: #fff;
}

@media(max-width: 991px) {
  .navbar-sticky-in .shopping-cart-holder .header-cart {
    padding-top: 13px;
  }
}

@media(max-width: 811px) {
  .shopping-main {
    right: 30px;
  }
}

@media(max-width: 639px) {

  #store-tab-main .nav-tabs>li,
  #store-tab-main .nav-tabs>li>a {
    width: 100%;
  }
}

button.btn-red {
  padding: 10px 20px;
  background: #D60D45;
  font-size: 15px;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  border: 2px solid #D60D45;
  transition: all .5s ease;
}

button.btn-red:hover,
button.btn-red:focus {
  color: #fff !important;
  background-color: #eb7979;
  border-color: #eb7979;
  transition: all .5s ease;
  text-shadow: initial;
  text-decoration: none;
}

/*cart*/

.cart-table-list thead {
  width: 100%;
}

.cart-table-list th,
.cart-table-list td {
  text-align: center;
}

.cart-table-list .product-thumbnail img {
  width: 30%;
  margin-right: 15px;
}

.cart-inner .checkout-order {
  margin: 30px 0 20px;
}

.cart-table-list table td.actions .coupon {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  float: left;
}

.cart-table-list .coupon input[type=text] {
  width: 250px;
  margin-left: 22px;
  box-shadow: none;
  border: 1px solid #f1f1f1;
  background: #fff;
  height: 36px;
  padding-left: 10px;
}

.cart-table-list table td.actions .coupon button {
  color: #D60D45;
  background-color: transparent;
  border: 1px solid #D60D45;
  border-radius: 0px;
  padding: 6px 12px;
}

.cart-table-list table td.actions .coupon button.update_cart {
  background: #D60D45;
  color: #fff;
  border-color: #D60D45;
}

.cart-table-list table td.actions .button {
  margin: 0 0 0 22px;
}

.coupon button.btn-red:hover {
  background-color: #D60D45 !important;
}

@media(max-width: 991px) {

  .cart-table-list .quantity-buttons {
    position: relative;
  }


}

@media(max-width: 568px) {
  .cart-table-list table.shop_table.rt-checkout-review-order-table {
    display: inline-block;
    overflow-x: scroll;
  }

  span.quantity-buttons input {
    width: 100%;
  }

  .cart-table-list .coupon input[type=text] {
    margin-bottom: 10px;
  }
}

/*checkout*/


.checkout-inner .checkout-coupon {
  position: relative;
  display: block;
  padding: 30px 30px;
  list-style: none;
  background-color: transparent;
  border: 1px solid #e1e1e1;
  width: 100%;
  font-size: 16px;
}

.checkout-inner .checkout-coupon a {
  float: right;
  color: #D60D45;
}

.checkout-info,
.checkout-order {
  margin-bottom: 20px;
}

.checkout-info label span {
  padding-left: 5px;
}

.checkout-info label abbr[data-original-title],
.checkout-infolabel abbr[title] {
  border: none;
}

.checkout-info .form-control,
.checkout-info textarea.form-control {
  height: 42px;
  box-shadow: none;
  background: #fff;
  border-color: #eeeeee;
  border-radius: 0px;
}

.checkout-info textarea.form-control {
  min-height: 174px;
}

table.shop_table.rt-checkout-review-order-table {
  width: 100%;
}

table.shop_table.rt-checkout-review-order-table tr {
  border: 1px solid #f1f1f1;
}

table.shop_table.rt-checkout-review-order-table tr th,
table.shop_table.rt-checkout-review-order-table tr td {
  padding: 10px 15px;
  font-size: 15px;
  border: 1px solid #f1f1f1;
}

table.shop_table.rt-checkout-review-order-table thead,
table.shop_table.rt-checkout-review-order-table tr.order-total {
  background: #fbfbfb;
}

.mar-bottom-30 {
  margin-bottom: 30px;
}

.mar-bottom-40 {
  margin-bottom: 40px;
}

.mar-bottom-20 {
  margin-bottom: 20px;
}

.mar-top-30 {
  margin-top: 30px;
}

.mar-bottom-60 {
  margin-bottom: 60px;
}


@media(max-width: 500px) {
  .checkout-inner .checkout-coupon a {
    display: block;
    float: none;
  }
}

/*account*/

.account-inner.lost-pswrd {
  width: 60%;
  margin: 0 auto;
}

.account-inner span {
  color: #666;
  font-size: 15px;
}

.account-inner button.mt_btn_yellow {
  margin-right: 15px;
}

.account-inner input[type="checkbox"] {
  display: inline-block;
}

p.lt-pswrd {
  margin-bottom: 20px;
}

p.lost_password {
  margin: 15px 0;
}

.fp-content label {
  margin-bottom: 15px;
}

/* ====================== */
/*       Home Style 1         */
/* ====================== */

.style-1 section {
  padding: 95px 0 80px;
}

header.head-style-1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(255, 255, 255, 0.1);
  width: 100%;
  border-bottom: 1px solid #ffffff2e;
}

.head-style-1 .upper-head {
  background: transparent;
  padding: 0;
}

.logo-color {
  display: none;
}

.navbar-sticky .logo-white {
  display: none;
}

.navbar-sticky .logo-color {
  display: block;
}

.head-style-1 .upper-head-inner {
  border-bottom: 1px solid #ffffff2e;
  float: left;
  width: 100%;
}

.head-style-1 .nav.navbar-nav li {
  margin: 0;
}

.head-style-1 .nav.navbar-nav>li>a {
  color: #fff;
  padding: 10px 13px;
}

.head-style-1 .nav.navbar-nav>li>a:hover,
.head-style-1 .nav.navbar-nav>li.active>a,
.head-style-1 .navbar-default .navbar-nav>.active>a {
  background: #cac9c966;
  color: #fff;
}

.head-style-1 .navbar-sticky .nav.navbar-nav>li>a:hover,
.head-style-1 .navbar-sticky .nav.navbar-nav>li.active>a,
.head-style-1 .navbar-sticky .navbar-default .navbar-nav>.active>a {
  color: #D60D45;
}

.head-style-1 .navbar-sticky .nav.navbar-nav>li>a {
  color: #333;
}

.head-style-1 .slicknav_menu {
  background: transparent;
}

.head-style-1 .nav.navbar-nav li ul {
  top: 54px;
}

.head-style-1 .navbar-sticky .navbar-nav>li>ul {
  top: 54px;
}

.head-style-1 .nav.navbar-nav li ul li ul {
  top: -2px;
}

.contact-info-item {
  display: inline-block;
  border-right: 1px solid #ffffff2e;
  padding: 10px 0;
  margin-right: 15px;
}

.banner-style-1 #js_frm_040 {
  max-height: 650px;
}

.banner-style-1 .js_frm_subscribe {
  top: 43%;
}

.banner-style-1 .kenburns_061_slide {
  text-align: center;
}

.banner-style-1 .kenburns_061_slide a.btn-blue {
  margin-top: 25px;
}

.head-style-1 .login-btn a:hover {
  opacity: 0.8;
}

.head-style-1 .login-btn {
  line-height: 3.5;
  padding: 10px 0;
}

.head-style-1 .upper-head [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  color: #fff;
  font-size: 34px;
}

.head-style-1 .upper-head i {
  padding-right: 20px;
}

.head-style-1 .contact-info span {
  display: block;
}

.style-1 section.popular-packages {
  padding: 80px 0;
}

.banner-style-1 .slider-content {
  position: relative;
  margin-bottom: 25px;
  left: 0;
  width: 100%;
}

.style-1 .section-title h2:before {
  position: absolute;
  content: '';
  height: 2px;
  width: 75px;
  background: #D60D45;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
}

.style-1 .section-title h2:after {
  position: absolute;
  content: '';
  height: 2px;
  width: 200px;
  background: #e1e1e1;
  top: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.style-1 .section-icon {
  display: none;
}

.style-1 .newsletter input[type=text] {
  padding: 15px 115px 15px 15px;
  border-radius: 5px;
}

.style-1 .newsletter a {
  top: 5px;
  right: 5px;
  border-radius: 5px
}

.style-1 .partners-logo {
  padding: 0;
}

.style-1 .search-box {
  background: #fff;
}

.search-content-slider {
  padding: 20px;
  background: #ffffff57;
}

.search-content-slider .table_item {
  padding: 0;
}

.search-content-slider a.btn-style-1 {
  border-radius: 0;
}

@media(max-width:1100px) {
  .head-style-1 .nav.navbar-nav>li>a {
    padding: 10px 8px;
    float: left;
  }
}

@media(max-width: 480px) {

  .banner-style-1 .js_frm_subscribe {
    display: none;
  }
}

/*Amazing Tours*/

section.amazing-tours {
  padding-bottom: 50px;
}

.at-item {
  margin-bottom: 30px;
  position: relative;
}

.at-image {
  overflow: hidden;
  position: relative;
}

.at-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(0, 0, 0);
  opacity: 0;
  transition: all ease-in-out 0.3s;
}

.at-image img {
  transform: scale(1.1);
  transition: all ease-in-out 0.3s;
}

.at-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
}

.at-content h3 a,
.at-content span {
  color: #fff;
}

.at-item:hover .at-image img {
  transform: scale(1);
}

.at-image:hover .at-overlay {
  opacity: 0.5;
}

.at-content h3 a:hover {
  color: #ccc;
}


.style-1 .ad-price {
  background: no-repeat;
  box-shadow: none;
}

.style-1 .ad-price-inner {
  background: #44675b;
  border: 2px dashed #fff;
}

.style-1 .trip-ad:before {
  left: 0;
  width: 100%;
  transform: none;
  background: linear-gradient(to left, rgba(255, 0, 0, 0), rgb(29, 12, 12));
}

.style-1 .trip-ad:after {
  display: none;
}

.style-1 section.deals {
  background: #fbfbfb;
  position: relative;
}

.style-1 section.deals:before,
.style-2 section.deals:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 59.2%;
  top: 0;
  left: 0;
  background: url(../images/dealsbg-1.jpg) no-repeat;
  background-attachment: fixed;
}

.style-1 .deals-item-outer {
  padding: 0;
}

.style-1 .deals .section-overlay,
.style-2 .deals .section-overlay {
  height: 59.2%;
}

.style-1 .deal-content {
  background: #fff;
}

.bucket-content-image {
  position: relative;
  z-index: 1;
}

.style-1 section.bucket-list {
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.style-1 section.bucket-list:after {
  content: '';
  background: #fff;
  position: absolute;
  width: 80%;
  height: 100%;
  right: -33%;
  bottom: 0;
  transform: rotate(40deg);
  top: 0;
}

.style-1 .box-item {
  border-radius: 10px;
  overflow: hidden;
}

.style-1 .deals-item {
  margin: 0;
  box-shadow: 0px 0px 20px #cccccc67;
}

.style-1 .deals-item:before,
.style-1 .deals-item:after,
.style-2 .deals-item:before,
.style-2 .deals-item:after {
  display: none;
}

.style-1 .ad-title h2,
.style-1 .trip-ad-content p {
  color: #fff;
}

.style-1 span.deal-price {
  line-height: 2;
  bottom: 10px;
  height: 50px;
  border-radius: 10px;
  padding: 0;
  font-size: 25px;
  right: 10px;
  margin: 0;
  left: unset;
  background: #ae882f;
}

.style-1 .sale-tag {
  right: 10px;
  background: #ae882f;
  border-radius: 10px;
}

.style-1 .sale-tag:after {
  display: none;
}

.style-1 .package-image {
  width: 50%;
  margin-bottom: 0;
}

.style-1 .package-content {
  width: 50%;
  float: right;
  padding: 12px 15px 15px 15px;
  border-bottom: none;
}

.style-1 .package-price {
  box-shadow: none;
  padding: 0;
  text-align: left;
  display: inline-block;
}

.style-1 .package-price p {
  color: #D60D45;
}

.style-1 .package-content p,
.style-1 .package-content h4 {
  margin-bottom: 10px;
}

.style-1 .package-info {
  margin: 0;
}

.style-1 .package-item {
  margin: 30px 0 0;
}

.style-1 .ad-title span {
  color: #ff9900;
}

.style-1 .package-item .package-days {
  display: block;
  float: none;
  position: absolute;
  top: 10px;
  left: 0;
  padding: 10px 15px;
  border-radius: 0px 10px 10px 0px;
  margin-bottom: 0;
  color: #fff;
  background: #403f3f;
}

.style-1 .bucket-content {
  background: transparent;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 0;
}

.style-1 .bucket-item {
  display: block;
  position: relative;
}

.style-1 .bucket-item:before {
  border-radius: 10px;
}

.style-1 .bucket-image {
  float: left;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  position: absolute;
  top: 15px;
  left: -10%;
}

.bucket-right .bucket-image {
  float: right;
  left: unset;
  right: -10%;
}

.style-1 .bucket-image i {
  padding: 4px 11px;
}

.style-1 .bucket-item-content {
  border-radius: 10px;
  padding: 25px 15px 25px 52px;
  border: 1px solid #f1f1f1;
  box-shadow: 1px 1px 20px #cccccc67;
}

.bucket-right .bucket-item-content {
  padding: 25px 52px 25px 15px;
}

.style-1 .bucket-item:hover .bucket-image i {
  border-radius: 10px;
}

.style-1 section.testimonials {
  background: url(../images/bucketbg.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  position: relative;
  padding-bottom: 45px;
  position: relative;
}

.style-1 section.testimonials:before {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
}

.testimonial-content {
  position: relative;
  z-index: 1;
}

.style-1 .trusted-partners {
  padding: 0 0 80px;
  background: #fff;
}

.style-1 .trusted-partners:before {
  display: none;
}

.style-1 footer {
  position: relative;
  background: url(../images/slider/slider3.jpg) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: center bottom;
}

.style-1 footer:before {
  content: '';
  background: #060c17cf;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.style-1 .newsletter {
  padding-top: 70px;
}

.newsletter-title h3,
.newsletter-title p {
  color: #fff;
}

.newsletter-content {
  margin-top: 8px;
}

.style-1 section.newsletter:before {
  content: '';
  position: absolute;
  height: 100%;
  width: 47%;
  top: 0;
  background: #39404e;
}

.style-1 .sale-content a.btn-blue:hover {
  background: #D60D45;
}

.destination-item-1 {
  box-shadow: 1px 1px 10px #cccccc57;
}

.destination-content-1 {
  background: #fff;
  border: 1px solid #f1f1f1;
}

.destination-image-1 {
  overflow: hidden;
  width: 100%;
  position: relative;
}

.destination-image-1 img {
  transition: all ease-in-out 1s;
}

.destination-item-1:hover img {
  transform: scale(1.1);
}

.destination-upper {
  padding: 15px 15px 0;
}

.destination-lower {
  padding: 15px 15px 0;
  background: #e67a00;
}

.destination-lower p {
  display: inline-block;
  color: #fff;
  margin: 0;
}

p.top-price {
  font-size: 18px;
  font-weight: 600;
  color: #D60D45;
}

.destination-lower .deal-rating {
  display: inline-block;
  margin: 3px 0 15px;
}

.sale-content-1 {
  top: 75%;
  transition: all ease-in-out 1s;
}

.sale-content-1 .sale-review {
  margin-bottom: 10px;
}

.sale-content-1 h3 {
  margin-bottom: 80px;
  text-align: left;
}

.sale-content-inner {
  opacity: 0;
  transition: all ease-in-out 0.3s;
}

.sale-item:hover .sale-content-1 {
  top: 0;
}

.sale-item:hover .sale-content-inner {
  opacity: 1;
}

.style-1 .partners-logo .slick-slide img {
  border-radius: 10px;
  display: block;
  width: 100%;
  background: linear-gradient(-29deg, #064f79 0, #1581bf 100%);
  padding: 15px;
  border: 5px solid #fff;
  box-shadow: 0 0 10px #ccc;
  margin: 2px;
}

/*Testimonial*/
.style-1 .testimonial_094_slide>p {
  color: #fff;
}

.style-1 .testimonial_094_slide>h5>a {
  color: #fff;
}

.style-1 .testimonial_094_slide:before {
  display: none;
}


@media(max-width: 991px) {

  .style-1 .ad-title h2 {
    color: #e67a00;
  }

  .style-1 .trip-ad-content p {
    color: #777;
  }

  .style-1 .package-image,
  .style-1 .package-content {
    width: 100%;
  }

  .style-1 .ad-price {
    top: 68%;
    height: 150px;
    width: 150px;
  }

  .style-1 .ad-price-inner {
    height: 140px;
    width: 140px;
  }

  .style-1 .bucket-image {
    width: 15%;
  }

  .style-1 section.deals:before,
  .style-2 section.deals:before,
  .style-1 .deals .section-overlay,
  .style-2 .deals .section-overlay {
    height: 53.5%;
  }

  .head-style-1 .login-btn {
    float: left !important;
  }

  .style-1 .search-1 {
    background: #fbfbfb;
  }

  .search-1 .search-title {
    padding: 20px;
    border-radius: 10px;
  }

  .search-1 .search-outer {
    top: 0;
    background: #fbfbfb;
    box-shadow: none;
  }

  .style-1 section.amazing-tours {
    padding-top: 95px;
  }

  .style-1 .ad-price span {
    font-size: 20px;
  }

  .style-1 span.rate {
    font-size: 30px;
  }

  .style-1 .ad-price-inner {
    padding: 35px 0;
  }

  .style-1 .bucket-image {
    top: 0;
    left: 0;
  }

  .style-1 .bucket-item-content {
    padding-left: 130px;
  }

  .style-1 .bucket-right .bucket-image {
    left: unset;
    right: 0;
  }

  .bucket-right .bucket-item-content {
    padding: 25px 130px 25px 15px;
  }

  .bucket-content-image {
    width: 40%;
    margin: 0 auto;
  }

  .sale-content-1 {
    top: 76%;
  }

  .style-1 .banner-style-1 .slider-content {
    display: none;
  }
}

@media(max-width: 767px) {
  .section-title {
    padding: 0;
  }

  .style-1 section.deals {
    padding-bottom: 50px;
  }

  .style-1 .deals-item {
    margin-bottom: 30px;
  }

  .style-1 .bucket-image {
    width: 18.5%;
  }

  .style-1 .newsletter {
    text-align: center;
  }

  .style-1 section.newsletter:before {
    display: none;
  }

  .col-left-padding {
    padding-left: 15px;
  }
}

@media(max-width: 500px) {

  .style-1 .bucket-image,
  .style-1 .bucket-right .bucket-image {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 15px;
  }

  .style-1 .bucket-item-content {
    padding: 110px 15px 15px;
    text-align: center;
  }

  .style-1 .ad-price {
    top: 75%;
  }

  .head-style-1 .upper-head {
    display: none;
  }

  .style-1 #js_frm_040 {
    height: 400px;
  }

  section.top-destinations-1 {
    padding-bottom: 50px
  }

  .destination-item-1 {
    margin-bottom: 30px;
  }

  .sale-content-1 h3 {
    margin-bottom: 30px;
  }

  .style-1 section.bucket-list {
    padding-bottom: 0;
  }

  .bucket-content .col-xs-4 {
    width: 100%;
  }

  .bucket-content .col-xs-offset-4 {
    margin: 0;
  }

  .search-content-slider .col-xs-6 {
    width: 100%;
  }

  .style-1 section.amazing-tours .col-md-3.col-xs-6,
  .style-2 section.amazing-tours .col-md-3.col-xs-6 {
    width: 100%;
  }
}

/* ====================== */
/*     Home Style 2         */
/* ====================== */

.style-2 .search-box {
  background: #fbfbfb;
}

.style-2 section.top-destinations-1 {
  background: #fbfbfb;
  padding-top: 0;
}

section.full-tours {
  padding: 0;
  overflow: hidden;
}

.full-tours .col-lg-6,
.full-tours .col-lg-3 {
  padding: 0;
}

.ft-item {
  position: relative;
}

.ft-image {
  position: relative;
  overflow: hidden;
}

.ft-image img {
  transform: scale(1.2);
  transition: all ease-in-out 3s;
}

.ft-overlay {
  position: absolute;
  content: '';
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}

.ft-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}

.ft-content h2 a,
.ft-content p {
  color: #fff;
  line-height: 1.2;
}

.ft-content h2 {
  margin-bottom: 10px;
}

.ft-item:hover .ft-image img {
  transform: scale(1);
}

.ft-content p span {
  font-size: 32px;
  display: block;
  font-weight: 400;
}

section.testimonial-1 {
  padding: 0;
  background: url(../images/testimonialbg.jpg) no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  position: relative;
}

.video-content {
  position: relative;
  z-index: 1;
}

.video-content iframe {
  width: 100%;
  height: 350px;
  position: relative;
  top: -50px;
}

.testimonial-inner {
  background: #333;
  position: relative;
  bottom: -75px;
  z-index: 1;
}

.testimonial-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #e67a00;
  width: 60%;
  top: -25px;
  padding: 5px 15px;
  text-align: center;
}

.testimonial-title h3 {
  margin-bottom: 0;
  text-transform: uppercase;
  color: #fff;
}

.testimonial-image {
  height: 50px;
  width: 50px;
  margin: 0 auto;
  border-radius: 50%;
  margin-bottom: 15px;
  overflow: hidden;
}

.style-2 section.amazing-tours {
  padding-bottom: 100px;
}

.style-2 section.deals-on-sale {
  padding-top: 130px;
}

.style-2 .testimonial_095_slide {
  width: 90%;
}

.footer-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}


@media(max-width: 991px) {
  .testimonial-inner {
    bottom: -50px;
  }

  .style-2 .search-box,
  .style-2 .search-outer {
    background: #fff;
  }
}

@media(max-width: 767px) {
  .full-tours .col-xs-6 {
    width: 100%;
  }

  .full-tours .col-xs-3 {
    width: 50%;
  }

  .destination-item-1 {
    margin-bottom: 30px;
  }

  .style-2 section.top-destinations-1 {
    padding: 90px 0 50px;
  }
}

@media(max-width: 567px) {
  .full-tours .col-xs-3 {
    width: 100%;
  }
}

@media(max-width: 359px) {

  .testimonial-inner {
    bottom: 0;
  }

  .testimonial-title {
    position: relative;
    top: 0;
    width: 100%;
  }
}

/* ====================== */
/*     Home Style 3         */
/* ====================== */

body.style-3 {
  background: #fbfbfb;
}

.style-3 section {
  padding: 0 0 85px;
  background: #fbfbfb;
}

/*section title*/

.style-3 .section-title h2 {
  margin-bottom: 0;
}

.style-3 .section-title a {
  color: #d81e47;
}

.style-3 .section-title a:hover {
  text-decoration: underline;
}

.style-3 .back-title h3 {
  position: absolute;
  font-size: 90px;
  text-transform: uppercase;
  text-align: center;
  left: 0;
  right: 0;
  z-index: -1;
  top: -12px;
  color: #fff;
  text-shadow: 0 0 15px #cccccc20;
}

/*header*/

.style-3 header.head-style-1 {
  background: transparent;
  border: none;
}

.style-3 .head-style-1 .upper-head {
  border-bottom: 1px solid #ffffff2e;
}

.style-3 .head-style-1 .upper-head i {
  padding-right: 10px;
}

.style-3 .head-style-1 .upper-head-inner {
  border: none;
}

.style-3 .head-style-1 .upper-head [class^="flaticon-"]:before,
.style-3 .head-style-1 [class*=" flaticon-"]:before,
.style-3 .head-style-1 [class^="flaticon-"]:after,
.style-3 .head-style-1 [class*=" flaticon-"]:after {
  font-size: 18px;
}

.style-3 .head-style-1 .contact-info span {
  display: inline-block;
}

.style-3 .head-style-1 .login-btn {
  padding: 0;
  line-height: 3.1;
}

.style-3 .head-style-1 .nav.navbar-nav>li>a:hover,
.style-3 .head-style-1 .nav.navbar-nav>li.active>a,
.style-3 .head-style-1 .navbar-default .navbar-nav>.active>a {
  background: transparent;
  opacity: 0.8;
}

/*banner*/
section#home_banner_new {
  padding-bottom: 0;
}

section#home_banner_new .sale-overlay {
  background: #00000073;
}

section#home_banner_new .slick-slider.row {
  margin: 0;
}

section#home_banner_new .slick-initialized .slick-slide {
  padding: 0;
}

section#home_banner_new .sale-content-1 {
  padding: 0 30px;
}

section#home_banner_new .sale-content-1 .sale-review {
  text-align: center;
}

section#home_banner_new .sale-content-1 h3 {
  margin-bottom: 10px;
  text-align: center;
}

section#home_banner_new .sale-content-1 .popular-price {
  color: #fff;
  font-size: 18px;
  background: #bd566c;
  padding: 5px 15px;
  display: inline-block;
}

section#home_banner_new .sale-content-1 .popular-price span i {
  font-weight: 500;
  text-decoration: line-through;
  font-size: 16px;
}

section#home_banner_new .sale-item:hover .sale-content-1 {
  top: 75%;
}

section#home_banner_new .sale-item:hover img {
  transform: none;
}

section#home_banner_new .slider-button .slick-prev,
section#home_banner_new .slider-button .slick-next {
  height: 50px;
  width: 50px;
  border-radius: inherit;
  border: none;
  background: #ffffff38;
}

section#home_banner_new .slick-prev:hover,
section#home_banner_new .slick-prev:focus,
section#home_banner_new .slick-next:hover,
section#home_banner_new .slick-next:focus {
  background: #000;
}

section#home_banner_new .slider-button .slick-prev {
  left: 30px;
}

section#home_banner_new .slider-button .slick-next {
  right: 30px;
}

/*Services*/

section#mt_services {
  padding-top: 80px;
}

#mt_services .services-main {
  margin-top: 60px;
  position: relative;
  z-index: 3;
}

#mt_services .box .icon {
  margin: 0 0 20px;
  border-radius: 50%;
  height: 100px;
  width: 100px;
  background: #fff;
  display: inline-block;
  box-shadow: 0 0 15px #cccccc94;
  transition: all ease-in-out 0.3s;
}

#mt_services .box .icon i {
  font-size: 42px;
  color: #999;
  line-height: 2.4;
  font-weight: 300;
  transition: all ease-in-out 0.3s;
}

#mt_services .box .icon:hover,
#mt_services .box .icon.active {
  background: #d81e47;
  transition: all ease-in-out 0.3s;
}

#mt_services .box .icon:hover i,
#mt_services .box .icon.active i {
  color: #fff;
  transition: all ease-in-out 0.3s;
}


#mt_services .box h3 {
  margin-bottom: 10px;
}

#mt_services .box p {
  margin-bottom: 0;
  line-height: 1.5;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.5em;
  max-height: 3.1em;
}

.style-3 .search-content-slider {
  padding: 0;
  background: transparent;
}

/*top destinations*/
.style-3 .destination-content-1 {
  padding: 30px 20px;
  position: relative;
  overflow: hidden;
}

.style-3 .destination-content-1 h3 {
  margin-bottom: 15px;
  border-bottom: 1px dashed #f1f1f1;
  padding-bottom: 15px;
}

.style-3 .destination-content-1 .deal-rating {
  margin-bottom: 0;
}

.tour-price {
  text-align: right;
  position: absolute;
  right: 20px;
  bottom: 34px;
}

.tour-price .tour-head {
  display: block;
  font-size: 15px;
  margin-bottom: 7px;
  font-weight: 400;
}

.tour-price .tour-tail {
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  color: #d81e47;
}

.thumbnail-ribbon {
  position: absolute;
  z-index: 1;
  bottom: 0;
  background: #d81e47;
  padding: 10px 20px;
  left: 0;
  color: #fff;
}

/* full tours*/
.full-tours .col-md-6,
.full-tours .col-md-3 {
  padding: 0;
}

/*Amazing tours*/
.style-3 .amazing-tours {
  padding-bottom: 75px;
}

.style-3 .amazing-tours .col-lg-4.col-md-6 {
  padding: 0 5px;
}

.style-3 .amazing-tours .at-item {
  margin-bottom: 10px;
}

.style-3 .amazing-tours .at-image {
  height: 350px;
}

.style-3 .amazing-tours .at-content {
  width: 100%;
  height: 100%;
  background: #00000060;
  transition: all ease-in-out 0.3s;
}

.style-3 .amazing-tours .at-content h3 {
  margin: 10px 0;
}

.style-3 .amazing-tours .at-content .deal-rating {
  margin-bottom: 0;
}

.style-3 .amazing-tours .at-item:hover .at-content {
  padding-top: 60%;
  transition: all ease-in-out 0.3s;
}

/*call to action*/

.style-3 .tour-cta {
  background: url(../images/section1-bg.jpg) no-repeat;
  background-size: cover;
  background-position: bottom;
  padding-bottom: 0;
}

.style-3 .cta-content {
  padding: 40px 30px;
  background: #fbfbfb;
  margin-top: 14%;
  box-shadow: 0 0 30px #cccccc50;
  border: 5px solid #fff;
}

.style-3 .cta-content h3 {
  font-size: 20px;
  font-weight: 700;
  font-style: normal;
  color: #d60d45;
}

.style-3 .cta-content h2 {
  font-size: 52px;
  font-weight: 700;
}

.style-3 .cta-content a.btn-blue.btn-style-1:hover {
  color: #fff;
  opacity: 0.8;
}

.style-3 .tour-cta .video-thumbnail {
  position: relative;
  bottom: -30px;
  box-shadow: 0 27px 24px -35px rgba(0, 0, 0, 0.50);
  border: 8px solid #fbfbfb;
  overflow: hidden;
}

.style-3 .tour-cta .pulses {
  font-size: 16px;
  transition: all ease-in-out 0.5s;
  position: absolute;
  right: 0;
  left: 46%;
  margin: 0 auto;
  top: 46%;
  animation: pulse 1.5s cubic-bezier(0.66, 0.66, 0.88, 1.86) infinite;
}

.style-3 .tour-cta .pulses button.play-btn:before {
  content: "";
  border: 2px solid #ffffff;
  height: 90px;
  position: absolute;
  width: 90px;
  left: -5px;
  top: -5px;
  border-radius: 50%;
}

.style-3 .tour-cta .pulses button.play-btn i {
  font-size: 28px;
  border: 3px solid #d60d45;
  height: 80px;
  width: 80px;
  line-height: 2.8;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #d60d45;
  transition: all ease-in-out 0.5s;
  padding-left: 5px;
}

.style-3 .tour-cta .video-content iframe {
  top: 0;
}


/*exploration*/
.style-3 section.deals-on-sale {
  padding-top: 100px;
}

.style-3 section.deals-on-sale .sale-content-1 {
  padding: 0 20px;
}

.style-3 section.deals-on-sale .sale-content-1 h3 {
  margin-bottom: 10px;
}

.style-3 section.deals-on-sale .popular-price {
  text-align: left;
  color: #fff;
  font-size: 18px;
}

.style-3 section.deals-on-sale .sale-item:hover .sale-content-1 {
  top: 75%;
}

/*testimonail*/

.style-3 .testi-detail {
  background: #05678e;
  padding: 40px 20px;
  text-align: center;
  overflow: hidden;
}

.style-3 .testi-detail img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  margin: 0 auto;
}

.style-3 .testi-detail span {
  margin: 20px 0 5px;
  display: inline-flex;
}

.style-3 .testi-detail p {
  margin-bottom: 0;
  position: relative;
}

.style-3 .testi-detail p:before {
  content: '\f10d';
  font-family: 'fontawesome';
  padding-right: 10px;
}


/*blogs*/

.style-3 section.blog {
  padding-bottom: 0;
}

.style-3 .blog-item {
  box-shadow: none;
  position: relative;
}

.style-3 .blog-item:before {
  content: '';
  background: #00000058;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
}

.style-3 .blog-image {
  position: relative;
}

.style-3 .blog-content {
  padding: 20px 20px 12px;
  background: transparent;
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
}

.style-3 .blog-content h3 a:hover {
  opacity: 0.8;
  color: #fff;
}

.style-3 .blog-author {
  padding: 0;
  border: none;
}

/*newsletter*/
#newsletter-main {
  background: url(../images/newssection-bg.jpg) no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 80px;
}

#newsletter-main .section-title {
  padding: 0;
}

#newsletter-main .newsletter form {
  width: 100%;
}

#newsletter-main .newsletter input[type=text] {
  background: #ffffff8f;
}

/*footer*/

.style-3 .footer-links {
  border: none;
  padding-top: 80px;
}

.style-3 .footer-links .recent-post-content {
  padding-left: 0;
  border-bottom: 1px dashed #11203c;
  padding-bottom: 10px;
}

@media(max-width: 1100px) and (min-width: 991px) {
  .style-3 .amazing-tours .at-image {
    height: auto;
  }

  .style-3 .blog-author .pull-left,
  .style-3 .blog-author .pull-right {
    width: 100%;
  }

  .style-3 .blog-date-icon p {
    padding-left: 0;
    padding-right: 10px;
  }
}

@media(max-width: 1100px) {
  .style-3 .cta-content {
    padding: 20px;
    margin-top: 0;
  }

  .style-3 section.deals-on-sale .sale-content-1 {
    top: 68%;
  }
}

@media(max-width: 991px) {
  section#home_banner_new .sale-content-1 {
    top: 66%;
  }

  section#mt_services,
  .style-3 section.top-destinations-1 {
    padding-bottom: 55px
  }

  #mt_services .services-box,
  .style-3 .destination-item-1.box-item {
    margin-bottom: 30px;
  }

  .style-3 .cta-content h3 {
    font-size: 18px;
  }

  .style-3 .cta-content h2 {
    font-size: 28px;
  }

  .style-3 .tour-cta .pulses {
    top: 40%;
    left: 40%;
  }
}

@media(max-width: 811px) {

  .style-3 .full-tours .col-xs-6 {
    width: 50%;
  }

  .style-3 .newsletter {
    padding: 0;
  }
}

@media(max-width: 735px) {
  .style-3 .back-title h3 {
    font-size: 70px;
  }

  section#home_banner_new .sale-content-1 {
    top: 58%;
  }

  .style-3 .amazing-tours .at-image {
    height: 300px;
  }

  .style-3 section.blog .col-xs-6 {
    width: 100%;
  }
}

@media(max-width: 639px) {

  .style-3 section.top-destinations-1 .col-xs-6,
  .style-3 .amazing-tours .col-xs-6,
  .style-3 .full-tours .col-xs-6 {
    width: 100%;
  }

  .style-3 section.deals-on-sale .sale-content-1 {
    top: 82%;
  }

  section#home_banner_new .sale-content-1 {
    top: 76%;
  }
}

@media(max-width: 480px) {
  .style-3 .back-title h3 {
    font-size: 36px;
    top: 12px;
  }

  section#home_banner_new .sale-content-1 {
    top: 56%;
  }
}

body.style-tab {
  position: relative;
  z-index: 1;
  background: url(../images/slider/slider9.jpg) no-repeat;
  background-position: top;
  background-size: cover;
}

body.style-tab::before {
  background-color: #006699ab;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
}

body.style-tab::after {
  background-color: rgba(168, 159, 136, 0.6);
  bottom: 0;
  content: "";
  right: 0;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.main-slider-inner {
  position: relative;
  padding: 50px 0;
}

.main-slider-inner:before {
  content: '';
  background: url(../images/slider/slider1.jpg) no-repeat;
  height: 100%;
  width: 50%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  background-size: cover;
  background-attachment: fixed;
  background-position: top;
}

.main-slider-1 .logo-tab {
  position: relative;
  z-index: 1;
  text-align: right;
}

.main-slider-1 .logo-tab a {
  display: inline-block;
  margin-bottom: 80px;
  padding-right: 20px;
}


.main-slider-1 .block-box {
  margin: 0 auto;
  vertical-align: middle;
  width: 80%;
  position: relative;
  z-index: 2;
}

.main-slider-1 .main-tab-sec {
  padding-right: 15px;
}

.main-slider-1 .search-tabs {
  width: 100%;
  display: inline-block;
}

.main-slider-1 .search-tabs li {
  padding-bottom: 15px;
  border-bottom: 1px dashed #ffffff40;
  margin-bottom: 15px;
}

.main-slider-1 .search-tabs li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.main-slider-1 img {
  max-width: 100%;
  height: auto;
  transition: all .4s linear 0s;
  -webkit-transition: all .4s linear 0s;
  width: inherit;
}


.main-slider-1 .search-tabs li a.active,
.main-slider-1 .search-tabs li a.active span,
.main-slider-1 .search-tabs li a.active,
.main-slider-1 .search-tabs li.active:before {
  color: #fcb100;
}

.main-slider-1 .search-form {
  padding: 0 0 0 20px;
}

.main-slider-1 .search-tabs img {
  display: inline-block;
  margin-right: 15px;
  vertical-align: middle;
}


.main-slider-1 .search-tabs a {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  font-weight: 500;
  cursor: pointer;
}

.main-slider-1 .bootstrap-select>select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: .5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: 0;
}

.main-slider-1 .search-tabs a span {
  color: #fff;
  font-style: italic;
  display: block;
  font-size: 15px;
}

.main-slider-1 .search-tabs .icon {
  border-radius: 50%;
  color: #fff;
  float: right;
  font-size: 16px;
  height: 38px;
  line-height: 38px;
  margin-right: 0px;
  margin-top: 2px;
  text-align: center;
  width: 38px;
  background: #fcb100;
}

.main-slider-1 .form-group {
  position: relative;
}

.main-slider-1 .form-control {
  height: 52px;
  border-radius: 10px;
  border: none;
}

.main-slider-1 .form-control,
.main-slider-1 .input-group-addon,
.main-slider-1 .bootstrap-select .btn {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  height: 45px;
  line-height: 2.5;
  padding: 10px 20px;
  font-weight: 500;
  background: #fff;
}

.main-slider-1 .bootstrap-select.btn-group .dropdown-toggle .filter-option,
.main-slider-1 .bootstrap-select.btn-group .dropdown-toggle .caret {
  color: #444444;
}

.main-slider-1 .btn-blue {
  padding: 12px 25px
}

.main-slider-1 .form-group .fa {
  position: absolute;
  right: 35px;
  top: 20px;
  color: #fcb100;
}

.main-slider-1 .form-group .nice-select.wide {
  padding-left: 18px;
}

.main-slider-1 .footer {
  text-align: right;
  margin-top: 80px;
  padding-right: 20px;
}

.main-slider-1 .social-icons li {
  display: inline-block;
  position: relative;
}

.main-slider-1 .search-tabs li:before {
  content: '\f118';
  font-family: 'fontawesome';
  font-size: 21px;
  color: #fff;
  padding-right: 20px;
  vertical-align: middle;
}

.main-slider-1 .social-icons li a {
  background: #ffffff54;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 2.3;
  margin: 0 2px;
}

/*mobile tab*/
.main-slider-1 .mobile-tab .search-tabs {
  margin-bottom: 30px;
}

.main-slider-1 .mobile-tab .search-tabs li {
  text-align: center;
}

.main-slider-1 .mobile-tab .search-tabs li:before {
  display: none;
}

.main-slider-1 .mobile-tab .search-tabs .icon {
  margin: 5px 0 0;
}

@media(min-width: 1500px) {

  .main-slider-1,
  .main-slider-inner {
    height: 145vh;
  }
}

@media(min-width: 813px) {
  .main-slider-1 .mobile-tab {
    display: none;
  }
}

@media(max-width: 991px) {
  .main-slider-1 .block-box {
    width: 100%;
  }
}

@media(max-width: 812px) {

  .main-slider-1 .main-tab-sec {
    display: none;
  }

  .main-slider-1 .mobile-tab {
    display: block;
  }
}

@media(max-width: 767px) {

  body.style-tab::before,
  .main-slider-inner:before {
    width: 100%;
  }

  .main-slider-1 .footer {
    text-align: center;
  }

  .main-slider-1 .search-tabs .icon {
    float: none;
  }
}

@media(max-width: 639px) {
  .main-slider-1 .mobile-tab {
    padding-right: 0;
  }

}

@media(max-width: 567px) {
  body.style-tab::after {
    background-color: #00000078;
  }

  .logo-tab,
  .main-slider-1 .footer {
    text-align: center;
    padding: 0;
  }

  .main-slider-1 .logo-tab {
    text-align: center;
  }
}

@media(max-width: 400px) {

  .main-slider-1 .mobile-tab .col-sm-6.col-xs-8 {
    width: 70%;
  }

  .main-slider-1 .mobile-tab .col-sm-6.col-xs-4 {
    width: 30%;
  }
}

/*Home Style Dark*/

.dark section:nth-child(odd) {
  background: #23282D;
}

.dark section:nth-child(even) {
  background: #32373C;
}

.dark .trip-ad:before {
  background: #32373C;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark .section-title [class^="flaticon-"]:before,
[class*=" flaticon-"]:before {
  color: #fff;
}

.dark .section-icon:before,
.dark .section-icon:after {
  background: #fff;
}

.dark .deals-item-outer,
.dark .deals-item:before,
.dark .deals-item:after {
  background: #23282D;
}

.dark .package-item,
.dark .blog-content {
  background: #32373C;
  box-shadow: none;
}

.dark .package-content {
  border-bottom: none;
}

.dark .search-box {
  background: #23282D;
}

.dark section.trip-ad {
  background: url(../images/adbg.jpg) no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

.dark section.countdown-section {
  background: url(../images/countdownbg.jpg) no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

.dark .blog-content a {
  color: #fff;
}

.dark .blog-content a:hover {
  opacity: 0.8;
}

.dark section.deals {
  background: url(../images/dealsbg.jpg) no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}

.dark .slider-button .slick-prev,
.dark .slider-button .slick-next {
  border-color: #23282D;
}

.dark .blog-item {
  box-shadow: none;
}

.dark .deals-on-sale .slider-button .slick-prev,
.dark .deals-on-sale .slider-button .slick-next {
  border-color: #32373C;
}

.dark .search-outer {
  background: #32373C;
  box-shadow: none;
}

#home_banner_video {
  height: 650px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

#home_banner_video video {
  width: 100%;
  display: block;
}

.video-banner {
  position: relative;
}

.video-banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  height: 100%;
  width: 100%;
  z-index: 1;
}

.video-banner-content .js_frm_subscribe {
  z-index: 1;
}

.banner-with-form .js_frm_subscribe {
  top: 43%;
  overflow: visible;
}


/* Responsive */

@media(max-width: 1100px) {
  .footer-instagram li {
    width: 31.33%
  }

  .upper-head {
    display: none;
  }

  .logo {
    margin-bottom: 5px;
  }

  .logo img {
    width: 100%;
  }
}


@media(max-width: 991px) {

  .search-content {
    padding: 30px;
  }

  .search-title {
    padding: 25px;
  }

  .table_item {
    padding: 30px 0px 0;
  }

  .bucket-content {
    padding-bottom: 40px;
  }

  .top-destination-item .overlay {
    padding: 25px;
  }

  .top-destination-item .overlay-full {
    padding: 120px 20px;
  }

  .text .type-time {
    font-size: 15px;
  }

  .text .val {
    font-size: 45px;
    margin-bottom: 0;
  }

  section.countdown-section {
    padding-bottom: 50px;
  }

  .trusted-partners:before {
    width: 35%;
  }

  .partners-logo li {
    padding: 0 20px;
  }

  .partners-title h3 {
    text-align: left;
  }

  .partners-title span {
    font-size: 21px;
  }

  .breadcrumb-content ul {
    width: 80%;
  }

  #sidebar-sticky {
    margin: 30px 0 0;
  }

  /*  .sidebar-item:last-child{
    margin-bottom: 0;
  }*/
  #home_banner_video {
    height: auto;
  }

  .bucket-content .mix {
    display: block;
    width: auto;
  }

  .search-outer {
    top: -100px;
  }

  section.popular-packages,
  .style-2 section.top-destinations-1 {
    padding: 80px 0 50px;
  }

  .search-box {
    padding-top: 0;
  }

  .footer-instagram li {
    width: 31.94%;
  }

  .section-title {
    padding: 0 10%;
  }

  .newsletter form {
    width: 60%;
  }

  .trip-ad:before {
    display: none;
  }

  .trip-ad-content {
    background: #fff;
    padding: 30px;
  }

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

  .copyright {
    text-align: center;
  }

  .payment-content {
    text-align: center;
    padding-top: 10px;
  }
}


@media(max-width: 767px) {

  .partners-logo {
    padding: 30px 0;
  }

  .blog-item {
    margin-bottom: 30px;
  }

  .clock-item {
    width: 20%;
  }

  .newsletter form {
    width: 80%;
  }

  section.blog {
    padding-bottom: 50px;
  }

  .footer-links {
    padding-bottom: 60px;
  }

  .footer-links .col-md-3.col-xs-6 {
    width: 100%;
  }

  section.countdown-section {
    padding-bottom: 85px;
  }

  .detail-info-content {
    margin-top: 20px;
  }

  .cover-content {
    padding: 0 0 30px 0;
  }

  .att-content-right {
    padding: 25px 15px;
  }

  .att-content-right span.bold {
    display: block;
  }

  a.btn-large {
    padding: 10px 20px;
  }

  .related-posts .list-item {
    margin-top: 30px;
  }

  .item-tags {
    padding-bottom: 0;
  }

  .tabs-navbar {
    padding: 0;
  }

  section.popular-packages .slick-prev,
  .sale-slider .slick-prev {
    left: 0;
    top: 45%;
  }

  section.popular-packages .slick-next,
  .sale-slider .slick-next {
    right: 0;
    top: 45%;
  }

  .style-1 section.bucket-list:after {
    right: -65%;
  }

  .footer-instagram li {
    width: 32.95%;
  }

  .detail-tab .breadcrumb-content ul {
    box-shadow: 0 0 10px #ccc;
    bottom: -23px;
  }

  .breadcrumb-outer .tabs-navbar {
    display: none;
  }

}

@media(max-width: 735px) {
  .bucket-list .mt_filter .list-inline>li {
    margin-bottom: 4px;
  }
}

@media(max-width: 639px) {
  .package-price .deal-rating {
    margin: 0;
    display: block;
  }

  .section-title h2 {
    font-size: 24px;
  }

  .top-destinations .col-md-4 {
    width: 100%;
    padding: 0 15px;
  }

  .top-destination-item:last-child {
    margin-bottom: 6px;
  }

  .partners-logo {
    padding: 15px 0;
  }

}

@media(max-width: 567px) {

  section.trusted-partners {
    padding-bottom: 30px;
  }

  .trusted-partners:before {
    display: none;
  }

  .partners-title span {
    display: inline-block;
  }

  .partners-title h3 {
    text-align: center;
  }

  .trusted-partners .col-md-3.col-xs-4,
  .trusted-partners .col-md-9.col-xs-8 {
    width: 100%;
  }

  .partners-logo li {
    padding: 0 30px;
  }

  .partners-title {
    padding: 40px 0;
  }
}

@media (max-width: 500px) {

  .section-title h2 {
    font-size: 21px;
  }

  header .col-xs-3 {
    width: 75%;
  }

  header .col-xs-9 {
    width: 25%;
  }

  .section-title {
    padding: 0;
  }

  .upper-head {
    text-align: center;
  }

  .login-btn {
    float: none !important;
  }

  .search-content .col-xs-6 {
    width: 100%;
  }

  .table_item {
    padding: 0 0 30px;
  }

  .search-title {
    margin-bottom: 30px;
  }

  ul.post-category li {
    margin: 10px 0;
    width: 30%;
  }

  .bucket-list .bucket-item {
    display: block;
  }

  .bucket-item-content {
    padding: 25px;
  }

  .trip-ad:before {
    transform: skew(0);
    left: 0;
  }

  .ad-price {
    left: 50%;
    top: 46%;
    height: 170px;
    width: 170px;
  }

  .ad-price-inner {
    height: 160px;
    width: 160px;
    padding: 30px 0;
  }

  .clock-item {
    width: 45%;
    margin: 5px;
  }

  footer .col-xs-6,
  .newsletter form {
    width: 100%;
  }

  .countdown-title h2 {
    font-size: 30px;
  }

  .destination-margin {
    margin: 6px 0 !important;
  }

  .top-destination-item .overlay {
    padding: 90px 20px;
  }

  .top-destination-item .overlay-full {
    padding: 210px 20px;
  }

  .login-btn a {
    margin: 0 10px;
  }

  .payment-content {
    text-align: center;
  }

  section.testimonials {
    padding-bottom: 90px;
  }

  section.testimonials .testimonial_094_indicators>.carousel-indicators li {
    display: none;
    transition: all ease-in-out 0.3s;
  }

  section.testimonials .testimonial_094_indicators>.carousel-indicators .active {
    display: block;
    margin: 0 auto;
  }

  section.testimonials #testimonial_094 {
    min-height: 340px;
  }

  .detail table td ul li {
    width: 100%;
  }

  .fw-content {
    margin: 15px 0;
  }

  .destinations .col-xs-6 {
    width: 100%;
  }

  .att-item {
    padding: 15px;
  }

  .att-content-right {
    text-align: center;
    position: relative;
  }

  .att-content-left ul li {
    width: 100%;
  }

  .detail-info-content {
    text-align: center;
  }

  .detail-content .comment-image {
    margin-bottom: 10px;
    padding: 0;
  }

  .breadcrumb-content ul {
    width: 100%;
    padding: 12px;
  }

  .att-content-right p:last-child {
    margin-bottom: 0;
  }

  .detail-info-content p.detail-info-price {
    float: none;
    display: block;
    margin-bottom: 8px;
  }

  section.main-content.detail {
    padding: 40px 0 30px;
  }

  .breadcrumb-content {
    width: 100%;
  }

  .sidebar-slider .slick-prev,
  .sidebar-slider .slick-next {
    top: 40%;
  }

  .destination-content .deal-rating {
    float: none;
  }

  .att-image {
    width: 100%;
    margin-bottom: 20px;
  }

  .att-content {
    padding-left: 0;
    width: 100%;
  }

  .timeline li {
    padding-left: 80px;
  }

  span.travel-date,
  .comment-desc .deal-rating {
    float: none;
    display: block;
    text-align: center;
  }

  a.btn-large {
    width: 100%;
  }

  ul.reply {
    padding-left: 0px;
    background: #fbfbfb;
  }

  .comment-content p.date {
    display: block;
    float: none;
  }

  .login-accounts a.btn-blue {
    margin: 10px 10px 0 0;
  }

  .search-content-slider {
    padding: 20px;
  }

  form .col-xs-6 {
    width: 100%;
  }

  .booking-outer h3 {
    margin: 10px 0;
  }

  .sale-content {
    padding: 20px 40px;
  }

  .comment-content h4 {
    display: block;
  }
}


@media(max-width: 359px) {
  .sale-content {
    padding: 10px 30px;
  }
}

.datepicker {
  border-radius: 0;
  padding: 10px;
}

.datepicker th,
.datepicker td {
  padding: 5px;
  text-align: center;
  font-size: 14px;
}

/* ====================== */
/*     Home Style 5       */
/* ====================== */
.new-homepage-animate {
  animation: bounce1 2s infinite;
}

@keyframes bounce1 {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}


.style-5 a:hover {
  color: #D60D45;
}

.style-5 li {
  margin: 0;
}

.style-5 .box-shadow {
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, .1);
}

/* Header CSS*/
.style-5 .upper-head a:hover {
  color: #fff;
}

.style-5 header {
  background-color: #e67a00;
}

.style-5 .navigation {
  background-image: url(../images/line-pattern.png);
  background-position: bottom;
  border-radius: 30px 30px 0 0;
  background-color: #fff;
}

.style-5 .navbar-sticky {
  background-color: #fff;
  background-image: none;
  border-radius: 0;
}

/* .style-5 .slicknav_nav {
  background: #f7f2f2;
} */

@media(max-width:1100px) {
  .style-5 .navigation {
    border-radius: 0;
  }
}

/* Banner CSS */


.style-5 .banner .slide-1 {
  background-image: url(../images/slider/slider1.jpg);
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.style-5 .banner .slide-2 {
  background-image: url(../images/slider/slider2.jpg);
  object-fit: cover;
}

.style-5 .banner .slide-3 {
  background-image: url(../images/slider/slider3.jpg);
  object-fit: cover;
}


.style-5 .banner .slide-image img,
.style-5 .swiper-slide {
  border-radius: 30px 30px 0px 0;
}

.style-5 .slider a.btn-blue {
  background-color: #D60D45;
  border: none;
}

.style-5 .slider a.btn-blue:hover {
  background-color: #fff;
  color: #D60D45;
}

.style-5 .banner .swiper-button-next:after,
.style-5 .swiper-button-prev:after {
  position: absolute;
  color: #fff;
  font-size: 25px !important;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 10px;
  transition: all 0.3s ease;
}

.style-5 .banner .slider .swiper-button-next,
.slider .swiper-button-prev {
  background-color: transparent;
}

.style-5 .banner .swiper-button-next:after {
  right: 30px;
  content: "\f178" !important;
  font-family: "FontAwesome" !important;
}

.style-5 .banner .swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
  background-color: #D60D45;
  border-color: #D60D45;
  transition: all 0.3s ease;
}

.style-5 .banner .swiper-button-prev:after {
  left: 30px;
  content: "\f177" !important;
  font-family: "FontAwesome" !important;
}

.style-5 .banner-filter .nav-link:hover {
  color: #000 !important;
}

.style-5 .banner-filter .nav-tabs .nav-item.show .nav-link,
.style-5 .banner-filter .nav-tabs .nav-link.active {
  color: #fff !important;
  background-color: #D60D45;
}

.style-5 .banner-filter .nav-tabs .nav-link.active {
  border-color: transparent;
}

.style-5 .banner-filter {
  margin-top: -55px;
}

.style-5 .filter-icon i {
  font-size: 36px;
}

.style-5 .banner-filter .nav-tabs .nav-link {
  border-radius: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.style-5 .banner-filter .nav-tabs .nav-item:first-child .nav-link {
  border-radius: 10px 0 0 0;
}

.style-5 .banner-filter .nav-tabs .nav-item:last-child .nav-link {
  border-radius: 0 10px 0 0;
}

.style-5 .banner-filter .tab-content,
.style-5 .banner-filter {
  border-radius: 0 0 30px 30px;
}

.style-5 .filter-button {
  border-radius: 0 0 30px 0;
  background-color: #D60D45;
}

.style-5 .banner .filter-input .nice-select {
  line-height: 1.4;
  height: 100%;
  padding-right: 100px;
  border: none;
}

.style-5 .banner .filter-box::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #dbe1cd;
  width: 1px;
  height: 80px;
}

.style-5 .banner .filter-box1::after {
  top: 53%;
}

.style-5 .banner input[type="date"],
.style-5 input[type="number"] {
  font-size: 14px;
  line-height: 1.4;
  cursor: pointer;
}

.style-5 .banner .nice-select:after {
  height: 7px;
  width: 7px;
}

.style-5 .banner-filter .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after:hover {
  background-color: #fff !important;
}

.style-5 .filter-search button:hover {
  background-color: #e67a00;
  transition: all .3s ease-in-out;
}

@media (max-width:1200px) {
  .style-5 .banner .filter-input .nice-select {
    padding-right: 0;
  }

  .style-5 .filter-button {
    border-radius: 10px;
    margin-bottom: 35px 0;
    padding: 15px 30px !important
  }

  .style-5 .banner .filter-input .nice-select {
    padding-right: 70px;
  }

  .style-5 .filter-box {
    margin-bottom: 18px;
    border: 1px solid #ccc;
    justify-content: start !important;
    padding: 15px 25px;
    border-radius: 10px;
  }

  .style-5 .banner .filter-box::after {
    display: none;
  }

  .style-5 .tab-content {
    padding: 35px;
  }
}

@media(max-width:576px) {

  .style-5 .banner .swiper-button-next:after,
  .style-5 .swiper-button-prev:after {
    display: none;
  }

  .style-5 .banner-filter .nav-item {
    width: 50%;
    background-color: #a3d8f1;
  }

  .style-5 .banner .tab-content {
    border-top: 1px solid #ccc !important;
  }

  .style-5 .banner .slider {
    height: 500px;
  }

  .style-5 .banner .banner-content-inner {
    width: 75% !important;
  }

  .style-5 .banner-filter .nav-link {
    width: 100%;
    border: none !important;
    border-radius: 0 !important;
  }

  .style-5 .banner-filter {
    margin-top: -1px;
  }

  .style-5 .banner-wrapper {
    padding: 0 10px !important;
  }
}

/* About Us */
.style-5 .about-us .nav-tabs .nav-link.active {
  color: #D60D45 !important;
  text-decoration: underline;
}

.style-5 .about-us .nav-link:focus,
.nav-link:hover {
  color: #7d7676;
}

.style-5 .btn-red:hover {
  background-color: #e67a00;
  color: #fff;
  border-color: #e67a00;
}

.style-5 .about-us .nav-item i {
  font-size: 22px;
}

.style-5 .about-us .costumer-counter img {
  height: 45px;
  width: 45px;
  margin-left: -10px;
}

/* Populer Destination */
.style-5 .top-destination-inner {
  padding-left: 300px;
}

.style-5 .top-destination-title a:hover {
  background-color: #e67a00;
  color: #fff;
  border-color: #e67a00;
}


.style-5 .destination-box {
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.style-5 .destination-box img {
  transition: all .5s ease-in-out;
}

.style-5 .destination-box:hover img {
  scale: 1.1;
  transition: all .5s ease-in-out;
}

@media (max-width:1200px) {
  .style-5 .top-destination-inner {
    padding: 100px 10px !important;
  }
}

/* Offer Slider CSS */
.style-5 .offer-slider .slider-box1 {
  background-image: url(../images/slider/slider8.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.style-5 .countdown-title h2 {
  text-align: unset;
  width: 100%;
}


.style-5 .slider-box1 .offer-info,
.style-5 .slider-box2 .offer-info {
  width: 45%;
}

.style-5 .offer-info a:hover {
  background-color: #e67a00;
  color: #fff;
  border-color: #e67a00;
}

.style-5 .offer-slider .slider-box2 {
  background-image: url(../images/slider/slider3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 20px;
}

.style-5 .slider-box1 .section-overlay {
  background-color: transparent;
  background: rgb(75, 148, 167);
  background: linear-gradient(65deg, rgba(75, 148, 167, .8) 48%, rgba(75, 148, 167, .8) 50%, rgba(255, 255, 255, 0) 70%);
  border-radius: 20px;
}

.style-5 .offer-info h2 span {
  font-size: 55px;
}

.style-5 .slider-box2 .section-overlay {
  background: rgb(255, 255, 255);
  background: linear-gradient(115deg, rgba(255, 255, 255, 0) 30%, rgba(245, 194, 217, .8) 55%, rgba(245, 194, 217, .8) 45%);
  border-radius: 20px;
}

.style-5 .slider-box2 h3 {
  color: #5D4037;
}

.style-5 .slider-box1 p {
  color: #1B2631;
}


.style-5 .offer-slider .slick-dots {
  bottom: 5px;
  color: #000;
}

.style-5 .offer-slider .slick-dots li button:before {
  background: #fff;
  opacity: 1;
}

.style-5 .offer-slider .slick-dots li.slick-active button:before {
  scale: 1.1;
  background: #D60D45;
}

@media(max-width:996px) {

  .style-5 .slider-box1 .offer-info,
  .style-5 .slider-box2 .offer-info {
    width: 50%;
    padding: 100px 30px !important;
  }

  .style-5 .offer-info .h1 {
    font-size: 28px;
  }

  .style-5 .offer-info h2 span {
    font-size: 45px;
  }
}

@media(max-width:576px) {
  .style-5 .slider-box1 .section-overlay {
    background: rgb(75, 148, 167, .8);
  }

  .style-5 .slider-box2 .section-overlay {
    background: rgba(245, 194, 217, .8);
  }

  .style-5 .slider-box1 .offer-info,
  .style-5 .slider-box2 .offer-info {
    padding: 80px 30px !important;
    width: 100%;
  }

  .style-5 .offer-info .h1 {
    font-size: 24px;
  }

  .style-5 .offer-info h2 span {
    font-size: 35px;
  }

}

/* Why Us Section CSS  */
.style-5 .why-us .reason-box i {
  font-size: 40px;
  height: 80px;
  width: 80px;
  line-height: 80px;
}

.style-5 .reason-box {
  transition: all .3s ease-in-out;
}

.style-5 .reason-box:hover {
  background-color: #d9f4ff;
  transition: all .3s ease-in-out;
}

.style-5 .reason-box:hover i {
  background-color: #fff;
  transition: all .3s ease-in-out;
}


/* Guides Section CSS */
.style-5 .guides {
  background-color: #f7f2f2;
}

.style-5 .social-icons-box {
  background: rgba(16, 12, 8, .01);
  backdrop-filter: blur(5px);
  height: 100%;
  width: 100%;
  top: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: .5s ease-in-out;
  border-radius: 10px;
}

.style-5 .team-member-box:hover .social-icons-box {
  transform: scaleY(1);
  transition: .5s ease-in-out;
}

.style-5 .social-link li a {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 12x;
  transition: all .3s ease-in-out;
}

.style-5 .team-member-info,
.team-member-box img {
  transition: all ease-in-out .3s;
}

.style-5 .team-member-box:hover .team-member-info {
  background-color: #e67a00 !important;
  transition: all ease-in-out .3s;
}

.style-5 .team-member-box:hover img {
  scale: 1.1;
  transition: all ease-in-out .3s;
}

.style-5 .team-member-box:hover .team-member-info a,
.style-5 .team-member-box:hover .team-member-info p {
  color: #fff;
  transition: all ease-in-out .3s;
}

.style-5 .social-link a:hover {
  color: #fff;
  background-color: #e67a00 !important;
  transition: all ease-in-out .3s;
}

.style-5 .guides .slick-prev {
  top: -100px;
  right: 150px !important;
  left: auto;
  background: transparent;
}

.style-5 .guides .slick-next {
  top: -100px;
  right: 50px;
  background: transparent;
}

.style-5 .guides .slick-prev:before,
.style-5 .guides .slick-next:before {
  color: #D60D45;
  font-size: 30px;
}

.style-5 .guides .slick-prev:hover:before,
.style-5 .guides .slick-next:hover:before {
  color: #e67a00;
}

.style-5 .guides .slick-prev.slick-disabled:before,
.style-5 .slick-next.slick-disabled:before {
  opacity: .5;
}

.style-5 .guides .team-member-info a:hover {
  color: #a3d8f1;
}


@media(max-width:990px) {
  .style-5 .guide-title {
    margin-bottom: 75px !important;

  }

  .style-5 .guides .slick-prev {
    top: -50px;
    left: 0px !important;
    background: transparent;
  }

  .style-5 .guides .slick-next {
    top: -50px;
    right: auto;
    left: 100px;
    background: transparent;
  }
}

@media(max-width:576px) {
  .style-5 .guides .slick-next {
    right: 0;
    left: auto;
  }
}

/* Video Banner CSS */
.style-5 .video-banner1 {
  width: 100%;
  height: 500px;
  /* Adjust the height as needed */
  overflow: hidden;
  z-index: 0;
}

.style-5 .video-banner1 video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Ensures the video covers the entire banner area */
  object-position: bottom;
}


.style-5 .activities-counter-inner i {
  font-size: 35px;
}

.style-5 .activities-counter-box::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background-color: #dbe1cd;
  width: 1px;
  height: 50px;
}

.style-5 .trip-adviser-image img {
  width: 50px;
  height: 50px;
}

@media (max-width:990px) {
  .style-5 .activities-counter-box::after {
    display: none;
  }
}

/* Testimonial CSS */
.style-5 .testimonial {
  margin-top: -1px;
  padding-top: 300px;
  background-color: #060c17;
}

.style-5 .testimonial-box {
  background-color: #44444450;
}

.style-5 .countdown-banner-info a:hover {
  background-color: #e67a00;
  color: #fff;
  border-color: #e67a00;
}

.style-5 .testimonial-slider .slick-slide {
  transition: margin-top 0.5s ease;
  /* Smooth transition for margin change */
}

.style-5 .countdown-banner {
  background-image: linear-gradient(to right, #FFFAFA 50%, #f5e9e9 50%);
  width: 60%;
  top: -100px;
  left: 20%;
}

.style-5 .countdown-main span {
  font-size: 40px;
}

.style-5 .countdown-banner-info h2 {
  font-size: 30px;
}

.style-5 .countdown-banner-info h2 span {
  font-size: 40px;
}

@media(max-width:1100px) {
  .style-5 .testimonial {
    padding-top: 350px;
  }

  .style-5 .countdown-banner {
    width: 72%;
    left: 15%;
  }
}

@media(max-width:990px) {
  .style-5 .countdown-banner {
    left: 0;
    width: 100%;
  }

  .style-5 .testimonial {
    padding-top: 270px;
  }

  .style-5 .countdown-banner-info h2 {
    font-size: 26px;
  }

  .style-5 .countdown-banner-info h2 span {
    font-size: 32px;
  }


}

@media(max-width:578px) {
  .style-5 .testimonial {
    padding-top: 480px;
  }

  .style-5 .countdown-banner {
    background-image: linear-gradient(to bottom, #FFFAFA 63%, #f5e9e9 50%);
  }

  .style-5 .countdown-main span {
    font-size: 30px;
  }


}

/* Blog CSS */
.style-5 .blog-box-body ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -18px;
  background-color: #fff;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

.style-5 .blog-box-body ul li:first-child::before {
  display: none;
  /* Hides the ::before pseudo-element for the 2nd <li> */
}

.style-5 .blog-body-left .blog-image a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(16, 12, 8, 0) 0%, #100C08 100%);
  border-radius: 10px;
}

.style-5 .blog-body-right ul li::before {
  background-color: #34E0A1;
}

.style-5 .blog-box-top img {
  width: 205px;
  height: 205px;
  object-fit: cover;
}


@media(max-width:578px) {
  .style-5 .blog-body-left .blog-box-body {
    padding: 10px !important;
  }

  .style-5 .blog-box-top img {
    width: 100%;
  }
}

/* Footer CSS */
.style-5 footer a:hover {
  color: #fff;
}

.style-5 .recent-post-content {
  padding-left: 0;
  padding-right: 15px;
}


/* ====================== */
/*     Home Style 6       */
/* ====================== */

.style-6 .shadow {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) !important;
}

.style-6 a:hover {
  color: #D60D45;
}

.style-6 .btn-white {
  background-color: transparent;
  border: 1px solid #e67a00;
  color: #e67a00;
}


.style-6 .btn-red:hover,
.style-6 .btn-white:hover {
  background-color: #e67a00;
  color: #fff;
  border-color: #e67a00;
}


/* Header */

.style-6 .navbar-sticky .navigation-content {
  box-shadow: none !important;
}

@media (min-width: 1200px) {
  .style-6 .logo-menu img {
    width: 80%;
  }
}

@media (max-width: 1200px) {
  .style-6 .slicknav_nav {
    height: 350px;
    overflow-y: scroll;
  }

  .style-6 .navbar {
    justify-content: start !important;
  }

  .style-6 .logo-menu {
    display: none;
  }

  .style-6 .navigation .header_menu {
    display: block !important;
  }

  .style-6 .navigation-content {
    box-shadow: none !important;
  }

  .style-6 header {
    margin: 0 !important;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) !important;
  }
}

/* Banner CSS */

.style-6 h1 {
  font-size: 48px;
}

.style-6 .nice-select {
  height: 20px;
  line-height: 22px;
}

.style-6 .banner .form-group i {
  font-size: 30px;
  color: #e67a00;
}

.style-6 .filter-form {
  margin-right: -200px;
}

.style-6 .banner {
  background-image: url(../images/plane-destination.png);
  background-repeat: no-repeat;
  background-position: 10% 5%;
}

/* For LightGallery */
.style-6 .lg-backdrop,
.style-6 .lg-outer {
  z-index: 99999 !important;
}

.lg-toolbar .lg-download:after {
  content: "\f019";
  font-family: "FontAwesome" !important;
}

.lg-toolbar .lg-close:after {
  content: "\f2d3";
  font-family: "FontAwesome" !important;
}

.style-6 .banner-destination-pop {
  top: 0;
  background-color: #e67a00;

}

@media (max-width: 1200px) {
  .style-6 .form-group::after {
    display: none;
  }

  .style-6 .filter-form {
    width: 700px;
  }
}

@media (max-width: 990px) {
  .style-6 .filter-form {
    width: 100% !important;
  }

  .style-6 h1 {
    font-size: 36px;
  }
}

@media (max-width:576px) {
  .style-6 .form-group {
    margin-bottom: 20px;
  }

  .style-6 h1 {
    font-size: 30px;
  }

  .style-6 .banner-destination-pop {
    position: initial !important;
  }

  .style-6 .banner-image img {
    width: 100% !important;
  }
}

/* Spinning Button animation */

.style-6 .text {
  font-weight: 400;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  fill: #000;
  font-size: 20px;
}

.style-6 #rotatingText {
  animation-name: rotate-circle;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}


@keyframes rotate-circle {
  to {
    transform: rotate(1turn);
  }
}

.style-6 .spin-demo-main {
  display: grid;
  align-items: center;
  justify-items: center;
}

.style-6 .spin-demo-main i {
  position: absolute;
  font-size: 30px;
  left: 47%
}

.style-6 .banner-bottom i {
  height: 35px;
  width: 35px;
  font-size: 15px;
  line-height: 35px;
  background-color: #f7f2f2;
  transition: all .3s ease-in-out;
}

.style-6 .banner-bottom i:hover {
  background-color: #D60D45;
  color: #fff;
  transition: all .3s ease-in-out;
}

.style-6 .partner-image img {
  height: 50px;
  width: 125px;
  opacity: .5;
}

.style-6 .banner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 170px;
  background-image: url('../images/mount1.png');
  background-size: contain;
  background-repeat: repeat-x;
  background-position: bottom;
  z-index: -1;
  /* Place the image behind the content */
}

/* Top Destination */
.style-6 .top-destination {
  background-color: #f7f2f2;
}

.style-6 .swiper1 {
  width: 100%;
}

.style-6 .top-destination .rating-price i {
  font-size: 12px;
}

/* About Us CSS */

.style-6 .about-us {
  background: rgb(163, 216, 241);
  background: linear-gradient(0deg, rgba(163, 216, 241, 0) 0%, rgba(247, 242, 242, 1) 34%);
}

.style-6 .about-us .image-container {
  width: 520px;
  height: 520px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #a3d8f1;
}

.style-6 .about-right h3 {
  font-size: 40px;
}

.style-6 .about-left .verified {
  top: 10%;
  left: 5%;
}

.style-6 .about-left .verified1 {
  bottom: 10%;
  right: 5%;
}

@media (min-width: 564px) and (max-width: 960px) {
  .style-6 .about-left .verified {
    left: 15%;
  }

  .style-6 .about-left .verified1 {
    right: 10%;
  }
}

/* Diversity CSS */
.style-6 .slider-for img {
  width: 100%;
  height: auto;
  border-radius: 30px;
}

.style-6 .slider-nav img {
  width: 140px;
  height: 140px;
  object-fit: cover;
}

.style-6 .slider-nav .slick-current img {
  border: 5px solid #ccc;
}

.style-6 .diversity .slick-prev {
  display: none !important;
}

.style-6 .diversity .slick-next {
  right: 0;
  border-radius: 50%;
  background: #D60D45;
}

.style-6 .diversity .thumbnail-image img {
  cursor: pointer;
}

@media (max-width:576px) {
  .style-6 .diversity .thumbnail-image {
    display: flex;
    justify-content: center;
  }
}

/* Feature CSS */
.style-6 .feature-box i {
  font-size: 25px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  transition: all .3s ease-in-out;
}

.style-6 .feature-box {
  transition: all .3s ease-in-out;
}

.style-6 .feature-box:hover {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) !important;
  background-color: #fff;
  transition: all .3s ease-in-out;
}

.style-6 .feature-box:hover i {
  background-color: #f7f2f2 !important;
  transition: all .3s ease-in-out;
}

@media (max-width:960px) {
  .style-6 .feature .section-title {
    width: 75%;
  }
}

@media (max-width:576px) {
  .style-6 .feature .section-title {
    width: 100%;
  }
}

/* Offer Banner CSS */
.style-6 .offer-banner h2 {
  font-size: 42px;
}

.style-6 .offer-banner span {
  font-size: 60px;
}


@media (max-width:576px) {
  .style-6 .offer-banner h2 {
    width: 100% !important;

  }

  .offer-banner-inner {
    padding: 20px !important;
  }

  .style-6 .offer-banner span {
    font-size: 42px;
  }

  .style-6 .offer-banner h2 {
    font-size: 32px;
  }
}


/* Packages CSS */
.style-6 .package-box img {
  transition: all .6s ease-in-out;
}

.style-6 .package-box:hover img {
  scale: 1.1;
  transition: all .6s ease-in-out;
}

.style-6 .package-image-inner {
  position: relative;
}

.style-6 .package-image-inner::after {
  position: absolute;
  width: 200%;
  height: 0%;
  left: 50%;
  top: 50%;
  background-color: rgba(255, 255, 255, .3);
  transform: translate(-50%, -50%) rotate(-45deg);
  content: "";
  z-index: 1;
}

.style-6 .package-box:hover .package-image-inner::after {
  height: 216%;
  transition: all .6s linear;
  background-color: transparent;
}

/* Testinomial CSS */
.style-6 .testimonial {
  background-color: #f7f2f2;
}

.style-6 .testimonial .review-counter img {
  height: 60px;
  width: 60px;
  margin-left: -10px;
}

.style-6 .testimonial-image {
  height: 75px;
  width: 75px;
}

.style-6 .testimonial .testimonial-box-bottom i {
  font-size: 45px;
  color: #e67a0050;
}

.style-6 .testimonial .team-member-info a:hover {
  color: #a3d8f1;
}

/* Facility CSS */

.style-6 .facility {
  background: rgb(163, 216, 241);
  background: linear-gradient(0deg, rgba(247, 242, 242, 1) 0, rgba(163, 216, 241, 0) 95%);
}

.style-6 .facility-box i {
  font-size: 21px;
  height: 50px;
  width: 50px;
  line-height: 50px;
}

/* Blog CSS */
.style-6 .blog {
  background-color: #f7f2f2;
}

.style-6 .blog .bio-image img {
  height: 50px;
  width: 50px;
}

.style-6 .blog .blog-right img {
  width: 90px;
  height: 90px;
}

.style-6 .blog .btn-blue:hover {
  background-color: #D60D45;
  color: #fff;
  border-color: #D60D45;
}

/* Instagram CSS */

.style-6 .instagram-slider .image-container::after {
  content: '';
  font-family: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 50% black overlay */
  pointer-events: none;
  /* Ensure the overlay doesn't block interaction with the image */
  border-radius: inherit;
  /* To ensure the overlay follows the image's rounded corners */
  opacity: 0;
  transition: opacity .5s ease;
  /* Smooth transition effect */
}

.style-6 .instagram-slider .image-container::before {
  content: '\f16d';
  font-family: "fontawesome";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 42px;
  pointer-events: none;
  /* Prevents any interaction issues */
  z-index: 1;
  opacity: 0;
  transition: opacity .5s ease;
  /* Smooth transition effect */
}

.style-6 .image-container:hover::after,
.style-6 .image-container:hover::before {
  opacity: 1;
  transition: all .5s ease;
  /* Smooth transition effect */
}

/* Footer CSS */
.style-6 footer a:hover {
  color: #fff;
}

.style-6 .recent-post-content {
  padding-left: 0;
  padding-right: 15px;
}

.style-6 footer .footer-qoute h2 {
  font-size: 40px;
}

.style-6 .footer-social-links li a:hover i {
  padding: 0;
}


@media (max-width: 960px) {
  .style-6 footer .about-logo img {
    width: auto !important;
  }

  .style-6 footer .footer-qoute h2 {
    font-size: 32px;
  }
}


.hero-banner {

  position: relative;

  height: 100vh;

  overflow: hidden;

}

.hero-image {

  width: 100%;

  height: 100vh;

  object-fit: cover;

}

.hero-overlay {

  position: absolute;

  inset: 0;

  background:

    linear-gradient(90deg,

      rgba(0, 0, 0, .72),

      rgba(0, 0, 0, .35),

      rgba(0, 0, 0, .55));

}

.hero-content {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  max-width: 700px;

  color: #fff;

  z-index: 2;

}

.hero-tag {

  display: inline-block;

  padding: 10px 22px;

  border-radius: 30px;

  background: rgba(255, 255, 255, .12);

  backdrop-filter: blur(15px);

  margin-bottom: 25px;

  font-weight: 600;

}

.hero-content h1 {

  font-size: 64px;

  line-height: 1.1;

  font-weight: 800;

  margin-bottom: 25px;

}

.hero-content p {

  font-size: 20px;

  line-height: 1.8;

  opacity: .95;

  margin-bottom: 35px;

  max-width: 600px;

}

.hero-buttons {

  display: flex;

  gap: 18px;

  margin-bottom: 45px;

}

.btn-primary {

  background: #ff7a00;

  padding: 16px 34px;

  border-radius: 50px;

  color: #fff;

  font-weight: 700;

  transition: .3s;

}

.btn-primary:hover {

  transform: translateY(-4px);

  background: #ff6700;

}

.btn-secondary {

  border: 2px solid rgba(255, 255, 255, .4);

  padding: 16px 34px;

  border-radius: 50px;

  color: #fff;

  backdrop-filter: blur(15px);

}

.hero-stats {

  display: flex;

  gap: 60px;

}

.hero-stats h3 {

  font-size: 34px;

  font-weight: 700;

  margin-bottom: 5px;

}

.hero-stats span {

  opacity: .85;

}

.search-wrapper {

  margin-top: -70px;

  position: relative;

  z-index: 99;

}

.search-card {

  background: rgba(255, 255, 255, .96);

  border-radius: 24px;

  padding: 30px;

  box-shadow:

    0 25px 60px rgba(0, 0, 0, .18);

  backdrop-filter: blur(20px);

}

.search-input {

  height: 64px;

  display: flex;

  align-items: center;

  padding: 0 20px;

  background: #f5f7fb;

  border-radius: 16px;

}

.search-input i {

  font-size: 22px;

  margin-right: 15px;

  color: #0F4C81;

}

.search-input select {

  width: 100%;

  border: none;

  background: none;

  height: 100%;

  font-size: 17px;

  outline: none;

}

.search-btn {

  width: 100%;

  height: 64px;

  border: none;

  border-radius: 16px;

  background: #0F4C81;

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  transition: .3s;

}

.search-btn:hover {

  background: #08365d;

}

.custom-arrow {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: rgba(255, 255, 255, .18);

  backdrop-filter: blur(12px);

}

.custom-arrow::after {

  font-size: 20px;

  color: #fff;

}

@media(max-width:991px) {

  .hero-banner {

    height: 75vh;

  }

  .hero-image {

    height: 75vh;

  }

  .hero-content {

    max-width: 100%;

    padding: 0 20px;

  }

  .hero-content h1 {

    font-size: 42px;

  }

  .hero-content p {

    font-size: 17px;

  }

  .hero-buttons {

    flex-direction: column;

  }

  .hero-stats {

    gap: 25px;

    flex-wrap: wrap;

  }

  .search-wrapper {

    margin-top: -40px;

    padding: 0 15px;

  }

  .search-card {

    padding: 20px;

  }

  .search-btn {

    margin-top: 15px;

  }

}



/* ==========================================================
   HERO UI
   PART 2A
========================================================== */

.ui-hero {
  position: relative;

  overflow: visible;

  padding: 0;
}

/* ======================================
   SLIDER
====================================== */

.ui-hero-slider,
.ui-hero-slider .swiper-wrapper,
.ui-hero-slide {

  width: 100%;
  height: 720px;


}

.ui-hero-slide {

  position: relative;
  overflow: hidden;

}

/* ======================================
   IMAGE
====================================== */

.ui-hero-image {

  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;

  transition: transform 8s ease;

}

.swiper-slide-active .ui-hero-image {

  transform: scale(1.08);

}

/* ======================================
   OVERLAY
====================================== */

.ui-hero-overlay {

  position: absolute;
  inset: 0;

  z-index: 1;

  background:
    linear-gradient(90deg,
      rgba(10, 20, 40, .86) 0%,
      rgba(10, 20, 40, .55) 45%,
      rgba(10, 20, 40, .72) 100%);

}

/* ======================================
   CONTENT WRAPPER
====================================== */

.ui-hero .container {

  position: relative;
  height: 100%;
  z-index: 5;

}

.ui-hero-content {

  position: absolute;

  top: 40%;
  left: 0;

  transform: translateY(-50%);

  max-width: 650px;

  color: #fff;

}

/* ======================================
   BADGE
====================================== */

.ui-hero-badge {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 10px 22px;

  margin-bottom: 24px;

  border-radius: 50px;

  background: rgba(255, 255, 255, .12);

  backdrop-filter: blur(18px);

  border: 1px solid rgba(255, 255, 255, .18);

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

}

.ui-hero-badge i {

  color: #ff7b21;

  font-size: 14px;

}

/* ======================================
   HEADING
====================================== */

.ui-hero-content h1 {

  margin: 0 0 24px;

  color: #fff;

  font-size: 64px;

  font-weight: 800;

  line-height: 1.08;

  letter-spacing: -1px;

  text-shadow:
    0 12px 30px rgba(0, 0, 0, .30);

}

/* ======================================
   DESCRIPTION
====================================== */

.ui-hero-content p {

  max-width: 560px;

  margin: 0 0 36px;

  color: rgba(255, 255, 255, .90);

  font-size: 19px;

  line-height: 1.8;

}

/* ======================================
   ENTRY ANIMATION
====================================== */

.ui-hero-content>* {

  opacity: 0;

  transform: translateY(35px);

  transition:
    opacity .8s ease,
    transform .8s ease;

}

.swiper-slide-active .ui-hero-content>* {

  opacity: 1;

  transform: translateY(0);

}

.swiper-slide-active .ui-hero-badge {

  transition-delay: .15s;

}

.swiper-slide-active h1 {

  transition-delay: .35s;

}

.swiper-slide-active p {

  transition-delay: .55s;

}

/* ==========================================================
   HERO UI
   PART 2B
   Buttons • Stats • Navigation
========================================================== */

/* ======================================
   BUTTON GROUP
====================================== */

.ui-hero-buttons {

  display: flex;

  align-items: center;

  gap: 16px;

  flex-wrap: wrap;

  margin-bottom: 45px;

}

/* ======================================
   COMMON BUTTON
====================================== */

.ui-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  min-width: 190px;

  height: 58px;

  padding: 0 30px;

  border-radius: 60px;

  font-size: 16px;

  font-weight: 700;

  text-decoration: none;

  transition: all .35s ease;

  cursor: pointer;

}

/* ======================================
   PRIMARY BUTTON
====================================== */

.ui-btn-primary {

  border: none;

  color: #fff;

  background: linear-gradient(135deg,
      #ff6b00,
      #ff9345);

  box-shadow:
    0 12px 30px rgba(255, 107, 0, .28);

}

.ui-btn-primary:hover {

  transform: translateY(-4px);

  color: #fff;

  box-shadow:
    0 22px 45px rgba(255, 107, 0, .35);

}

/* ======================================
   OUTLINE BUTTON
====================================== */

.ui-btn-outline {

  background: rgba(255, 255, 255, .08);

  color: #fff;

  border: 2px solid rgba(255, 255, 255, .22);

  backdrop-filter: blur(18px);

}

.ui-btn-outline:hover {

  background: rgba(255, 255, 255, .16);

  border-color: #fff;

  color: #fff;

  transform: translateY(-4px);

}

/* ======================================
   HERO STATS
====================================== */

.ui-hero-stats {

  display: flex;

  align-items: center;

  gap: 50px;

  flex-wrap: wrap;

}

.ui-stat {

  position: relative;

}

.ui-stat:not(:last-child)::after {

  content: "";

  position: absolute;

  top: 8px;

  right: -25px;

  width: 1px;

  height: 48px;

  background: rgba(255, 255, 255, .18);

}

.ui-stat h3 {

  margin: 0 0 6px;

  color: #fff;

  font-size: 34px;

  font-weight: 800;

  line-height: 1;

}

.ui-stat span {

  color: rgba(255, 255, 255, .78);

  font-size: 13px;

  font-weight: 600;

  letter-spacing: 1px;

  text-transform: uppercase;

}

/* ======================================
   SWIPER ARROWS
====================================== */

.ui-arrow {

  width: 60px;

  height: 60px;

  border-radius: 50%;

  background: rgba(255, 255, 255, .10);

  backdrop-filter: blur(16px);

  border: 1px solid rgba(255, 255, 255, .18);

  transition: .35s;

}

.ui-arrow::after {

  color: #fff;

  font-size: 20px;

  transition: .35s;

}

.ui-arrow:hover {

  background: #fff;

}

.ui-arrow:hover::after {

  color: #1f2937;

}

.ui-hero .swiper-button-prev {

  left: 40px;

}

.ui-hero .swiper-button-next {

  right: 40px;

}

/* ======================================
   HERO CONTENT ANIMATION
====================================== */

.swiper-slide-active .ui-hero-buttons {

  animation: heroFadeUp .8s .7s both;

}

.swiper-slide-active .ui-hero-stats {

  animation: heroFadeUp .8s .9s both;

}

@keyframes heroFadeUp {

  from {

    opacity: 0;

    transform: translateY(30px);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

/* ======================================
   HOVER EFFECTS
====================================== */

.ui-btn-primary,
.ui-btn-outline,
.ui-arrow {

  will-change: transform;

}

/* ======================================
   ACCESSIBILITY
====================================== */

.ui-btn:focus-visible {

  outline: none;

  box-shadow:
    0 0 0 4px rgba(255, 255, 255, .18);

}


/* ==========================================================
   HERO UI
   PART 2C
   Responsive
========================================================== */


/* ==============================
   LARGE LAPTOP
================================ */

@media (max-width:1400px) {

  .ui-hero-slider,
  .ui-hero-slider .swiper-wrapper,
  .ui-hero-slide {

    height: 660px;

  }

  .ui-hero-content {

    max-width: 600px;

  }

  .ui-hero-content h1 {

    font-size: 56px;

  }

}


/* ==============================
   LAPTOP
================================ */

@media (max-width:1200px) {

  .ui-hero-slider,
  .ui-hero-slider .swiper-wrapper,
  .ui-hero-slide {

    height: 620px;

  }

  .ui-hero-content {

    max-width: 560px;

  }

  .ui-hero-content h1 {

    font-size: 48px;

  }

  .ui-hero-content p {

    font-size: 17px;

    margin-bottom: 32px;

  }

  .ui-hero-stats {

    gap: 35px;

  }

  .ui-stat:not(:last-child)::after {

    right: -18px;

  }

}


/* ==============================
   TABLET
================================ */

@media (max-width:991px) {

  .ui-hero-slider,
  .ui-hero-slider .swiper-wrapper,
  .ui-hero-slide {

    height: 620px;

  }

  .ui-hero .container {

    padding-left: 25px;

    padding-right: 25px;

  }

  .ui-hero-content {

    max-width: 100%;

  }

  .ui-hero-content h1 {

    font-size: 42px;

    line-height: 1.15;

  }

  .ui-hero-content p {

    max-width: 100%;

    font-size: 16px;

  }

  .ui-arrow {

    width: 50px;

    height: 50px;

  }

  .ui-arrow::after {

    font-size: 16px;

  }

  .ui-hero .swiper-button-prev {

    left: 20px;

  }

  .ui-hero .swiper-button-next {

    right: 20px;

  }

}


/* ==============================
   MOBILE
================================ */

@media (max-width:767px) {

  .ui-hero-slider,
  .ui-hero-slider .swiper-wrapper,
  .ui-hero-slide {

    height: 560px;

  }

  .ui-hero-overlay {

    background:

      linear-gradient(180deg,

        rgba(7, 15, 30, .78),

        rgba(7, 15, 30, .92));

  }

  .ui-hero-content {

    position: absolute;

    top: 50%;

    left: 20px;

    right: 20px;

    transform: translateY(-50%);

    max-width: none;

  }

  .ui-hero-badge {

    padding: 8px 18px;

    font-size: 11px;

    margin-bottom: 18px;

  }

  .ui-hero-content h1 {

    font-size: 34px;

    line-height: 1.2;

    margin-bottom: 18px;

  }

  .ui-hero-content p {

    font-size: 15px;

    line-height: 1.7;

    margin-bottom: 26px;

  }

  .ui-hero-buttons {

    flex-direction: column;

    align-items: stretch;

    gap: 14px;

    margin-bottom: 30px;

  }

  .ui-btn {

    width: 100%;

    min-width: 100%;

    height: 54px;

  }

  .ui-hero-stats {

    justify-content: space-between;

    gap: 18px;

  }

  .ui-stat {

    flex: 1;

  }

  .ui-stat::after {

    display: none;

  }

  .ui-stat h3 {

    font-size: 24px;

  }

  .ui-stat span {

    font-size: 11px;

  }

  .ui-arrow {

    display: none;

  }

}


/* ==============================
   SMALL MOBILE
================================ */

@media (max-width:480px) {

  .ui-hero-slider,
  .ui-hero-slider .swiper-wrapper,
  .ui-hero-slide {

    height: 520px;

  }

  .ui-hero-content {

    left: 18px;

    right: 18px;

  }

  .ui-hero-content h1 {

    font-size: 30px;

  }

  .ui-hero-content p {

    font-size: 14px;

  }

  .ui-hero-badge {

    font-size: 10px;

  }

  .ui-stat h3 {

    font-size: 22px;

  }

}


/* ==============================
   EXTRA SMALL
================================ */

@media (max-width:360px) {

  .ui-hero-content h1 {

    font-size: 26px;

  }

  .ui-btn {

    font-size: 14px;

    height: 50px;

  }

}




/* ======================================================
   SEARCH SECTION UI
====================================================== */

.ui-search-section {
  position: relative;
  margin-top: -70px;
  z-index: 50;
}

.ui-search-card {

  background: #fff;

  border-radius: 22px;

  margin-top: -120px;

  padding: 36px;

  box-shadow: 0 12px 40px rgba(15, 23, 42, .08);

  border: 1px solid #eef2f7;

}

.ui-search-header {

  margin-bottom: 28px;

}

.ui-search-badge {

  display: inline-flex;

  align-items: center;

  padding: 7px 16px;

  border-radius: 50px;

  background: #fff4ec;

  color: #ff6b00;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 2px;

  margin-bottom: 14px;

}

.ui-search-title h2 {

  margin: 0;

  color: #1f2f56;

  font-size: 40px;

  font-weight: 700;

  line-height: 1.2;

}

/* ======================================================
   FORM
====================================================== */

.ui-search-form {

  display: flex;

  align-items: center;

  gap: 20px;

}

/* ======================================================
   FIELD
====================================================== */

.ui-search-field {

  flex: 1;

  display: flex;

  align-items: center;

  gap: 18px;

  padding: 8px 18px;

  background: #f8f9fc;

  border: 2px solid transparent;

  border-radius: 80px;

  transition: .3s;

}

.ui-search-field:hover {

  border-color: #ff6b00;

  background: #fff;

}

.ui-search-field:focus-within {

  border-color: #ff6b00;

  background: #fff;

  box-shadow: 0 0 0 4px rgba(255, 107, 0, .08);

}

.ui-search-field-icon {

  width: 40px;

  height: 40px;

  border-radius: 16px;

  background: #fff1e8;

  color: #ff6b00;

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 18px;

  flex-shrink: 0;

}

.ui-search-field-content {

  flex: 1;

}

.ui-search-field-content label {

  display: block;

  margin-bottom: 2px;

  color: #7b8798;

  font-size: 10px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.ui-search-field-content .nice-select {

  width: 100%;

  border: none;

  background: transparent;

  box-shadow: none;

  padding-left: 0;

  height: auto;

  line-height: normal;

  font-size: 16px;

  font-weight: 600;

  color: #222;

}

.ui-search-field-content .nice-select:after {

  right: 0;

}

.ui-search-field-content .nice-select .list {

  width: 100%;

  border: none;

  border-radius: 14px;

  box-shadow: 0 12px 30px rgba(0, 0, 0, .12);

}

/* ======================================================
   BUTTON
====================================================== */

.ui-search-btn {

  min-width: 260px;

  height: 60px;

  border: none;

  border-radius: 50px;

  background: linear-gradient(135deg, #ff6b00, #ff8d3a);

  color: #fff;

  font-size: 18px;

  font-weight: 700;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  transition: .3s;

  box-shadow: 0 12px 30px rgba(255, 107, 0, .25);

}

.ui-search-btn:hover {

  transform: translateY(-3px);

  box-shadow: 0 20px 40px rgba(255, 107, 0, .30);

}

.ui-search-btn i {

  font-size: 18px;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:991px) {

  .ui-search-section {

    margin-top: -55px;

  }

  .ui-search-card {

    padding: 28px;

  }

  .ui-search-title h2 {

    font-size: 30px;

  }

  .ui-search-form {

    flex-direction: column;

  }

  .ui-search-btn {

    width: 100%;

    min-width: 100%;

    height: 62px;

  }

}

@media(max-width:767px) {

  .ui-search-section {
    padding-bottom: 20px;

  }

  .ui-search-card {

    padding: 22px;

    margin-top: -50px;

    border-radius: 18px;

  }

  .ui-search-title h2 {

    font-size: 26px;

  }

  .ui-search-field {

    padding: 8px;

    gap: 14px;

  }

  .ui-search-field-icon {

    width: 30px;

    height: 30px;

    border-radius: 12px;

    font-size: 14px;

  }

  .ui-search-field-content .nice-select {

    font-size: 14px;

  }

  .ui-search-btn {

    height: 40px;

    font-size: 12px;

    border-radius: 14px;

  }

}

@media(max-width:480px) {

  .ui-search-card {

    padding: 18px;

  }

  .ui-search-title h2 {

    font-size: 22px;

  }

}



/* =====================================================
   ABOUT UI
===================================================== */

.ui-about-section {
  padding: 10px 0;
  background: #ffffff;
}

.ui-about-wrapper {
  max-width: 1800px;
  margin: 0 auto;
  padding: 60px;
  background: #ffffff;
  border: 1px solid #edf0f5;
  border-radius: 28px;
  box-shadow: 0 20px 60px rgba(15, 23, 42, .06);
  transition: all .35s ease;
}

.ui-about-wrapper:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 80px rgba(15, 23, 42, .08);
}

.ui-about-header {
  text-align: center;
  margin-bottom: 35px;
}

.ui-about-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 18px;
  background: #f3f0ff;
  color: #6C3BFF;
  border-radius: 50px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.ui-about-heading {
  font-size: 42px;
  font-weight: 700;
  color: #111827;
  line-height: 1.2;
  margin: 0;
}

.ui-about-content {
  max-width: 760px;
  margin: auto;
  font-size: 17px;
  line-height: 1.9;
  color: #64748B;
  text-align: center;
}

.ui-about-content p:last-child {
  margin-bottom: 0;
}

/* =====================================================
   ABOUT UI
===================================================== */

@media (max-width:991px) {

  .ui-about-section {
    padding: 10px 0;
  }

  .ui-about-wrapper {
    padding: 40px 30px;
    border-radius: 22px;
  }

  .ui-about-heading {
    font-size: 34px;
  }

}

@media (max-width:767px) {

  .ui-about-section {
    padding: 10px 0;
  }

  .ui-about-wrapper {
    padding: 30px 22px;
  }

  .ui-about-heading {
    font-size: 28px;
  }

  .ui-about-content {
    font-size: 16px;
    line-height: 1.8;
    text-align: left;
  }

}


.ui-arrow {

  width: 62px;
  height: 62px;

  border-radius: 50%;

  background: rgba(255, 255, 255, .12);

  backdrop-filter: blur(16px);

  border: 1px solid rgba(255, 255, 255, .2);

}

.ui-arrow::after {

  color: #fff;

  font-size: 22px;

}

.ui-arrow:hover {

  background: #fff;

}

.ui-arrow:hover::after {

  color: #111827;

}


/*==================================================
    TOP DESTINATIONS
==================================================*/

.ui-destination-section {

  position: relative;

  padding: 50px 0;

  background:
    linear-gradient(180deg,
      #ffffff 0%,
      #f8fbff 100%);

  overflow: hidden;

}

/* Decorative Blur */

.ui-destination-section::before {

  content: "";

  position: absolute;

  width: 420px;

  height: 420px;

  top: -180px;

  right: -140px;

  border-radius: 50%;

  background: rgba(255, 122, 26, .08);

  filter: blur(120px);

  pointer-events: none;

}

.ui-destination-section::after {

  content: "";

  position: absolute;

  width: 350px;

  height: 350px;

  bottom: -140px;

  left: -120px;

  border-radius: 50%;

  background: rgba(0, 113, 227, .06);

  filter: blur(110px);

  pointer-events: none;

}

/*==================================================
    SECTION HEADING
==================================================*/

.ui-section-heading {

  position: relative;

  max-width: 760px;

  margin: 0 auto 10px;

  text-align: center;

  z-index: 2;

}

.ui-section-badge {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 10px 20px;

  border-radius: 50px;

  background: #fff3eb;

  color: #ff7a1a;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 1px;

  text-transform: uppercase;

  margin-bottom: 22px;

}

.ui-section-heading h2 {

  margin: 0 0 18px;

  font-size: 48px;

  font-weight: 800;

  line-height: 1.15;

  color: #0f172a;

}

.ui-section-heading p {

  margin: 0 auto;

  max-width: 620px;

  color: #64748b;

  font-size: 18px;

  line-height: 1.8;

}

/*==================================================
    CARD
==================================================*/

.destination-card {

  margin-bottom: 0px;

}

.ui-destination-box {

  position: relative;

  background: #fff;

  border-radius: 26px;

  overflow: hidden;

  box-shadow:
    0 10px 35px rgba(15, 23, 42, .08);

  transition:
    transform .45s ease,
    box-shadow .45s ease;

  height: 100%;

}

.ui-destination-box:hover {

  transform: translateY(-10px);

  box-shadow:
    0 30px 60px rgba(15, 23, 42, .14);

}

/*==================================================
    IMAGE
==================================================*/

.ui-destination-image {

  position: relative;

  height: 310px;

  overflow: hidden;

}

.ui-destination-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition:
    transform .8s ease;

}

.ui-destination-box:hover img {

  transform: scale(1.08);

}

/*==================================================
    IMAGE OVERLAY
==================================================*/

.ui-destination-image::before {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 1;

  background:

    linear-gradient(to top,

      rgba(0, 0, 0, .55),

      rgba(0, 0, 0, .10),

      transparent);

}

/*==================================================
    TRIP BADGE
==================================================*/

.ui-trip-count {

  position: absolute;

  top: 18px;

  right: 18px;

  z-index: 3;

  padding: 10px 16px;

  border-radius: 40px;

  background: rgba(255, 255, 255, .96);

  color: #ff7a1a;

  font-size: 13px;

  font-weight: 700;

  box-shadow:
    0 8px 24px rgba(0, 0, 0, .10);

  backdrop-filter: blur(10px);

}


/*==================================================
    CARD CONTENT
==================================================*/

.ui-destination-info {

  position: relative;

  padding: 28px;

  background: #fff;

  transition: .35s;

}

.ui-destination-info h3 {

  margin: 0 0 10px;

  line-height: 1.3;

}

.ui-destination-info h3 a {

  display: inline-block;

  color: #0f172a;

  font-size: 24px;

  font-weight: 700;

  text-decoration: none;

  transition: .35s;

}

.ui-destination-box:hover .ui-destination-info h3 a {

  color: #ff7a1a;

}

.ui-destination-info span {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  color: #64748b;

  border-radius: 50%;

  font-size: 15px;

  font-weight: 600;

  transition: .35s;

}

.ui-destination-info span::after {

  content: "→";

  transition: .35s;

}

.ui-destination-box:hover .ui-destination-info span {

  color: #ff7a1a;

}

.ui-destination-box:hover .ui-destination-info span::after {

  transform: translateX(6px);

}

/*==================================================
    CARD HOVER GLOW
==================================================*/

.ui-destination-box::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 26px;

  padding: 1px;

  background:

    linear-gradient(135deg,

      rgba(255, 122, 26, .35),

      rgba(0, 113, 227, .20));

  -webkit-mask:

    linear-gradient(#fff 0 0) content-box,

    linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;

  mask-composite: exclude;

  opacity: 0;

  transition: .35s;

  pointer-events: none;

}

.ui-destination-box:hover::before {

  opacity: 1;

}

/*==================================================
    IMAGE SHINE EFFECT
==================================================*/

.ui-destination-image::after {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 60%;

  height: 100%;

  z-index: 2;

  background:

    linear-gradient(90deg,

      transparent,

      rgba(255, 255, 255, .45),

      transparent);

  transform: skewX(-20deg);

}

.ui-destination-box:hover .ui-destination-image::after {

  animation: uiDestinationShine .9s;

}

@keyframes uiDestinationShine {

  100% {

    left: 150%;

  }

}

/*==================================================
    GUIDE SLIDER SPACING
==================================================*/

.guide-slider {

  margin-left: -14px;

  margin-right: -14px;

}

.guide-slider>.destination-card {

  padding-left: 14px;

  padding-right: 14px;

}

/*==================================================
    EQUAL HEIGHT
==================================================*/

.destination-card {

  display: flex;

}

.destination-card>.ui-destination-box {

  width: 100%;

}

/*==================================================
    ACCESSIBILITY
==================================================*/

.ui-destination-box a {

  outline: none;

}

.ui-destination-box a:focus-visible {

  box-shadow:

    0 0 0 4px rgba(255, 122, 26, .18);

  border-radius: 8px;

}

/*==================================================
    SUBTLE FLOAT
==================================================*/

.destination-card {

  transition: transform .35s ease;

}

.destination-card:hover {

  z-index: 5;

}

/*==================================================
    LARGE DESKTOP
==================================================*/

@media (max-width:1400px) {

  .ui-destination-section {

    padding: 100px 0;

  }

  .ui-destination-image {

    height: 290px;

  }

  .ui-section-heading h2 {

    font-size: 44px;

  }

}


/*==================================================
    LAPTOP
==================================================*/

@media (max-width:1200px) {

  .ui-destination-section {

    padding: 90px 0;

  }

  .ui-section-heading {

    margin-bottom: 60px;

  }

  .ui-section-heading h2 {

    font-size: 40px;

  }

  .ui-section-heading p {

    font-size: 17px;

  }

  .ui-destination-image {

    height: 270px;

  }

  .ui-destination-info {

    padding: 24px;

  }

  .ui-destination-info h3 a {

    font-size: 22px;

  }

}


/*==================================================
    TABLET
==================================================*/

@media (max-width:991px) {

  .ui-destination-section {

    padding: 80px 0;

  }

  .ui-section-heading {

    margin-bottom: 50px;

  }

  .ui-section-heading h2 {

    font-size: 36px;

  }

  .ui-section-heading p {

    font-size: 16px;

  }

  .ui-destination-image {

    height: 250px;

  }

  .ui-destination-info {

    padding: 22px;

  }

  .ui-destination-info h3 a {

    font-size: 21px;

  }

  .guide-slider {

    margin-left: -10px;

    margin-right: -10px;

  }

  .guide-slider>.destination-card {

    padding-left: 10px;

    padding-right: 10px;

  }

}


/*==================================================
    MOBILE
==================================================*/

@media (max-width:767px) {

  .ui-destination-section {

    padding: 70px 0;

  }

  .ui-section-heading {

    margin-bottom: 40px;

  }

  .ui-section-heading h2 {

    font-size: 30px;

  }

  .ui-section-heading p {

    font-size: 15px;

    line-height: 1.7;

  }

  .ui-section-badge {

    font-size: 11px;

    padding: 8px 16px;

  }

  .ui-destination-box {

    border-radius: 20px;

  }

  .ui-destination-image {

    height: 230px;

  }

  .ui-destination-info {

    padding: 20px;

  }

  .ui-destination-info h3 a {

    font-size: 20px;

  }

  .ui-destination-info span {

    font-size: 14px;

  }

  .ui-trip-count {

    top: 14px;

    right: 14px;

    font-size: 12px;

    padding: 8px 14px;

  }

}


/*==================================================
    SMALL MOBILE
==================================================*/

@media (max-width:575px) {

  .ui-destination-section {

    padding: 60px 0;

  }

  .ui-section-heading h2 {

    font-size: 28px;

  }

  .ui-section-heading p {

    max-width: 100%;

  }

  .ui-destination-image {

    height: 220px;

  }

  .ui-destination-info {

    padding: 18px;

  }

  .ui-destination-info h3 {

    margin-bottom: 6px;

  }

  .ui-destination-info h3 a {

    font-size: 19px;

  }

  .destination-card {

    margin-bottom: 24px;

  }

}


/*==================================================
    EXTRA SMALL
==================================================*/

@media (max-width:380px) {

  .ui-section-heading h2 {

    font-size: 24px;

  }

  .ui-section-heading p {

    font-size: 14px;

  }

  .ui-destination-image {

    height: 200px;

  }

  .ui-trip-count {

    font-size: 11px;

    padding: 7px 12px;

  }

  .ui-destination-info {

    padding: 16px;

  }

  .ui-destination-info h3 a {

    font-size: 18px;

  }

  .ui-destination-info span {

    font-size: 13px;

  }

}


/*==================================================
    SMOOTH ANIMATIONS
==================================================*/

.ui-destination-box,
.ui-destination-image img,
.ui-trip-count,
.ui-destination-info h3 a,
.ui-destination-info span {

  will-change: transform;

}


/*==================================================
    REDUCE MOTION
==================================================*/

@media (prefers-reduced-motion:reduce) {

  .ui-destination-box,
  .ui-destination-image img,
  .ui-destination-image::after,
  .ui-destination-info span::after {

    transition: none;

    animation: none;

  }

}


/*======================================================
        POPULAR PACKAGES SECTION
======================================================*/

.popular-packages {
  position: relative;
  padding: 110px 0;
  background: #f7fafc;
  overflow: hidden;
}

.popular-packages::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  right: -180px;
  top: -180px;
  background: rgba(255, 107, 0, .06);
  border-radius: 50%;
  filter: blur(120px);
}

.popular-packages::after {
  content: "";
  position: absolute;
  width: 380px;
  height: 380px;
  left: -160px;
  bottom: -180px;
  background: rgba(0, 119, 255, .05);
  border-radius: 50%;
  filter: blur(120px);
}

/*======================================================
                    SECTION HEADING
======================================================*/

.package-heading {
  max-width: 760px;
  margin: 40px auto 50px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.package-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  border-radius: 50px;
  background: #fff3eb;
  color: #ff6b00;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 18px;
}

.package-heading h2 {
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  color: #0f172a;
  margin-bottom: 20px;
}

.package-heading p {
  max-width: 650px;
  margin: auto;
  font-size: 18px;
  color: #64748b;
  line-height: 1.8;
}

/*======================================================
                    TOUR CARD
======================================================*/

.tour-card {
  background: #fff;
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  height: 100%;
  transition: .45s;
  box-shadow: 0 12px 40px rgba(15, 23, 42, .08);
}

/*======================================================
                    IMAGE
======================================================*/

.tour-card-image {
  position: relative;
  overflow: hidden;
  height: 290px;
}

.tour-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .8s;
  display: block;
}

/*======================================================
                    OVERLAY
======================================================*/

.tour-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, .72),
      rgba(0, 0, 0, .15),
      transparent);
}

/*======================================================
                    BADGES
======================================================*/

.tour-badge {
  position: absolute;
  left: 20px;
  top: 20px;
  background: #ff6b00;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 9px 18px;
  border-radius: 40px;
  z-index: 2;
  box-shadow: 0 10px 25px rgba(255, 107, 0, .25);
}

.tour-duration {
  position: absolute;
  right: 20px;
  top: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(255, 255, 255, .95);
  color: #1e293b;
  padding: 10px 18px;
  border-radius: 40px;
  font-size: 13px;
  font-weight: 700;
  backdrop-filter: blur(10px);
  z-index: 2;
}

.tour-duration i {
  color: #ff6b00;
}

/*======================================================
                    PRICE CARD
======================================================*/

.tour-price {

  position: absolute;

  right: 20px;

  bottom: 20px;

  left: auto;

  display: inline-block;

  width: auto;

  min-width: 100px;

  max-width: 150px;

  background: #fff;

  border-radius: 18px;

  padding: 4px 8px;

  text-align: right;

  z-index: 5;

  box-shadow: 0 15px 35px rgba(0, 0, 0, .18);

}

.tour-price small {
  display: block;
  font-size: 8px;
  text-transform: uppercase;
  color: #64748b;
  letter-spacing: .8px;
}

.tour-price h3 {
  margin: 5px 0;
  color: #ff6b00;
  font-size: 20px;
  font-weight: 800;
  line-height: 1;
}

.tour-price span {
  color: #64748b;
  font-size: 11px;
}

/*======================================================
                    CARD CONTENT
======================================================*/

.tour-card-content {
  padding: 28px;
}

.tour-location {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ff6b00;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 16px;
}

.tour-location i {
  font-size: 15px;
}

.tour-card-content h3 {
  margin-bottom: 15px;
  line-height: 1.4;
}

.tour-card-content h3 a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;

  text-decoration: none;
  color: #0f172a;
  font-size: 24px;
  font-weight: 700;
  transition: .35s;
}

.tour-card-content h3 a:hover {
  color: #ff6b00;
}

.tour-card-content p {

  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;

  color: #64748b;
  font-size: 15px;
  line-height: 1.8;
  margin-bottom: 24px;

}

/*======================================================
                    FEATURES
======================================================*/

.tour-features {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: -20px;
}

.tour-feature {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  background: #f8fafc;
  border-radius: 40px;
  color: #334155;
  font-size: 13px;
  font-weight: 600;
  transition: .35s;
}

.tour-feature i {
  color: #ff6b00;
  transition: .35s;
}

.tour-card:hover .tour-feature {
  background: #fff3eb;
  color: #0f172a;
}

.tour-card:hover .tour-feature i {
  transform: scale(1.1);
}

/*======================================================
                    DIVIDER
======================================================*/

.tour-divider {
  width: 100%;
  height: 1px;
  background: #edf2f7;
  margin: 28px 0;
}

/*======================================================
                    CARD FOOTER
======================================================*/

.tour-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: -15px;
}

.tour-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #64748b;
}

.tour-rating i {
  color: #ffc107;
  font-size: 15px;
}

.tour-rating strong {
  color: #0f172a;
  font-weight: 700;
}

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

/*======================================================
                    BUTTON
======================================================*/

.tour-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 14px 26px;
  border-radius: 50px;
  background: linear-gradient(135deg, #ff7b00, #ff5a00);
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  transition: .35s;
}

.tour-btn:hover {
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 15px 35px rgba(255, 107, 0, .25);
}

.tour-btn i {
  transition: .35s;
}

.tour-btn:hover i {
  transform: translateX(5px);
}

/*======================================================
                EXPLORE BUTTON
======================================================*/

.package-footer {
  margin-top: 70px;
}

.explore-package-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  padding: 18px 36px;

  border-radius: 60px;

  background: #0f172a;

  color: #fff;

  text-decoration: none;

  font-weight: 700;

  transition: .35s;

}

.explore-package-btn:hover {

  background: #ff6b00;

  color: #fff;

  transform: translateY(-4px);

}

.explore-package-btn i {

  transition: .35s;

}

.explore-package-btn:hover i {

  transform: translateX(6px);

}

/*======================================================
                CARD HOVER
======================================================*/

.tour-card:hover {

  transform: translateY(-10px);

  box-shadow:
    0 18px 45px rgba(15, 23, 42, .12),
    0 10px 30px rgba(255, 107, 0, .10);

}

.tour-card:hover .tour-card-image img {

  transform: scale(1.08);

}

.tour-card:hover .tour-price {

  transform: translateY(-6px);

}

.tour-card:hover .tour-duration {

  background: #ff6b00;

  color: #fff;

}

.tour-card:hover .tour-duration i {

  color: #fff;

}

/*======================================================
                IMAGE SHINE
======================================================*/

.tour-card-image::after {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 60%;

  height: 100%;

  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, .45),
      transparent);

  transform: skewX(-20deg);

}

.tour-card:hover .tour-card-image::after {

  animation: tourShine .9s ease;

}

@keyframes tourShine {

  100% {

    left: 160%;

  }

}

/*======================================================
                RESPONSIVE
======================================================*/

@media(max-width:1199px) {

  .package-heading h2 {

    font-size: 42px;

  }

}

@media(max-width:991px) {

  .popular-packages {

    padding: 80px 0;

  }

  .tour-card-image {

    height: 250px;

  }

  .package-heading {

    margin-bottom: 50px;

  }

  .package-heading h2 {

    font-size: 36px;

  }

}

@media(max-width:767px) {

  .popular-packages {

    padding: 70px 0;

  }

  .package-heading h2 {

    font-size: 30px;

  }

  .package-heading p {

    font-size: 15px;

  }

  .tour-card-content {

    padding: 22px;

  }

  .tour-card-content h3 a {

    font-size: 20px;

  }

  .tour-card-image {

    height: 220px;

  }

  .tour-bottom {

    flex-direction: column;

    align-items: flex-start;

  }

  .tour-btn {

    width: 100%;

  }

  .package-footer {

    margin-top: 50px;

  }

}

@media(max-width:575px) {

  .package-heading h2 {

    font-size: 26px;

  }

  .tour-feature {

    font-size: 12px;

    padding: 8px 12px;

  }

  .tour-price {

    padding: 14px 16px;

  }

  .tour-price h3 {

    font-size: 24px;

  }

  .tour-duration {

    font-size: 12px;

    padding: 8px 14px;

  }

}


/*====================================================
            UI LAST MINUTE DEAL CARD
====================================================*/

.ui-deal-card {

  position: relative;

  background: #fff;

  border-radius: 24px;

  overflow: hidden;

  box-shadow: 0 15px 45px rgba(0, 0, 0, .12);

  transition: .45s;

  height: 100%;

}

/*====================================================
                    IMAGE
====================================================*/

.ui-deal-image {

  position: relative;

  display: block;

  height: 235px;

  overflow: hidden;

}

.ui-deal-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  display: block;

  transition: .7s;

}

/*====================================================
                    OVERLAY
====================================================*/

.ui-deal-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(to top,
      rgba(0, 0, 0, .72),
      rgba(0, 0, 0, .15),
      transparent);

}

/*====================================================
                    BADGE
====================================================*/

.ui-deal-tag {

  position: absolute;

  left: 18px;

  top: 18px;

  background: rgba(255, 255, 255, .18);

  backdrop-filter: blur(16px);

  color: #fff;

  border: 1px solid rgba(255, 255, 255, .28);

  border-radius: 50px;

  padding: 8px 18px;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: .5px;

  z-index: 3;

}

/*====================================================
                    PRICE
====================================================*/

.ui-deal-price {

  position: absolute;

  right: 18px;

  bottom: 18px;

  background: #ff6b00;

  color: #fff;

  font-size: 18px;

  font-weight: 800;

  padding: 12px 20px;

  border-radius: 18px;

  box-shadow: 0 18px 35px rgba(255, 107, 0, .35);

  z-index: 3;

}

/*====================================================
                    CONTENT
====================================================*/

.ui-deal-content {

  padding: 24px;

}

/*====================================================
                    RATING
====================================================*/

.ui-deal-rating {

  display: flex;

  align-items: center;

  gap: 3px;

  margin-bottom: 16px;

}

.ui-deal-rating i {

  color: #FFC107;

  font-size: 13px;

}

/*====================================================
                    TITLE
====================================================*/

.ui-deal-content h3 {

  margin: 0 0 18px;

  line-height: 1.45;

}

.ui-deal-content h3 a {

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-decoration: none;

  color: #0f172a;

  font-size: 21px;

  font-weight: 700;

  transition: .35s;

}

/*====================================================
                DURATION
====================================================*/

.ui-deal-duration {

  display: flex;

  align-items: center;

  gap: 10px;

  color: #64748b;

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 24px;

}

.ui-deal-duration i {

  color: #ff6b00;

  font-size: 15px;

}

/*====================================================
                    BUTTON
====================================================*/

.ui-deal-btn {

  width: 100%;

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 10px;

  height: 52px;

  border: 2px solid #ff6b00;

  border-radius: 50px;

  text-decoration: none;

  color: #ff6b00;

  font-weight: 700;

  font-size: 15px;

  transition: .35s;

}

.ui-deal-btn i {

  transition: .35s;

}

/*====================================================
                CARD HOVER
====================================================*/

.ui-deal-card:hover {

  transform: translateY(-12px);

  box-shadow:
    0 22px 55px rgba(0, 0, 0, .18);

}

.ui-deal-card:hover .ui-deal-image img {

  transform: scale(1.08);

}

/*====================================================
                IMAGE SHINE
====================================================*/

.ui-deal-image::after {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 55%;

  height: 100%;

  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, .45),
      transparent);

  transform: skewX(-22deg);

  pointer-events: none;

}

.ui-deal-card:hover .ui-deal-image::after {

  animation: uiDealShine .9s ease;

}

@keyframes uiDealShine {

  100% {

    left: 170%;

  }

}

/*====================================================
                BADGE
====================================================*/

.ui-deal-tag {

  transition: .35s;

}

.ui-deal-card:hover .ui-deal-tag {

  background: #ff6b00;

  border-color: #ff6b00;

}

/*====================================================
                PRICE
====================================================*/

.ui-deal-price {

  transition: .35s;

}

.ui-deal-card:hover .ui-deal-price {

  transform: translateY(-6px) scale(1.04);

}

/*====================================================
                TITLE
====================================================*/

.ui-deal-card:hover h3 a {

  color: #ff6b00;

}

/*====================================================
                BUTTON
====================================================*/

.ui-deal-btn {

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.ui-deal-btn::before {

  content: "";

  position: absolute;

  inset: 0;

  width: 0;

  background: #ff6b00;

  transition: .35s;

  z-index: -1;

}

.ui-filter-item:hover a,
.ui-filter-item.active a {
  color: #ffffff !important;
}

.ui-filter-item:hover a i,
.ui-filter-item.active a i {
  color: #ffffff !important;
}

.ui-deal-btn:hover {

  color: #fff;

}

.ui-deal-btn:hover::before {

  width: 100%;

}

.ui-deal-btn:hover i {

  transform: translateX(5px);

}

/*====================================================
                CARD BORDER
====================================================*/

.ui-deal-card::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 24px;

  border: 1px solid transparent;

  transition: .35s;

  pointer-events: none;

}

.ui-deal-card:hover::before {

  border-color: rgba(255, 107, 0, .25);

}

/*====================================================
                SLIDER SPACING
====================================================*/

.deals-slider .slick-track {

  display: flex;

}

.deals-slider .slick-slide {

  height: inherit;

}

.deals-slider .slick-slide>div {

  height: 100%;

}

.deals-slider .col-lg-3 {

  display: flex;

}

.deals-slider .ui-deal-card {

  width: 100%;

}

/*====================================================
                RESPONSIVE
====================================================*/

@media(max-width:1199px) {

  .ui-deal-image {

    height: 220px;

  }

}

@media(max-width:991px) {

  .ui-deal-card {

    margin-bottom: 30px;

  }

  .ui-deal-image {

    height: 215px;

  }

  .ui-deal-content {

    padding: 22px;

  }

  .ui-deal-content h3 a {

    font-size: 19px;

  }

}

@media(max-width:767px) {

  .ui-deal-image {

    height: 210px;

  }

  .ui-deal-content {

    padding: 20px;

  }

  .ui-deal-price {

    font-size: 19px;

    padding: 10px 16px;

  }

  .ui-deal-btn {

    height: 48px;

    font-size: 14px;

  }

}

@media(max-width:575px) {

  .ui-deal-image {

    height: 200px;

  }

  .ui-deal-tag {

    left: 14px;

    top: 14px;

    padding: 7px 14px;

    font-size: 11px;

  }

  .ui-deal-price {

    right: 14px;

    bottom: 14px;

    font-size: 18px;

    padding: 9px 14px;

    border-radius: 14px;

  }

  .ui-deal-content {

    padding: 18px;

  }

  .ui-deal-content h3 a {

    font-size: 17px;

  }

  .ui-deal-duration {

    font-size: 13px;

    margin-bottom: 18px;

  }

}


/*=========================================
        BUCKET FILTER
=========================================*/

.ui-bucket-filter-wrapper {

  margin-top: -20px;

  margin-bottom: 60px;

}

.ui-bucket-filter {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 16px;

  padding: 0;

  margin: 0;

  list-style: none;

}

.ui-bucket-filter li {

  margin: 0;

}

/*=========================================
        FILTER BUTTON
=========================================*/

.ui-bucket-filter li a {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  height: 52px;

  padding: 0 28px;

  border-radius: 60px;

  background: #fff;

  color: #475569;

  font-size: 14px;

  font-weight: 700;

  text-decoration: none;

  cursor: pointer;

  border: 1px solid #edf2f7;

  box-shadow: 0 8px 24px rgba(15, 23, 42, .05);

  transition: .35s;

}

.ui-bucket-filter li a i {

  color: #ff6b00;

  font-size: 16px;

  transition: .35s;

}

.ui-bucket-filter li a span {

  white-space: nowrap;

}

/*=========================================
            HOVER
=========================================*/

.ui-bucket-filter li:hover a {

  transform: translateY(-3px);

  box-shadow: 0 18px 40px rgba(255, 107, 0, .15);

  border-color: #ff6b00;

  color: #ff6b00;

}

/*=========================================
            ACTIVE
=========================================*/

.ui-bucket-filter li.active a {

  background: linear-gradient(135deg, #ff7a00, #ff5a00);

  color: #fff;

  border-color: transparent;

  box-shadow: 0 18px 40px rgba(255, 107, 0, .28);

}

.ui-bucket-filter li.active a i {

  color: #fff;

}

/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:991px) {

  .ui-bucket-filter {

    gap: 12px;

  }

  .ui-bucket-filter li a {

    padding: 0 22px;

    height: 48px;

    font-size: 13px;

  }

}

/*=========================================
        MOBILE
=========================================*/

@media (max-width: 767px) {

  .ui-bucket-filter-wrapper {

    margin-top: -20px;

    margin-bottom: 35px;

  }

  .ui-bucket-filter {

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    gap: 10px;

    padding: 0;

    margin: 0;

  }

  .ui-bucket-filter li {

    margin: 0;

  }

  .ui-bucket-filter li a {

    height: 42px;

    padding: 0 16px;

    border-radius: 30px;

    font-size: 12px;

    font-weight: 600;

    gap: 6px;

  }

  .ui-bucket-filter li a i {

    font-size: 13px;

  }

}

@media (max-width:480px) {

  .ui-bucket-filter {

    gap: 8px;

  }

  .ui-bucket-filter li {

    flex: 0 0 calc(50% - 4px);

  }

  .ui-bucket-filter li a {

    width: 100%;

    justify-content: center;

    height: 40px;

    padding: 0 10px;

    font-size: 11px;

  }

  .ui-bucket-filter li a span {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    max-width: 100px;

  }

}


/*=========================================================
                UI BUCKET SECTION
=========================================================*/

.ui-bucket-section {

  position: relative;

  padding: 100px 0;

  background: #f8fafc;

}

.ui-bucket-header {

  margin-bottom: 60px;

}

.ui-bucket-heading {

  max-width: 700px;

  margin: 0 auto 50px;

}

.ui-bucket-heading h2 {

  font-size: 46px;

  font-weight: 800;

  color: #0f172a;

  margin: 18px 0;

}

.ui-bucket-heading p {

  color: #64748b;

  font-size: 17px;

  line-height: 1.8;

}

.ui-section-badge {

  display: inline-flex;

  align-items: center;

  padding: 10px 22px;

  border-radius: 40px;

  background: #fff3eb;

  color: #ff6b00;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: .5px;

}

/*=========================================================
                    FILTER
=========================================================*/

.ui-bucket-filter {

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  gap: 16px;

  padding: 0;

  margin: 0;

  list-style: none;

}

.ui-bucket-filter li {

  margin: 0;

}

.ui-bucket-filter li a {

  display: flex;

  align-items: center;

  gap: 10px;

  height: 54px;

  padding: 0 28px;

  background: #fff;

  border-radius: 60px;

  cursor: pointer;

  text-decoration: none;

  border: 1px solid #edf2f7;

  color: #334155;

  font-weight: 700;

  font-size: 14px;

  transition: .35s;

  box-shadow: 0 8px 22px rgba(15, 23, 42, .05);

}

.ui-bucket-filter li a i {

  color: #ff6b00;

  font-size: 17px;

}

.ui-bucket-filter li:hover a {

  transform: translateY(-3px);

  border-color: #ff6b00;

  color: #ff6b00;

}

.ui-bucket-filter li.active a {

  background: linear-gradient(135deg, #ff7a00, #ff5a00);

  color: #fff;

  border-color: transparent;

  box-shadow: 0 15px 35px rgba(255, 107, 0, .25);

}

.ui-bucket-filter li.active a i {

  color: #fff;

}

/*=========================================================
                    GRID
=========================================================*/

.ui-bucket-body {

  position: relative;

}

.ui-bucket-body .row {

  row-gap: 32px;

}

/*=========================================================
                    CARD
=========================================================*/

.ui-bucket-card {

  position: relative;

  overflow: hidden;

  border-radius: 28px;

  background: #fff;

  box-shadow: 0 20px 45px rgba(15, 23, 42, .10);

  transition: .45s;

  height: 100%;

}

/*=========================================================
                    IMAGE
=========================================================*/

.ui-bucket-image {

  position: relative;

  overflow: hidden;

  height: 300px;

}

.ui-bucket-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: .8s;

  display: block;

}

/*=========================================================
                    OVERLAY
=========================================================*/

.ui-bucket-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(to top,
      rgba(0, 0, 0, .78),
      rgba(0, 0, 0, .15),
      transparent);

}

/*=========================================================
                THEME BADGE
=========================================================*/

.ui-bucket-theme {

  position: absolute;

  top: 20px;

  left: 20px;

  padding: 10px 18px;

  border-radius: 40px;

  background: rgba(255, 255, 255, .18);

  backdrop-filter: blur(14px);

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  border: 1px solid rgba(255, 255, 255, .25);

  z-index: 2;

}

/*=========================================================
                    PRICE
=========================================================*/

.ui-bucket-price {

  position: absolute;

  right: 20px;

  bottom: 20px;

  background: #ff6b00;

  color: #fff;

  font-size: 22px;

  font-weight: 800;

  padding: 12px 18px;

  border-radius: 18px;

  z-index: 2;

  box-shadow: 0 15px 35px rgba(255, 107, 0, .35);

}

/*=========================================================
                    CONTENT
=========================================================*/

.ui-bucket-content {

  padding: 26px;

}

.ui-bucket-duration {

  display: flex;

  align-items: center;

  gap: 8px;

  color: #64748b;

  font-size: 14px;

  font-weight: 600;

  margin-bottom: 18px;

}

.ui-bucket-duration i {

  color: #ff6b00;

}

/*=========================================================
                    TITLE
=========================================================*/

.ui-bucket-content h3 {

  margin: 0 0 24px;

  line-height: 1.45;

}

.ui-bucket-content h3 a {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  text-decoration: none;

  color: #0f172a;

  font-size: 24px;

  font-weight: 700;

  transition: .35s;

}

/*=========================================================
                    BUTTON
=========================================================*/

.ui-bucket-btn {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 14px 26px;

  border-radius: 50px;

  background: #f8fafc;

  color: #0f172a;

  text-decoration: none;

  font-weight: 700;

  transition: .35s;

}

.ui-bucket-btn i {

  transition: .35s;

}

/*=========================================================
                VIEW ALL
=========================================================*/

.ui-bucket-view-all {

  text-align: center;

  margin-top: 60px;

}

.ui-bucket-view-all a {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 16px 34px;

  border-radius: 60px;

  background: linear-gradient(135deg, #ff7a00, #ff5a00);

  color: #fff;

  text-decoration: none;

  font-weight: 700;

  transition: .35s;

}


/*=========================================================
                CARD HOVER
=========================================================*/

.ui-bucket-card:hover {

  transform: translateY(-12px);

  box-shadow:
    0 30px 60px rgba(15, 23, 42, .16),
    0 12px 30px rgba(255, 107, 0, .10);

}

.ui-bucket-card:hover .ui-bucket-image img {

  transform: scale(1.08);

}

.ui-bucket-card:hover .ui-bucket-content h3 a {

  color: #ff6b00;

}

/*=========================================================
                IMAGE SHINE
=========================================================*/

.ui-bucket-image::after {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 55%;

  height: 100%;

  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, .45),
      transparent);

  transform: skewX(-22deg);

  pointer-events: none;

}

.ui-bucket-card:hover .ui-bucket-image::after {

  animation: uiBucketShine .9s ease;

}

@keyframes uiBucketShine {

  100% {

    left: 170%;

  }

}

/*=========================================================
                PRICE
=========================================================*/

.ui-bucket-price {

  transition: .35s;

}

.ui-bucket-card:hover .ui-bucket-price {

  transform: translateY(-6px);

}

/*=========================================================
                THEME BADGE
=========================================================*/

.ui-bucket-theme {

  transition: .35s;

}

.ui-bucket-card:hover .ui-bucket-theme {

  background: #ff6b00;

  border-color: #ff6b00;

}

/*=========================================================
                BUTTON
=========================================================*/

.ui-bucket-btn {

  position: relative;

  overflow: hidden;

  z-index: 1;

}

.ui-bucket-btn::before {

  content: "";

  position: absolute;

  inset: 0;

  width: 0;

  background: linear-gradient(135deg, #ff7a00, #ff5a00);

  transition: .35s;

  z-index: -1;

}

.ui-bucket-btn:hover {

  color: #fff;

}

.ui-bucket-btn:hover::before {

  width: 100%;

}

.ui-bucket-btn:hover i {

  transform: translateX(6px);

}

/*=========================================================
                VIEW ALL BUTTON
=========================================================*/

.ui-bucket-view-all a:hover {

  transform: translateY(-4px);

  box-shadow: 0 18px 40px rgba(255, 107, 0, .28);

  color: #fff;

}

/*=========================================================
                RESPONSIVE
=========================================================*/

@media(max-width:1200px) {

  .ui-bucket-heading h2 {

    font-size: 40px;

  }

  .ui-bucket-image {

    height: 270px;

  }

}

@media(max-width:991px) {

  .ui-bucket-section {

    padding: 80px 0;

  }

  .ui-bucket-heading {

    margin-bottom: 40px;

  }

  .ui-bucket-heading h2 {

    font-size: 34px;

  }

  .ui-bucket-heading p {

    font-size: 16px;

  }

  .ui-bucket-filter {

    gap: 12px;

  }

  .ui-bucket-filter li a {

    height: 48px;

    padding: 0 20px;

    font-size: 13px;

  }

  .ui-bucket-image {

    height: 240px;

  }

  .ui-bucket-content {

    padding: 22px;

  }

  .ui-bucket-content h3 a {

    font-size: 21px;

  }

}

@media(max-width:767px) {

  .ui-bucket-section {

    padding: 70px 0;

  }

  .ui-bucket-heading {

    margin-bottom: 30px;

  }

  .ui-bucket-heading h2 {

    font-size: 28px;

  }

  .ui-bucket-heading p {

    font-size: 15px;

  }

  .ui-bucket-filter {

    justify-content: flex-start;

    flex-wrap: nowrap;

    overflow-x: auto;

    padding-bottom: 8px;

    scrollbar-width: none;

  }

  .ui-bucket-filter::-webkit-scrollbar {

    display: none;

  }

  .ui-bucket-filter li {

    flex: 0 0 auto;

  }

  .ui-bucket-filter li a {

    height: 44px;

    padding: 0 18px;

    font-size: 12px;

    white-space: nowrap;

  }

  .ui-bucket-image {

    height: 220px;

  }

  .ui-bucket-price {

    font-size: 18px;

    padding: 10px 15px;

  }

  .ui-bucket-theme {

    top: 16px;

    left: 16px;

    padding: 8px 14px;

    font-size: 12px;

  }

  .ui-bucket-content {

    padding: 20px;

  }

  .ui-bucket-content h3 {

    margin-bottom: 18px;

  }

  .ui-bucket-content h3 a {

    font-size: 18px;

  }

  .ui-bucket-duration {

    font-size: 13px;

    margin-bottom: 16px;

  }

  .ui-bucket-btn {

    width: 100%;

    justify-content: center;

    padding: 13px 20px;

  }

  .ui-bucket-view-all {

    margin-top: 40px;

  }

  .ui-bucket-view-all a {

    width: 100%;

    justify-content: center;

    padding: 15px 20px;

  }

}

@media(max-width:480px) {

  .ui-bucket-heading h2 {

    font-size: 24px;

  }

  .ui-bucket-image {

    height: 200px;

  }

  .ui-bucket-content {

    padding: 18px;

  }

  .ui-bucket-content h3 a {

    font-size: 17px;

  }

  .ui-bucket-price {

    right: 14px;

    bottom: 14px;

    font-size: 17px;

    padding: 9px 14px;

    border-radius: 14px;

  }

  .ui-bucket-theme {

    left: 14px;

    top: 14px;

    font-size: 11px;

    padding: 7px 12px;

  }

}


/* bucket list css  */


/*==================================================
BUCKET LIST SECTION
==================================================*/

.ui-bucket-section {
  position: relative;
  overflow: hidden;
  background: #fff;
}

/*==============================
HEADER
==============================*/

.ui-bucket-header {
  padding: 90px 0 60px;
  background: #fff;
}

.ui-bucket-heading {
  max-width: 760px;
  margin: 0 auto 45px;
}

.ui-section-badge {

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 10px 22px;

  border-radius: 100px;

  background: #f5f2ff;

  color: #6d28d9;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: .12em;

  text-transform: uppercase;

  margin-bottom: 18px;
}

.ui-bucket-heading h2 {

  font-size: 48px;

  font-weight: 800;

  color: #1d1d1f;

  margin-bottom: 18px;
}

.ui-bucket-heading p {

  font-size: 17px;

  line-height: 1.9;

  color: #666;

}

/*==============================
FILTER
==============================*/

.ui-bucket-filter {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 16px;

  flex-wrap: wrap;

  margin: 0;

  padding: 0;

  list-style: none;

}

.ui-filter-item {

  margin: 0;

}

.ui-filter-item a {

  display: flex;

  align-items: center;

  gap: 10px;

  padding: 14px 26px;

  background: #fff;

  border: 1px solid #ececec;

  border-radius: 60px;

  text-decoration: none;

  color: #444;

  font-weight: 600;

  transition: .35s;

}

.ui-filter-item i {

  color: #6d28d9;

  font-size: 18px;

}

.ui-filter-item.active a,
.ui-filter-item:hover a {

  background: #6d28d9;

  color: #fff;

  border-color: #6d28d9;

  box-shadow: 0 15px 35px rgba(109, 40, 217, .18);

}

.ui-filter-item.active i,
.ui-filter-item:hover i {

  color: #fff;

}

/*==============================
PARALLAX
==============================*/

.ui-bucket-parallax {

  position: relative;

  padding: 120px 0;

  overflow: hidden;

  isolation: isolate;

}

.ui-bucket-bg {

  position: absolute;

  inset: 0;

  background: url("../images/parallax-tour.jpg") center center;

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  transform: scale(1.08);

  z-index: -2;

}

.ui-bucket-overlay {

  position: absolute;

  inset: 0;

  background: linear-gradient(rgba(12, 18, 35, .58),
      rgba(15, 18, 35, .75));

  z-index: -1;

}

/*==============================
SLIDER WRAPPER
==============================*/

.ui-theme-slider {

  display: none;

}

.ui-theme-slider.active {

  display: block;

}

.ui-bucket-slide {

  padding: 18px;

}


/*==================================================
BUCKET CARD
==================================================*/

.ui-bucket-card {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, .97);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 22px;
  box-shadow: 0 25px 60px rgba(0, 0, 0, .18);
  transition: all .4s ease;
  height: 100%;
}

.ui-bucket-card:hover {
  transform: translateY(-12px);
  box-shadow: 0 35px 75px rgba(0, 0, 0, .25);
}

/*==================================================
IMAGE
==================================================*/

.ui-bucket-image {
  position: relative;
  height: 270px;
  overflow: hidden;
}

.ui-bucket-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .6s ease;
}

.ui-bucket-card:hover .ui-bucket-image img {
  transform: scale(1.08);
}

.ui-card-gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, .70),
      rgba(0, 0, 0, .10));
}

/*==================================================
THEME BADGE
==================================================*/

.ui-bucket-theme {
  position: absolute;
  top: 18px;
  left: 18px;
  background: #fff;
  color: #6d28d9;
  font-size: 12px;
  font-weight: 700;
  padding: 8px 16px;
  border-radius: 40px;
  z-index: 2;
}

/*==================================================
PRICE
==================================================*/

.ui-bucket-price {
  position: absolute;
  right: 18px;
  bottom: 18px;
  background: #6d28d9;
  color: #fff;
  padding: 10px 18px;
  border-radius: 40px;
  font-size: 15px;
  font-weight: 700;
  z-index: 2;
}

/*==================================================
BODY
==================================================*/

.ui-bucket-body {
  padding: 24px;
}

.ui-bucket-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #666;
  font-size: 14px;
  margin-bottom: 12px;
}

.ui-bucket-meta i {
  color: #6d28d9;
}

.ui-bucket-body h3 {
  margin: 0 0 14px;
  min-height: 60px;
}

.ui-bucket-body h3 a {
  color: #222;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: .3s;
}

.ui-bucket-body h3 a:hover {
  color: #6d28d9;
}

.ui-bucket-location {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #777;
  margin-bottom: 22px;
  font-size: 14px;
}

.ui-bucket-location i {
  color: #6d28d9;
}

/*==================================================
BUTTON
==================================================*/

.ui-bucket-footer {
  margin-top: auto;
}

.ui-bucket-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  background: #6d28d9;
  color: #fff;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  transition: .35s;
}

.ui-bucket-btn i {
  transition: .3s;
}

.ui-bucket-btn:hover {
  background: #5120b6;
  color: #fff;
}

.ui-bucket-btn:hover i {
  transform: translateX(5px);
}

/*==================================================
VIEW ALL
==================================================*/

.ui-bucket-view-all {
  display: none;
  text-align: center;
  margin-top: 55px;
}

.ui-bucket-view-all.active {
  display: block;
}

.ui-view-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 34px;
  border-radius: 50px;
  background: #fff;
  color: #6d28d9;
  font-weight: 700;
  text-decoration: none;
  transition: .35s;
}

.ui-view-all-btn:hover {
  background: #6d28d9;
  color: #fff;
}

/*==================================================
RESPONSIVE
==================================================*/

@media (max-width:991px) {

  .ui-bucket-parallax {
    padding: 90px 0;
  }

  .ui-bucket-heading h2 {
    font-size: 36px;
  }

  .ui-bucket-image {
    height: 240px;
  }
}

@media (max-width:767px) {

  .ui-bucket-header {
    padding: 70px 0 40px;
  }

  .ui-bucket-heading h2 {
    font-size: 30px;
  }

  .ui-bucket-heading p {
    font-size: 15px;
  }

  .ui-bucket-filter {
    gap: 10px;
  }

  .ui-filter-item a {
    padding: 12px 18px;
    font-size: 14px;
  }

  .ui-bucket-image {
    height: 220px;
  }

  .ui-bucket-body {
    padding: 18px;
  }

  .ui-bucket-body h3 {
    min-height: auto;
  }

  .ui-bucket-body h3 a {
    font-size: 19px;
  }

  .ui-bucket-btn {
    width: 100%;
    justify-content: center;
  }
}


/*==================================================
BUCKET LIST
==================================================*/

.ui-bucket-section {

  position: relative;

  overflow: hidden;

  padding: 60px 0;

  isolation: isolate;

}

/*==============================
BACKGROUND
==============================*/

.ui-bucket-bg {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(rgba(27, 23, 58, .75), rgba(27, 23, 58, .78)),
    url("../images/bucketbg.jpg");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  background-attachment: fixed;

  transform: scale(1.08);

  z-index: -2;

}

.ui-bucket-overlay {

  position: absolute;

  inset: 0;

  background:
    radial-gradient(circle at top,
      rgba(255, 255, 255, .12),
      transparent 60%);

  z-index: -1;

}

/*==============================
CONTAINER
==============================*/

.ui-bucket-section .container {

  position: relative;

  z-index: 5;

}

/*==============================
HEADING
==============================*/

.ui-bucket-heading {

  max-width: 760px;

  margin: 0 auto 50px;

}

.ui-section-badge {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 10px 22px;

  border-radius: 60px;

  background: rgba(255, 255, 255, .12);

  border: 1px solid rgba(255, 255, 255, .18);

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: .08em;

  text-transform: uppercase;

  margin-bottom: 22px;

}

.ui-bucket-heading h2 {

  font-size: 54px;

  font-weight: 800;

  color: #fff;

  margin-bottom: 18px;

  line-height: 1.2;

}

.ui-bucket-heading p {

  font-size: 18px;

  color: rgba(255, 255, 255, .85);

  line-height: 1.8;

}

/*==============================
FILTER
==============================*/

.ui-bucket-filter {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

  gap: 14px;

  margin: 0 0 60px;

  padding: 0;

  list-style: none;

}

.ui-filter-item {

  margin: 0;

}

.ui-filter-item a {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  padding: 14px 26px;

  min-height: 54px;

  border-radius: 60px;

  text-decoration: none;

  font-weight: 600;

  color: #fff;

  background: rgba(255, 255, 255, .08);

  border: 1px solid rgba(255, 255, 255, .15);

  backdrop-filter: blur(10px);

  transition: .35s;

}

.ui-filter-item a i {

  font-size: 17px;

}

.ui-filter-item:hover a,

.ui-filter-item.active a {

  background: #ff7a00;

  border-color: #ff7a00;

  color: #fff;

  transform: translateY(-3px);

  box-shadow: 0 20px 40px rgba(255, 122, 0, .30);

}


/*==================================================
THEME SLIDER
==================================================*/

.ui-theme-slider {
  display: none;
  animation: uiFade .4s ease;
}

.ui-theme-slider.active {
  display: block;
}

@keyframes uiFade {

  from {
    opacity: 0;
    transform: translateY(15px);
  }

  to {
    opacity: 1;
    transform: none;
  }

}

/*==================================================
SLIDE
==================================================*/

.ui-bucket-slide {
  padding: 15px;
}

.ui-bucket-slide .slick-list {
  margin: 0 -15px;
}

/*==================================================
CARD
==================================================*/

.ui-bucket-card {

  position: relative;

  overflow: hidden;

  border-radius: 26px;

  background: #fff;

  transition: .4s;

  box-shadow:
    0 20px 50px rgba(0, 0, 0, .18);

}

.ui-bucket-card:hover {

  transform: translateY(-12px);

  box-shadow:
    0 30px 80px rgba(0, 0, 0, .25);

}

/*==================================================
IMAGE
==================================================*/

.ui-bucket-image {

  position: relative;

  height: 320px;

  overflow: hidden;

}

.ui-bucket-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition: .7s;

}

.ui-bucket-card:hover img {

  transform: scale(1.08);

}

.ui-card-overlay {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .75),
      rgba(0, 0, 0, .05));

}

/*==================================================
THEME
==================================================*/

.ui-card-theme {

  position: absolute;

  left: 20px;

  top: 20px;

  padding: 9px 18px;

  border-radius: 50px;

  background: #fff;

  color: #5d3fd3;

  font-size: 12px;

  font-weight: 700;

  z-index: 5;

}

/*==================================================
PRICE
==================================================*/

.ui-card-price {

  position: absolute;

  right: 20px;

  bottom: 20px;

  padding: 10px 18px;

  border-radius: 50px;

  background: #ff7a00;

  color: #fff;

  font-weight: 700;

  font-size: 15px;

  z-index: 5;

}

/*==================================================
CONTENT
==================================================*/

.ui-card-content {

  padding: 24px;

}

.ui-card-duration {

  display: flex;

  align-items: center;

  gap: 8px;

  margin-bottom: 12px;

  color: #888;

  font-size: 14px;

}

.ui-card-duration i {

  color: #ff7a00;

}

.ui-card-content h3 {

  margin: 0 0 20px;

  min-height: 64px;

}

.ui-card-content h3 a {

  font-size: 22px;

  line-height: 1.4;

  color: #222;

  font-weight: 700;

  text-decoration: none;

  transition: .3s;

}

.ui-card-content h3 a:hover {

  color: #5d3fd3;

}

/*==================================================
BUTTON
==================================================*/

.ui-card-btn {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  padding: 14px 26px;

  border-radius: 50px;

  background: #5d3fd3;

  color: #fff;

  text-decoration: none;

  font-weight: 700;

  transition: .35s;

}

.ui-card-btn:hover {

  background: #ff7a00;

  color: #fff;

}

.ui-card-btn i {

  transition: .3s;

}

.ui-card-btn:hover i {

  transform: translateX(5px);

}

/*==================================================
VIEW ALL
==================================================*/

.ui-view-all {

  display: none;

  text-align: center;

  margin-top: 70px;

}

.ui-view-all.active {

  display: block;

}

.ui-view-btn {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  padding: 18px 40px;

  border-radius: 60px;

  background: #fff;

  color: #5d3fd3;

  text-decoration: none;

  font-weight: 700;

  transition: .35s;

}

.ui-view-btn:hover {

  background: #ff7a00;

  color: #fff;

}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px) {

  .ui-bucket-heading h2 {

    font-size: 42px;

  }

  .ui-bucket-image {

    height: 280px;

  }

}

@media(max-width:767px) {

  .ui-bucket-section {

    padding: 70px 0;

  }

  .ui-bucket-heading {

    margin-bottom: 35px;

  }

  .ui-bucket-heading h2 {

    font-size: 32px;

  }

  .ui-bucket-heading p {

    font-size: 15px;

  }

  .ui-bucket-filter {

    margin-bottom: 35px;

    gap: 10px;

  }

  .ui-filter-item a {

    padding: 10px 18px;

    min-height: 44px;

    font-size: 14px;

  }

  .ui-bucket-image {

    height: 240px;

  }

  .ui-card-content {

    padding: 20px;

  }

  .ui-card-content h3 {

    min-height: auto;

  }

  .ui-card-content h3 a {

    font-size: 18px;

  }

  .ui-card-btn {

    width: 100%;

    justify-content: center;

  }

}


/* Premium Trip Experience CSS */
.ui-trip-section {
  position: relative;
  overflow: hidden;
  min-height: 720px;
  display: flex;
  align-items: center;
  padding: 100px 0;
  background: url("../images/adbg.jpg") center center/cover no-repeat !important;
  background-attachment: fixed;
}

.ui-trip-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(9, 12, 22, .92) 0%, rgba(9, 12, 22, .72) 32%, rgba(9, 12, 22, .40) 60%, rgba(9, 12, 22, .08) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .45));
  z-index: 1;
}

.ui-trip-section::before {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .06);
  filter: blur(120px);
  top: -180px;
  left: -120px;
}

.ui-trip-section::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: rgba(255, 122, 0, .12);
  filter: blur(120px);
  bottom: -120px;
  right: -80px;
}

.ui-trip-wrapper {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 60px;
  align-items: center;
}

.ui-trip-content {
  max-width: 620px;
  color: #fff;
}

.ui-trip-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  margin-bottom: 26px;
  border-radius: 60px;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  backdrop-filter: blur(15px);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.ui-trip-content h2 {
  font-size: 58px;
  font-weight: 800;
  line-height: 1.12;
  color: #fff;
  margin-bottom: 28px;
}

.ui-trip-content h2 span {
  display: block;
  margin-top: 8px;
  color: #FBBF24;
}

.ui-trip-content p {
  font-size: 17px;
  line-height: 1.9;
  color: rgba(255, 255, 255, .82);
  margin-bottom: 42px;
}

.ui-trip-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 18px 24px;
  margin-bottom: 45px;
}

.ui-feature-item {
  display: flex;
  align-items: center;
  gap: 16px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.ui-feature-item i {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #FBBF24;
  font-size: 18px;
  transition: .35s;
}

.ui-feature-item:hover i {
  background: #ff7a00;
  color: #fff;
  transform: rotate(10deg);
}

.ui-trip-price {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.ui-price-circle {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: linear-gradient(135deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, .08));
  border: 1px solid rgba(255, 255, 255, .35);
  backdrop-filter: blur(30px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, .35);
  color: #fff;
  transition: .4s;
  animation: uiFloat 5s ease-in-out infinite;
}

.ui-price-circle:hover {
  transform: translateY(-10px) scale(1.03);
}

.ui-price-circle::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px dashed rgba(255, 255, 255, .20);
}

.ui-price-circle::after {
  content: "";
  position: absolute;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background: rgba(255, 122, 0, .18);
  top: -12px;
  right: -8px;
  filter: blur(3px);
}

.ui-price-top {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: rgba(255, 255, 255, .75);
  margin-bottom: 18px;
}

.ui-price-circle h3 {
  font-size: 64px;
  line-height: 1;
  font-weight: 800;
  margin: 0 0 12px;

  color: #fff;

  text-shadow: 0 4px 15px rgba(0, 0, 0, .35);
}

.ui-price-circle small {
  font-size: 15px;
  color: rgba(255, 255, 255, .92);
}

.ui-trip-btn {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 18px 36px;
  border-radius: 60px;
  background: linear-gradient(135deg, #ff8a00, #ff5e00);
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 15px;
  transition: .35s;
  box-shadow: 0 15px 40px rgba(255, 122, 0, .30);
}

.ui-trip-btn:hover {
  color: #fff;
  background: linear-gradient(135deg, #ff9f1c, #ff6d00);
  transform: translateY(-4px);
}

.ui-trip-btn:hover i {
  transform: translateX(6px);
}

@keyframes uiFloat {
  0% {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-10px)
  }

  100% {
    transform: translateY(0)
  }
}

@media(max-width:991px) {
  .ui-trip-section {
    min-height: auto;
    padding: 90px 0;
    background-attachment: scroll
  }

  .ui-trip-wrapper {
    grid-template-columns: 1fr;
    gap: 60px;
    text-align: center
  }

  .ui-trip-content {
    margin: auto
  }

  .ui-trip-features {
    grid-template-columns: 1fr 1fr;
    justify-items: center
  }
}

@media(max-width:767px) {
  .ui-trip-section {
    padding: 70px 0
  }

  .ui-trip-content h2 {
    font-size: 38px
  }

  .ui-trip-content p {
    font-size: 15px
  }

  .ui-trip-features {
    grid-template-columns: 1fr
  }

  .ui-price-circle {
    width: 240px;
    height: 240px
  }

  .ui-price-circle h3 {
    font-size: 48px
  }

  .ui-trip-btn {
    width: 100%;
    justify-content: center
  }
}

@media(max-width:480px) {
  .ui-trip-content h2 {
    font-size: 32px
  }

  .ui-price-circle {
    width: 210px;
    height: 210px
  }

  .ui-price-circle h3 {
    font-size: 40px
  }
}


/*==================================================
TESTIMONIALS SECTION
==================================================*/

.ui-testimonial-section {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 122, 0, .08), transparent 35%),
    radial-gradient(circle at bottom right, rgba(255, 122, 0, .05), transparent 30%),
    #f8fafc;
}

.ui-testimonial-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .35), transparent);
  pointer-events: none;
}

/*==================================================
HEADING
==================================================*/

.ui-testimonial-heading {
  position: relative;
  text-align: center;
  max-width: 760px;
  margin: 0 auto 70px;
  z-index: 2;
}

.ui-testimonial-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 22px;
  border-radius: 60px;
  background: #fff;
  border: 1px solid rgba(255, 122, 0, .15);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .05);
  color: #ff7a00;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 24px;
  letter-spacing: .5px;
}

.ui-testimonial-badge i {
  font-size: 15px;
}

.ui-testimonial-heading h2 {
  font-size: 54px;
  line-height: 1.15;
  font-weight: 800;
  color: #1b2432;
  margin-bottom: 22px;
}

.ui-testimonial-heading h2 span {
  display: block;
  color: #ff7a00;
}

.ui-testimonial-heading p {
  max-width: 620px;
  margin: auto;
  font-size: 18px;
  line-height: 1.8;
  color: #6b7280;
}

/*==================================================
SLIDER WRAPPER
==================================================*/

.ui-testimonial-slider {

  display: flex;
  gap: 28px;

  overflow-x: auto;
  overflow-y: hidden;

  scroll-behavior: smooth;

  padding: 12px 6px 18px;

  scrollbar-width: none;
  -ms-overflow-style: none;

  position: relative;
  z-index: 2;
}

.ui-testimonial-slider::-webkit-scrollbar {
  display: none;
}

/*==================================================
CARD
==================================================*/

.ui-testimonial-card {

  min-width: 340px;
  flex: 0 0 340px;

  border-radius: 30px;

  background: #fff;

  overflow: hidden;

  box-shadow:
    0 20px 55px rgba(15, 23, 42, .08);

  transition:
    transform .45s ease,
    box-shadow .45s ease;

  position: relative;
}

.ui-testimonial-card:hover {

  transform:
    translateY(-10px);

  box-shadow:
    0 28px 70px rgba(0, 0, 0, .14);
}

/*==================================================
NAVIGATION
==================================================*/

.ui-testimonial-arrow {

  position: absolute;

  top: 54%;

  transform: translateY(-50%);

  width: 58px;
  height: 58px;

  border: none;

  border-radius: 50%;

  background: #fff;

  color: #1b2432;

  font-size: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;

  z-index: 20;

  transition: .35s;

  box-shadow:
    0 15px 35px rgba(0, 0, 0, .12);
}

.ui-testimonial-prev {
  left: -18px;
}

.ui-testimonial-next {
  right: -18px;
}

.ui-testimonial-arrow:hover {

  background: #ff7a00;

  color: #fff;

  transform:
    translateY(-50%) scale(1.08);

  box-shadow:
    0 18px 40px rgba(255, 122, 0, .35);
}

/*==================================================
INDICATOR
==================================================*/

.ui-testimonial-indicator {

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;

  margin-top: 45px;
}


/*==================================================
MEDIA
==================================================*/

.ui-testimonial-media {
  position: relative;
  height: 520px;
  overflow: hidden;
  cursor: pointer;
  background: #111;
}

.ui-testimonial-media img,
.ui-testimonial-media video {

  width: 100%;
  height: 100%;

  object-fit: cover;
  display: block;

  transition:
    transform .8s ease,
    filter .5s ease;
}

.ui-testimonial-card:hover .ui-testimonial-media img {
  transform: scale(1.08);
}

/*==================================================
OVERLAY
==================================================*/

.ui-testimonial-overlay {

  position: absolute;
  inset: 0;

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .72),
      rgba(0, 0, 0, .18) 45%,
      rgba(0, 0, 0, .05));

  transition: .4s;
}

.ui-testimonial-card:hover .ui-testimonial-overlay {
  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .78),
      rgba(0, 0, 0, .22),
      rgba(0, 0, 0, .08));
}

/*==================================================
PLAY BUTTON
==================================================*/

.ui-testimonial-play {

  position: absolute;

  left: 50%;
  top: 50%;

  transform: translate(-50%, -50%);

  width: 82px;
  height: 82px;

  border-radius: 50%;

  background: rgba(255, 122, 0, .92);

  backdrop-filter: blur(12px);

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;

  font-size: 28px;

  transition: .4s;

  box-shadow:
    0 18px 40px rgba(255, 122, 0, .45);
}

.ui-testimonial-play::before {

  content: "";

  position: absolute;

  inset: -8px;

  border-radius: 50%;

  border: 2px solid rgba(255, 255, 255, .35);

  animation: uiTestimonialPulse 2.2s infinite;
}

.ui-testimonial-card:hover .ui-testimonial-play {

  transform:
    translate(-50%, -50%) scale(1.12);

  background: #ff6600;
}

/*==================================================
CONTENT
==================================================*/

.ui-testimonial-content {

  padding: 28px 24px 26px;

  background: #fff;
}

.ui-testimonial-rating {

  display: inline-flex;

  align-items: center;

  gap: 4px;

  padding: 8px 16px;

  border-radius: 50px;

  background: #fff5eb;

  margin-bottom: 18px;
}

.ui-testimonial-rating i {

  color: #d7d7d7;

  font-size: 14px;
}

.ui-testimonial-rating i.active {
  color: #ffb400;
}

.ui-testimonial-rating span {

  margin-left: 10px;

  color: #ff7a00;

  font-size: 13px;

  font-weight: 700;
}

.ui-testimonial-content h4 {

  font-size: 22px;

  font-weight: 700;

  color: #1b2432;

  margin-bottom: 8px;
}

.ui-testimonial-content p {

  margin: 0;

  color: #6b7280;

  font-size: 15px;

  line-height: 1.7;
}

/*==================================================
HOVER BORDER
==================================================*/

.ui-testimonial-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 30px;

  border: 2px solid transparent;

  transition: .35s;

  pointer-events: none;
}

.ui-testimonial-card:hover::after {

  border-color: #ff7a00;
}

/*==================================================
PULSE
==================================================*/

@keyframes uiTestimonialPulse {

  0% {

    transform: scale(1);

    opacity: .9;
  }

  70% {

    transform: scale(1.22);

    opacity: 0;
  }

  100% {

    transform: scale(1.22);

    opacity: 0;
  }
}

/*==================================================
TABLET
==================================================*/

@media(max-width:991px) {

  .ui-testimonial-section {

    padding: 90px 0;
  }

  .ui-testimonial-heading {

    margin-bottom: 55px;
  }

  .ui-testimonial-heading h2 {

    font-size: 42px;
  }

  .ui-testimonial-card {

    min-width: 300px;
    flex: 0 0 300px;
  }

  .ui-testimonial-media {

    height: 430px;
  }

  .ui-testimonial-arrow {

    width: 50px;
    height: 50px;

    font-size: 18px;
  }

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:767px) {

  .ui-testimonial-section {

    padding: 70px 0;
  }

  .ui-testimonial-heading {

    margin-bottom: 40px;
  }

  .ui-testimonial-heading h2 {

    font-size: 32px;
  }

  .ui-testimonial-heading p {

    font-size: 15px;

    line-height: 1.7;
  }

  .ui-testimonial-badge {

    font-size: 12px;

    padding: 8px 16px;
  }

  .ui-testimonial-slider {

    gap: 16px;
  }

  .ui-testimonial-card {

    min-width: 260px;
    flex: 0 0 260px;

    border-radius: 24px;
  }

  .ui-testimonial-media {

    height: 360px;
  }

  .ui-testimonial-play {

    width: 64px;
    height: 64px;

    font-size: 20px;
  }

  .ui-testimonial-content {

    padding: 20px;
  }

  .ui-testimonial-content h4 {

    font-size: 18px;
  }

  .ui-testimonial-rating {

    padding: 7px 14px;
  }

  .ui-testimonial-arrow {

    display: none;
  }

}


/*==================================================
PREMIUM REVIEW SECTION
==================================================*/

.ui-review-section {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 122, 0, .08), transparent 35%),
    radial-gradient(circle at bottom right, rgba(255, 122, 0, .05), transparent 35%),
    #f8fafc;
}

.ui-review-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .45), transparent);
  pointer-events: none;
}

/*==================================================
HEADING
==================================================*/

.ui-review-heading {
  position: relative;
  max-width: 760px;
  margin: 0 auto 70px;
  text-align: center;
  z-index: 2;
}

.ui-review-badge {

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 22px;

  border-radius: 60px;

  background: #fff;

  border: 1px solid rgba(255, 122, 0, .18);

  box-shadow: 0 15px 40px rgba(0, 0, 0, .06);

  color: #ff7a00;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: .3px;

  margin-bottom: 22px;
}

.ui-review-badge i {

  font-size: 15px;
}

.ui-review-heading h2 {

  font-size: 54px;

  line-height: 1.15;

  font-weight: 800;

  color: #1d2939;

  margin-bottom: 22px;
}

.ui-review-heading h2 span {

  display: block;

  color: #ff7a00;
}

.ui-review-heading p {

  max-width: 640px;

  margin: auto;

  color: #667085;

  font-size: 18px;

  line-height: 1.8;
}

/*==================================================
CAROUSEL
==================================================*/

#testimonial_094 {

  position: relative;

  max-width: 980px;

  margin: auto;
}

/*==================================================
REVIEW CARD
==================================================*/

.ui-review-card {

  position: relative;

  background: #fff;

  border-radius: 34px;

  padding: 20px 80px;

  overflow: hidden;

  text-align: center;

  box-shadow:
    0 30px 80px rgba(15, 23, 42, .08);

  transition: .4s;
}

.ui-review-card:hover {

  transform: translateY(-8px);

  box-shadow:
    0 35px 90px rgba(0, 0, 0, .12);
}

/*==================================================
QUOTE ICON
==================================================*/

.ui-review-quote {

  width: 110px;
  height: 110px;

  margin: 0 auto 30px;

  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(135deg, #ff7a00, #ff9b37);

  color: #fff;

  font-size: 40px;

  box-shadow:
    0 20px 50px rgba(255, 122, 0, .30);

  position: relative;
}

.ui-review-quote::after {

  content: "";

  position: absolute;

  inset: -10px;

  border-radius: 50%;

  border: 2px dashed rgba(255, 122, 0, .25);
}

/*==================================================
CONTENT
==================================================*/

.ui-review-content {

  max-width: 760px;

  margin: 0 auto 35px;
}

.ui-review-content p {

  margin: 0;

  color: #475467;

  font-size: 24px;

  line-height: 1.9;

  font-weight: 400;
}

/*==================================================
RATING
==================================================*/

.ui-review-rating {

  display: flex;

  justify-content: center;

  gap: 6px;

  margin-bottom: 22px;
}

.ui-review-rating i {

  font-size: 22px;

  color: #d0d5dd;

  transition: .3s;
}

.ui-review-rating i.active {

  color: #ffb400;
}

/*==================================================
USER
==================================================*/

.ui-review-user h4 {

  font-size: 28px;

  font-weight: 700;

  color: #101828;

  margin-bottom: 8px;
}

.ui-review-user span {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 8px 18px;

  border-radius: 40px;

  background: #fff6ed;

  color: #ff7a00;

  font-size: 14px;

  font-weight: 700;
}

.ui-review-user span::before {

  content: "✓";

  width: 20px;
  height: 20px;

  border-radius: 50%;

  background: #ff7a00;

  color: #fff;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 11px;
}

/*==================================================
THUMBNAIL STRIP
==================================================*/

.ui-review-thumbnails {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 18px;

  margin-top: 55px;

  overflow-x: auto;

  padding: 12px 0 18px;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ui-review-thumbnails::-webkit-scrollbar {
  display: none;
}

.ui-review-thumbnails button {

  padding: 0;

  border: none;

  background: none;

  cursor: pointer;

  transition: .4s;

  position: relative;

  flex-shrink: 0;
}

/*==================================================
AVATAR
==================================================*/

.ui-review-thumbnails img {

  width: 84px;

  height: 84px;

  border-radius: 50%;

  object-fit: cover;

  display: block;

  border: 4px solid #fff;

  background: #eef2f7;

  box-shadow:
    0 10px 30px rgba(15, 23, 42, .08);

  filter: grayscale(100%);

  opacity: .55;

  transition: all .4s ease;
}

/*==================================================
ACTIVE
==================================================*/

.ui-review-thumbnails button.active img {

  width: 110px;

  height: 110px;

  filter: none;

  opacity: 1;

  border-color: #ff7a00;

  box-shadow:
    0 18px 45px rgba(255, 122, 0, .35);

  transform: translateY(-12px);
}

/*==================================================
ORANGE RING
==================================================*/

.ui-review-thumbnails button.active::before {

  content: "";

  position: absolute;

  left: 50%;
  top: 50%;

  width: 122px;
  height: 122px;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  border: 2px dashed rgba(255, 122, 0, .35);

  animation: uiReviewRotate 12s linear infinite;
}

/*==================================================
HOVER
==================================================*/

.ui-review-thumbnails button:hover img {

  filter: none;

  opacity: 1;

  transform: translateY(-8px);

  border-color: #ff7a00;
}

/*==================================================
CARD ANIMATION
==================================================*/

.carousel-item {

  transition: transform .6s ease,
    opacity .6s ease;
}

/*==================================================
FADE EFFECT
==================================================*/

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {

  display: block;
}

/*==================================================
REVIEW CARD ENTRY
==================================================*/

.carousel-item.active .ui-review-card {

  animation: uiReviewCard .7s ease;
}

@keyframes uiReviewCard {

  from {

    opacity: 0;

    transform:
      translateY(25px) scale(.97);
  }

  to {

    opacity: 1;

    transform:
      translateY(0) scale(1);
  }
}

/*==================================================
ROTATING RING
==================================================*/

@keyframes uiReviewRotate {

  from {

    transform:
      translate(-50%, -50%) rotate(0deg);
  }

  to {

    transform:
      translate(-50%, -50%) rotate(360deg);
  }
}

/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:991px) {

  .ui-review-section {

    padding: 90px 0;
  }

  .ui-review-heading {

    margin-bottom: 55px;
  }

  .ui-review-heading h2 {

    font-size: 42px;
  }

  .ui-review-card {

    padding: 55px 45px;
  }

  .ui-review-content p {

    font-size: 20px;
  }

  .ui-review-quote {

    width: 90px;
    height: 90px;

    font-size: 34px;
  }

  .ui-review-user h4 {

    font-size: 24px;
  }

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:767px) {

  .ui-review-section {

    padding: 70px 0;
  }

  .ui-review-heading {

    margin-bottom: 40px;
  }

  .ui-review-heading h2 {

    font-size: 32px;
  }

  .ui-review-heading p {

    font-size: 15px;

    line-height: 1.7;
  }

  .ui-review-badge {

    font-size: 12px;

    padding: 8px 16px;
  }

  .ui-review-card {

    padding: 35px 22px;

    border-radius: 24px;
  }

  .ui-review-quote {

    width: 72px;
    height: 72px;

    font-size: 26px;

    margin-bottom: 20px;
  }

  .ui-review-content {

    margin-bottom: 25px;
  }

  .ui-review-content p {

    font-size: 17px;

    line-height: 1.8;
  }

  .ui-review-rating i {

    font-size: 18px;
  }

  .ui-review-user h4 {

    font-size: 20px;
  }

  .ui-review-user span {

    font-size: 12px;

    padding: 7px 14px;
  }

  .ui-review-thumbnails {

    justify-content: flex-start;

    gap: 14px;

    padding-bottom: 10px;
  }

  .ui-review-thumbnails img {

    width: 62px;
    height: 62px;
  }

  .ui-review-thumbnails button.active img {

    width: 82px;
    height: 82px;

    transform: translateY(-6px);
  }

  .ui-review-thumbnails button.active::before {

    width: 94px;
    height: 94px;
  }

}


/*==================================================
PREMIUM TRAVEL JOURNAL
==================================================*/

.ui-blog-section {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 122, 0, .08), transparent 35%),
    radial-gradient(circle at bottom right, rgba(255, 122, 0, .06), transparent 35%),
    #f8fafc !important;
}

.ui-blog-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .45), transparent);
  pointer-events: none;
}

/*==================================================
HEADING
==================================================*/

.ui-blog-heading {
  max-width: 760px;
  margin: 0 auto 70px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.ui-blog-badge {

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 22px;

  border-radius: 60px;

  background: #fff;

  color: #ff7a00;

  border: 1px solid rgba(255, 122, 0, .18);

  font-size: 14px;

  font-weight: 700;

  box-shadow: 0 15px 40px rgba(0, 0, 0, .06);

  margin-bottom: 22px;
}

.ui-blog-heading h2 {

  font-size: 54px;

  font-weight: 800;

  color: #172033;

  line-height: 1.15;

  margin-bottom: 20px;
}

.ui-blog-heading h2 span {

  display: block;

  color: #ff7a00;
}

.ui-blog-heading p {

  max-width: 620px;

  margin: auto;

  color: #667085;

  font-size: 18px;

  line-height: 1.8;
}

/*==================================================
CARD
==================================================*/

.ui-blog-card {

  position: relative;

  background: #fff;

  border-radius: 28px;

  overflow: hidden;

  height: 100%;

  transition: .45s;

  box-shadow:
    0 20px 50px rgba(15, 23, 42, .07);
}

.ui-blog-card:hover {

  transform: translateY(-12px);

  box-shadow:
    0 35px 80px rgba(15, 23, 42, .12);
}

/*==================================================
IMAGE
==================================================*/

.ui-blog-image {

  position: relative;

  display: block;

  overflow: hidden;

  height: 260px;
}

.ui-blog-image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

  transition:
    transform .8s ease;
}

.ui-blog-card:hover .ui-blog-image img {

  transform: scale(1.08);
}

/*==================================================
OVERLAY
==================================================*/

.ui-blog-overlay {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .55),
      rgba(0, 0, 0, .05));

  transition: .35s;
}

.ui-blog-card:hover .ui-blog-overlay {

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .70),
      rgba(0, 0, 0, .10));
}

/*==================================================
CATEGORY
==================================================*/

.ui-blog-category {

  position: absolute;

  left: 20px;

  top: 20px;

  background: rgba(255, 255, 255, .96);

  color: #ff7a00;

  padding: 8px 16px;

  border-radius: 50px;

  font-size: 13px;

  font-weight: 700;

  box-shadow:
    0 10px 25px rgba(0, 0, 0, .08);
}

/*==================================================
CONTENT
==================================================*/

.ui-blog-content {

  padding: 28px;
}

.ui-blog-date {

  display: flex;

  align-items: center;

  gap: 8px;

  color: #98A2B3;

  font-size: 14px;

  margin-bottom: 16px;
}

.ui-blog-date i {

  color: #ff7a00;
}

.ui-blog-title {

  margin-bottom: 16px;

  line-height: 1.45;

  min-height: 78px;
}

.ui-blog-title a {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 3;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1.45;

  min-height: 4.35em;
  /* 3 × 1.45 */

  color: #172033;

  font-size: 24px;

  font-weight: 700;

  text-decoration: none;

  transition: .3s;
}

.ui-blog-card:hover .ui-blog-title a {

  color: #ff7a00;
}

.ui-blog-desc {

  display: -webkit-box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 4;

  overflow: hidden;

  text-overflow: ellipsis;

  line-height: 1.8;

  min-height: 7.2em;
  /* 4 × 1.8 */

  color: #667085;

  font-size: 15px;

  margin-bottom: 24px;
}

.ui-blog-link {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: #ff7a00;

  text-decoration: none;

  font-weight: 700;

  transition: .3s;
}

.ui-blog-link i {

  transition: .3s;
}

.ui-blog-card:hover .ui-blog-link i {

  transform: translateX(6px);
}

/*==================================================
VIEW ALL
==================================================*/

.ui-blog-footer {

  text-align: center;

  margin-top: 60px;
}

.ui-blog-view-all {

  display: inline-flex;

  align-items: center;

  gap: 12px;

  background: #ff7a00;

  color: #fff;

  padding: 16px 34px;

  border-radius: 60px;

  text-decoration: none;

  font-weight: 700;

  transition: .35s;

  box-shadow:
    0 20px 40px rgba(255, 122, 0, .25);
}

.ui-blog-view-all:hover {

  background: #e86800;

  color: #fff;

  transform: translateY(-4px);
}


/*==================================================
BLOG HOVER BORDER
==================================================*/

.ui-blog-card::before {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 28px;

  border: 2px solid transparent;

  transition: .35s;

  pointer-events: none;

  z-index: 5;
}

.ui-blog-card:hover::before {

  border-color: #ff7a00;
}

/*==================================================
IMAGE SHINE EFFECT
==================================================*/

.ui-blog-image::before {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 60%;

  height: 100%;

  background:
    linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, .45),
      transparent);

  transform: skewX(-25deg);

  z-index: 3;

  transition: 1s;
}

.ui-blog-card:hover .ui-blog-image::before {

  left: 150%;
}

/*==================================================
IMAGE FALLBACK
==================================================*/

.ui-blog-image img {

  background: #eef2f6;
}

.ui-blog-image img[src=""],
.ui-blog-image img:not([src]) {

  background: #eef2f6;
}

/*==================================================
CATEGORY HOVER
==================================================*/

.ui-blog-card:hover .ui-blog-category {

  background: #ff7a00;

  color: #fff;

  transform: translateY(-2px);

  box-shadow:
    0 12px 28px rgba(255, 122, 0, .30);
}

/*==================================================
DATE
==================================================*/

.ui-blog-card:hover .ui-blog-date {

  color: #344054;
}

/*==================================================
CONTENT ANIMATION
==================================================*/

.ui-blog-content>* {

  transition: .35s;
}

.ui-blog-card:hover .ui-blog-title {

  transform: translateY(-2px);
}

.ui-blog-card:hover .ui-blog-desc {

  color: #475467;
}

/*==================================================
READ BUTTON
==================================================*/

.ui-blog-link {

  position: relative;
}

.ui-blog-link::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: -6px;

  width: 0;

  height: 2px;

  background: #ff7a00;

  transition: .35s;
}

.ui-blog-card:hover .ui-blog-link::after {

  width: 100%;
}

/*==================================================
CARD ENTRY
==================================================*/

.ui-blog-card {

  animation: uiBlogFade .7s ease both;
}

@keyframes uiBlogFade {

  from {

    opacity: 0;

    transform:
      translateY(35px);
  }

  to {

    opacity: 1;

    transform:
      translateY(0);
  }
}

/*==================================================
TABLET
==================================================*/

@media (max-width:991px) {

  .ui-blog-section {

    padding: 90px 0;
  }

  .ui-blog-heading {

    margin-bottom: 55px;
  }

  .ui-blog-heading h2 {

    font-size: 42px;
  }

  .ui-blog-image {

    height: 240px;
  }

  .ui-blog-content {

    padding: 24px;
  }

  .ui-blog-title {

    min-height: auto;
  }

  .ui-blog-title a {

    font-size: 22px;
  }

  .ui-blog-desc {

    min-height: auto;
  }

}

/*==================================================
MOBILE
==================================================*/

@media (max-width:767px) {

  .ui-blog-section {

    padding: 70px 0;
  }

  .ui-blog-heading {

    margin-bottom: 40px;
  }

  .ui-blog-heading h2 {

    font-size: 32px;
  }

  .ui-blog-heading p {

    font-size: 15px;

    line-height: 1.7;
  }

  .ui-blog-badge {

    font-size: 12px;

    padding: 8px 16px;
  }

  .ui-blog-card {

    border-radius: 22px;
  }

  .ui-blog-card::before {

    border-radius: 22px;
  }

  .ui-blog-image {

    height: 220px;
  }

  .ui-blog-category {

    left: 15px;

    top: 15px;

    font-size: 12px;

    padding: 7px 14px;
  }

  .ui-blog-content {

    padding: 20px;
  }

  .ui-blog-date {

    font-size: 13px;

    margin-bottom: 14px;
  }

  .ui-blog-title {

    margin-bottom: 14px;
  }

  .ui-blog-title a {

    font-size: 20px;

    min-height: 4.35em;
    line-height: 1.45;
  }

  .ui-blog-desc {

    font-size: 14px;

    line-height: 1.75;

    margin-bottom: 18px;

    min-height: 7em;
  }

  .ui-blog-link {

    font-size: 15px;
  }

  .ui-blog-footer {

    margin-top: 40px;
  }

  .ui-blog-view-all {

    width: 100%;

    justify-content: center;

    padding: 15px 24px;
  }

}

/*==================================================
PREMIUM AWARDS SECTION
==================================================*/

.ui-award-section {
  position: relative;
  padding: 80px 0;
  overflow: hidden;
  background:
    radial-gradient(circle at top left, rgba(255, 184, 77, .08), transparent 35%),
    radial-gradient(circle at bottom right, rgba(255, 122, 0, .06), transparent 30%),
    #fffdf9;
}

.ui-award-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .55), transparent);
  pointer-events: none;
}

/*==================================================
HEADING
==================================================*/

.ui-award-heading {
  max-width: 760px;
  margin: 0 auto 70px;
  text-align: center;
  position: relative;
  z-index: 2;
}

.ui-award-badge {

  display: inline-flex;
  align-items: center;
  gap: 10px;

  padding: 10px 22px;

  border-radius: 60px;

  background: #fff;

  color: #ff7a00;

  border: 1px solid rgba(255, 122, 0, .15);

  font-size: 14px;

  font-weight: 700;

  box-shadow: 0 12px 35px rgba(0, 0, 0, .06);

  margin-bottom: 22px;
}

.ui-award-heading h2 {

  font-size: 54px;

  font-weight: 800;

  color: #172033;

  line-height: 1.15;

  margin-bottom: 20px;
}

.ui-award-heading h2 span {

  display: block;

  color: #ff7a00;
}

.ui-award-heading p {

  max-width: 640px;

  margin: auto;

  color: #667085;

  font-size: 18px;

  line-height: 1.8;
}

/*==================================================
CARD
==================================================*/

.ui-award-card {

  position: relative;

  background: #fff;

  border-radius: 28px;

  overflow: hidden;

  transition: .45s;

  box-shadow:
    0 20px 50px rgba(15, 23, 42, .08);

  height: 100%;
}

/*==================================================
FRAME
==================================================*/

.ui-award-frame {

  padding: 18px;

  background:
    linear-gradient(135deg, #fff, #fff7ed);

  position: relative;
}

.ui-award-image {

  position: relative;

  overflow: hidden;

  border-radius: 18px;

  background: #f8fafc;

  border: 2px solid rgba(255, 184, 77, .35);
}

.ui-award-image img {

  width: 100%;

  height: 320px;

  object-fit: cover;

  display: block;

  transition: transform .8s ease;
}

.ui-award-overlay {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .35),
      rgba(0, 0, 0, .03));

  transition: .35s;
}

/*==================================================
VERIFIED TAG
==================================================*/

.ui-award-tag {

  position: absolute;

  top: 16px;

  left: 16px;

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 8px 16px;

  border-radius: 40px;

  background: rgba(255, 255, 255, .96);

  color: #ff7a00;

  font-size: 13px;

  font-weight: 700;

  box-shadow:
    0 10px 25px rgba(0, 0, 0, .08);
}

/*==================================================
CONTENT
==================================================*/

.ui-award-content {

  padding: 26px 24px 30px;

  text-align: center;
}

.ui-award-content h3 {

  font-size: 20px;

  font-weight: 700;

  color: #172033;

  margin-bottom: 10px;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;
}

.ui-award-content p {

  margin: 0;

  color: #667085;

  font-size: 15px;

  line-height: 1.7;
}

/*==================================================
HOVER EFFECT
==================================================*/

.ui-award-card:hover {

  transform:
    translateY(-12px);

  box-shadow:
    0 30px 70px rgba(15, 23, 42, .12);
}

.ui-award-card:hover .ui-award-image img {

  transform: scale(1.06);
}

.ui-award-card:hover .ui-award-overlay {

  background:
    linear-gradient(to top,
      rgba(0, 0, 0, .55),
      rgba(0, 0, 0, .08));
}

/*==================================================
GOLD BORDER
==================================================*/

.ui-award-card::after {

  content: "";

  position: absolute;

  inset: 0;

  border-radius: 28px;

  border: 2px solid transparent;

  transition: .35s;

  pointer-events: none;
}

.ui-award-card:hover::after {

  border-color: #ffb347;
}

/*==================================================
SHINE EFFECT
==================================================*/

.ui-award-image::before {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 60%;

  height: 100%;

  background:
    linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, .5),
      transparent) !important;

  transform: skewX(-25deg);

  z-index: 3;
}

.ui-award-card:hover .ui-award-image::before {

  animation: uiAwardShine 1.2s;
}

@keyframes uiAwardShine {

  from {

    left: -120%;
  }

  to {

    left: 150%;
  }
}

/*==================================================
TAG
==================================================*/

.ui-award-card:hover .ui-award-tag {

  background: #ff7a00 !important;

  color: #fff;

  transform: translateY(-2px);

  box-shadow:
    0 12px 28px rgba(255, 122, 0, .30);
}

/*==================================================
TITLE
==================================================*/

.ui-award-content h3 {

  transition: .3s;
}

.ui-award-card:hover .ui-award-content h3 {

  color: #ff7a00;
}

/*==================================================
ENTRY ANIMATION
==================================================*/

.ui-award-card {

  animation: uiAwardFade .7s ease both;
}

@keyframes uiAwardFade {

  from {

    opacity: 0;

    transform:
      translateY(30px);
  }

  to {

    opacity: 1;

    transform:
      translateY(0);
  }
}

/*==================================================
TABLET
==================================================*/

@media(max-width:991px) {

  .ui-award-section {

    padding: 90px 0;
  }

  .ui-award-heading {

    margin-bottom: 55px;
  }

  .ui-award-heading h2 {

    font-size: 42px;
  }

  .ui-award-image img {

    height: 280px;
  }

  .ui-award-content {

    padding: 22px;
  }

  .ui-award-content h3 {

    font-size: 20px;

    min-height: auto;
  }

}

/*==================================================
MOBILE
==================================================*/

@media(max-width:767px) {

  .ui-award-section {

    padding: 70px 0;
  }

  .ui-award-heading {

    margin-bottom: 40px;
  }

  .ui-award-heading h2 {

    font-size: 32px;
  }

  .ui-award-heading p {

    font-size: 15px;

    line-height: 1.7;
  }

  .ui-award-badge {

    font-size: 12px;

    padding: 8px 16px;
  }

  .ui-award-card {

    border-radius: 22px;
  }

  .ui-award-card::after {

    border-radius: 22px;
  }

  .ui-award-frame {

    padding: 14px;
  }

  .ui-award-image {

    border-radius: 16px;
  }

  .ui-award-image img {

    height: 240px;
  }

  .ui-award-tag {

    top: 12px;

    left: 12px;

    font-size: 12px;

    padding: 6px 12px;
  }

  .ui-award-content {

    padding: 20px;
  }

  .ui-award-content h3 {

    font-size: 18px;

    line-height: 1.5;
  }

  .ui-award-content p {

    font-size: 14px;
  }

}


/*==================================================
PREMIUM FOOTER
==================================================*/

.ui-footer {

  position: relative;

  margin-top: 180px;

  background: #08111f !important;

  overflow: visible !important;

}




/*==================================================
FLOATING CTA
==================================================*/

.ui-footer-hero {
  position: absolute;
  top: -180px;
  left: 0;
  width: 100%;
  z-index: 100;
}




.ui-footer-hero-card {

  position: relative;

  overflow: hidden;

  border-radius: 34px;

  padding: 75px 70px;

  background: linear-gradient(135deg,
      #ff7a00 0%,
      #ff962d 100%) !important;

  box-shadow:
    0 35px 80px rgba(0, 0, 0, .25);

  z-index: 10;

}




.ui-footer-hero-card::before {

  content: "";

  position: absolute;

  width: 420px;

  height: 420px;

  border-radius: 50%;

  right: -120px;

  top: -120px;

  background: rgba(255, 255, 255, .10) !important;

}




.ui-footer-hero-card::after {

  content: "";

  position: absolute;

  width: 260px;

  height: 260px;

  border-radius: 50%;

  left: -60px;

  bottom: -120px;

  background: rgba(255, 255, 255, .08) !important;

}




.ui-footer-tag {

  display: inline-flex;

  align-items: center;

  gap: 8px;

  padding: 10px 22px;

  border-radius: 50px;

  background: rgba(255, 255, 255, .16) !important;

  color: #fff;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

  margin-bottom: 24px;

}




.ui-footer-hero h2 {

  font-size: 56px;

  line-height: 1.15;

  font-weight: 800;

  color: #fff;

  margin-bottom: 24px;

}




.ui-footer-hero p {

  max-width: 640px;

  color: rgba(255, 255, 255, .92);

  font-size: 18px;

  line-height: 34px;

  margin-bottom: 38px;

}




.ui-footer-hero-buttons {

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  gap: 18px;

}




.ui-footer-primary-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  height: 60px;

  padding: 0 34px;

  border-radius: 60px;

  background: #fff !important;

  color: #08111f;

  font-size: 15px;

  font-weight: 700;

  text-decoration: none;

  transition: .35s;

}




.ui-footer-primary-btn:hover {

  transform: translateY(-4px);

  color: #08111f;

  box-shadow: 0 20px 40px rgba(0, 0, 0, .18);

}




.ui-footer-secondary-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 10px;

  height: 60px;

  padding: 0 30px;

  border-radius: 60px;

  border: 1px solid rgba(255, 255, 255, .35);

  color: #fff;

  text-decoration: none;

  font-weight: 600;

  transition: .35s;

}




.ui-footer-secondary-btn:hover {

  background: #fff !important;

  color: #08111f;

}




.ui-footer-hero-right {

  display: flex;

  flex-direction: column;

  gap: 18px;

}




.ui-stat-card {

  padding: 26px 30px;

  border-radius: 24px;

  background: rgba(255, 255, 255, .15) !important;

  backdrop-filter: blur(12px);

}




.ui-stat-card strong {

  display: block;

  font-size: 42px;

  line-height: 1;

  color: #fff;

  margin-bottom: 10px;

  font-weight: 800;

}




.ui-stat-card span {

  color: #fff;

  opacity: .92;

  font-size: 15px;

  letter-spacing: .4px;

}




/*==================================================
MAIN FOOTER
==================================================*/

.ui-footer-main {

  position: relative;

  padding-top: 500px !important;

  background:
    radial-gradient(circle at top right,
      rgba(255, 122, 0, .12),
      transparent 35%),
    radial-gradient(circle at bottom left,
      rgba(255, 255, 255, .04),
      transparent 40%),
    #08111f !important;
}


/*==================================================
BRAND SECTION
==================================================*/

.ui-footer-brand {

  padding-right: 50px;

}

.ui-footer-logo-wrap {

  margin-bottom: 28px;

}

.ui-footer-logo-wrap img {

  max-width: 180px;

  width: 100%;

  height: auto;

}

.ui-footer-subtitle {

  display: inline-block;

  margin-bottom: 14px;

  color: #ff9a3d;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

}

.ui-footer-brand h2 {

  color: #fff;

  font-size: 42px;

  font-weight: 800;

  line-height: 1.2;

  margin-bottom: 24px;

}

.ui-footer-brand p {

  color: rgba(255, 255, 255, .72);

  font-size: 16px;

  line-height: 32px;

  margin-bottom: 42px;

}



/*==================================================
TRUST STATS
==================================================*/

.ui-footer-trust {

  display: flex;

  gap: 18px;

  flex-wrap: wrap;

}

.ui-footer-trust-item {

  flex: 1;

  min-width: 130px;

  padding: 24px;

  border-radius: 22px;

  background: rgba(255, 255, 255, .04) !important;

  border: 1px solid rgba(255, 255, 255, .08);

  transition: .35s;

}

.ui-footer-trust-item:hover {

  transform: translateY(-6px);

  border-color: rgba(255, 122, 0, .45) !important;

  background: rgba(255, 255, 255, .06) !important;

}

.ui-footer-trust-item strong {

  display: block;

  color: #fff;

  font-size: 34px;

  font-weight: 800;

  margin-bottom: 8px;

}

.ui-footer-trust-item span {

  color: rgba(255, 255, 255, .65);

  font-size: 14px;

  line-height: 24px;

}



/*==================================================
FOOTER CARDS
==================================================*/

.ui-footer-card {

  position: relative;

  height: 100%;

  padding: 42px;

  border-radius: 28px;

  background: rgba(255, 255, 255, .035) !important;

  border: 1px solid rgba(255, 255, 255, .08);

  backdrop-filter: blur(18px);

  transition: .35s;

  overflow: hidden;

}

.ui-footer-card:hover {

  transform: translateY(-8px);

  border-color: rgba(255, 122, 0, .35);

  box-shadow: 0 25px 50px rgba(0, 0, 0, .22);

}

.ui-footer-card::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 4px;

  height: 100%;

  background: #ff7a00 !important;

  opacity: 0;

  transition: .35s;

}

.ui-footer-card:hover::before {

  opacity: 1;

}

.ui-footer-card>span {

  display: inline-block;

  margin-bottom: 16px;

  color: #ff9a3d;

  font-size: 12px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

}

.ui-footer-card h3 {

  color: #fff;

  font-size: 28px;

  font-weight: 700;

  margin-bottom: 34px;

}



/*==================================================
CONTACT LIST
==================================================*/

.ui-footer-card ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

.ui-footer-card ul li {

  display: flex;

  align-items: flex-start;

  gap: 18px;

  margin-bottom: 28px;

}

.ui-footer-card ul li:last-child {

  margin-bottom: 0;

}

.ui-footer-icon {

  width: 52px;

  height: 52px;

  border-radius: 16px;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 122, 0, .12) !important;

  color: #ff7a00;

  font-size: 18px;

  flex-shrink: 0;

}

.ui-footer-card ul li div {

  color: rgba(255, 255, 255, .72);

  font-size: 15px;

  line-height: 28px;

}

.ui-footer-card a {

  color: rgba(255, 255, 255, .82);

  text-decoration: none;

  transition: .3s;

}

.ui-footer-card a:hover {

  color: #ff9a3d;

}



/*==================================================
CHECK LIST
==================================================*/

.ui-footer-check-list li {

  display: flex;

  align-items: center;

  gap: 14px;

  color: rgba(255, 255, 255, .78);

  margin-bottom: 18px;

  font-size: 15px;

}

.ui-footer-check-list li i {

  width: 30px;

  height: 30px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 122, 0, .14) !important;

  color: #ff7a00;

  font-size: 13px;

}

/*==================================================
SECTION DIVIDER
==================================================*/

.ui-footer-divider {

  width: 100%;

  height: 1px;

  margin: 40px 0;

  background: linear-gradient(90deg,
      transparent,
      rgba(255, 255, 255, .12),
      transparent) !important;

}





/*==================================================
FOOTER WIDGETS
==================================================*/

.ui-footer-widget {

  height: 100%;

}

.ui-footer-widget-tag {

  display: inline-block;

  margin-bottom: 14px;

  color: #ff9a3d;

  font-size: 12px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 2px;

}

.ui-footer-widget h3 {

  color: #fff;

  font-size: 28px;

  font-weight: 700;

  margin-bottom: 32px;

}





/*==================================================
QUICK LINKS
==================================================*/

.ui-footer-links {

  margin: 0;

  padding: 0;

  list-style: none;

}

.ui-footer-links li {

  margin-bottom: 18px;

}

.ui-footer-links li:last-child {

  margin-bottom: 0;

}

.ui-footer-links li a {

  display: inline-flex;

  align-items: center;

  gap: 10px;

  color: rgba(255, 255, 255, .72);

  font-size: 16px;

  text-decoration: none;

  transition: .35s;

}

.ui-footer-links li a::before {

  content: "";

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #ff7a00 !important;

  opacity: 0;

  transition: .35s;

}

.ui-footer-links li a:hover {

  color: #fff;

  transform: translateX(8px);

}

.ui-footer-links li a:hover::before {

  opacity: 1;

}





/*==================================================
DESTINATION CHIPS
==================================================*/

.ui-footer-chip-wrap {

  display: flex;

  flex-wrap: wrap;

  gap: 14px;

}

.ui-footer-chip {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 13px 22px;

  border-radius: 60px;

  background: rgba(255, 255, 255, .05) !important;

  border: 1px solid rgba(255, 255, 255, .08) !important;

  color: rgba(255, 255, 255, .80) !important;

  font-size: 14px;

  font-weight: 600;

  text-decoration: none;

  transition: .35s;

}

.ui-footer-chip:hover {

  background: #ff7a00 !important;

  border-color: #ff7a00;

  color: #fff;

  transform: translateY(-5px);

  box-shadow: 0 18px 35px rgba(255, 122, 0, .30);

}





/*==================================================
NEWSLETTER
==================================================*/

.ui-footer-newsletter span {

  display: inline-block;

  margin-bottom: 18px;

  color: #ff9a3d;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

}

.ui-footer-newsletter h2 {

  color: #fff;

  font-size: 42px;

  line-height: 1.2;

  font-weight: 800;

  margin-bottom: 24px;

  max-width: 700px;

}

.ui-footer-newsletter p {

  color: rgba(255, 255, 255, .72);

  font-size: 16px;

  line-height: 32px;

  max-width: 700px;

}





/*==================================================
NEWSLETTER FORM
==================================================*/

.ui-footer-newsletter-form {

  display: flex;

  align-items: center;

  overflow: hidden;

  border-radius: 70px;

  background: #fff !important;

  box-shadow: 0 20px 60px rgba(0, 0, 0, .20);

}

.ui-footer-newsletter-form input {

  flex: 1;

  height: 68px;

  border: none;

  padding: 0 28px;

  font-size: 15px;

  background: transparent;

  outline: none;

}

.ui-footer-newsletter-form button {

  width: 170px;

  height: 68px;

  border: none;

  background: #ff7a00 !important;

  color: #fff;

  font-size: 15px;

  font-weight: 700;

  cursor: pointer;

  transition: .35s;

}

.ui-footer-newsletter-form button:hover {

  background: #e96d00 !important;

}





/*==================================================
NEWSLETTER INPUT PLACEHOLDER
==================================================*/

.ui-footer-newsletter-form input::placeholder {

  color: #9c9c9c;

}

/*==================================================
FOOTER BOTTOM
==================================================*/

.ui-footer-bottom {

  padding: 30px 0 0px;

}

.ui-footer-bottom-left h4 {

  color: #fff;

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 18px;

}

.ui-footer-bottom-left p {

  color: rgba(255, 255, 255, .70);

  line-height: 30px;

  margin: 0;

  max-width: auto !important;

}

.ui-footer-bottom-pad {
  margin-top: -60px !important;
}



/*==================================================
SOCIAL
==================================================*/

.ui-footer-social {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 18px;

}

.ui-footer-social a {

  width: 62px;

  height: 62px;

  border-radius: 50%;

  display: flex;

  align-items: center;

  justify-content: center;

  background: rgba(255, 255, 255, .05) !important;

  border: 1px solid rgba(255, 255, 255, .08) !important;

  color: #fff;

  font-size: 20px;

  text-decoration: none;

  transition: .35s;

}

.ui-footer-social a:hover {

  background: #ff7a00 !important;

  border-color: #ff7a00 !important;

  transform: translateY(-8px);

  box-shadow: 0 20px 40px rgba(255, 122, 0, .35);

}





/*==================================================
PAYMENT
==================================================*/

.ui-footer-payment {

  text-align: right;

}

.ui-footer-payment span {

  display: block;

  color: #ff9a3d;

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

  margin-bottom: 22px;

}

.ui-footer-payment-icons {

  display: flex;

  justify-content: flex-end;

  gap: 14px;

  flex-wrap: wrap;

}

.ui-footer-payment-icons img {

  width: 58px;

  height: 38px;

  object-fit: contain;

  padding: 8px;

  border-radius: 12px;

  background: #fff;

  transition: .35s;

}

.ui-footer-payment-icons img:hover {

  transform: translateY(-5px);

}





/*==================================================
COPYRIGHT
==================================================*/

.ui-footer-copyright {

  margin-top: 60px;

  padding: 28px 0;

  border-top: 1px solid rgba(255, 255, 255, .08);

}

.ui-footer-copyright p {

  color: rgba(255, 255, 255, .58);

  font-size: 15px;

  margin: 0;

}





/*==================================================
GLOBAL HOVER
==================================================*/

.ui-footer a {

  transition: .35s;

}

.ui-footer img {

  transition: .35s;

}

.ui-footer * {

  box-sizing: border-box;

}





/*==================================================
TABLET
==================================================*/

@media (max-width:991px) {

  .ui-footer {

    margin-top: 120px;

  }

  .ui-footer-hero {

    position: relative;

    top: auto;

  }

  .ui-footer-main {

    padding-top: 70px;

  }

  .ui-footer-hero-card {

    padding: 45px;

    border-radius: 26px;

  }

  .ui-footer-hero h2 {

    font-size: 40px;

  }

  .ui-footer-hero-right {

    margin-top: 40px;

  }

  .ui-footer-brand {

    padding-right: 0;

    margin-bottom: 60px;

  }

  .ui-footer-card {

    margin-top: 30px;

  }

  .ui-footer-widget {

    margin-bottom: 50px;

  }

  .ui-footer-newsletter {

    margin-bottom: 40px;

  }

  .ui-footer-payment {

    margin-top: 40px;

    text-align: center;

  }

  .ui-footer-payment-icons {

    justify-content: center;

  }

  .ui-footer-bottom-left {

    text-align: center;

    margin-bottom: 35px;

  }

}





/*==================================================
MOBILE
==================================================*/

@media (max-width:767px) {

  .ui-footer {

    margin-top: 80px;

  }

  .ui-footer-main {
    padding-top: 70px !important;
  }

  .ui-footer-hero-card {

    padding: 35px 25px;

  }

  .ui-footer-tag {

    font-size: 11px;

    letter-spacing: 1px;

  }

  .ui-footer-hero h2 {

    font-size: 30px;

    line-height: 1.3;

  }

  .ui-footer-hero p {

    font-size: 15px;

    line-height: 28px;

  }

  .ui-footer-hero-buttons {

    flex-direction: column;

    align-items: stretch;

  }

  .ui-footer-primary-btn,

  .ui-footer-secondary-btn {

    width: 100%;

  }

  .ui-stat-card {

    padding: 20px;

  }

  .ui-stat-card strong {

    font-size: 30px;

  }

  .ui-footer-brand h2 {

    font-size: 30px;

  }

  .ui-footer-brand p {

    line-height: 28px;

  }

  .ui-footer-trust {

    gap: 15px;

  }

  .ui-footer-trust-item {

    min-width: 100%;

  }

  .ui-footer-card {

    padding: 28px;

  }

  .ui-footer-card h3 {

    font-size: 24px;

  }

  .ui-footer-widget h3 {

    font-size: 24px;

  }

  .ui-footer-newsletter h2 {

    font-size: 30px;

  }

  .ui-footer-newsletter-form {

    flex-direction: column;

    border-radius: 22px;

    overflow: hidden;

  }

  .ui-footer-newsletter-form input {

    width: 100%;

    height: 60px;

  }

  .ui-footer-newsletter-form button {

    width: 100%;

    height: 60px;

  }

  .ui-footer-social {

    flex-wrap: wrap;

    gap: 15px;

    margin: 35px 0;

  }

  .ui-footer-social a {

    width: 54px;

    height: 54px;

    font-size: 18px;

  }

  .ui-footer-payment {

    text-align: center;

  }

  .ui-footer-payment-icons {

    justify-content: center;

  }

  .ui-footer-bottom {

    text-align: center;

  }

  .ui-footer-copyright {

    text-align: center;

  }

  .ui-footer-copyright .text-lg-end {

    text-align: center !important;

    margin-top: 12px;

  }

}





/*==================================================
SMALL MOBILE
==================================================*/

@media (max-width:480px) {

  .ui-footer-hero h2 {

    font-size: 26px;

  }

  .ui-footer-brand h2 {

    font-size: 26px;

  }

  .ui-footer-newsletter h2 {

    font-size: 26px;

  }

  .ui-footer-divider {

    margin: 30px 0;

  }

  .ui-footer-card {

    padding: 22px;

  }

  .ui-footer-chip {

    font-size: 13px;

    padding: 10px 16px;

  }

}

/*==================================================
ROAMNROOM
PREMIUM HEADER
PART 1
====================================================*/

/*==================================================
ROOT VARIABLES
====================================================*/

:root {

  --ui-primary: #ff7a00;
  --ui-primary-dark: #f06b00;

  --ui-dark: #172b4d;
  --ui-text: #4f5d75;
  --ui-light: #ffffff;

  --ui-border: #edf1f5;

  --ui-bg: #ffffff;

  --ui-radius-sm: 12px;
  --ui-radius: 18px;
  --ui-radius-lg: 28px;

  --ui-shadow-sm: 0 8px 25px rgba(15, 23, 42, .06);

  --ui-shadow:
    0 20px 50px rgba(15, 23, 42, .08);

  --ui-shadow-lg:
    0 35px 80px rgba(15, 23, 42, .12);

  --ui-transition: .35s cubic-bezier(.4, 0, .2, 1);

}

/*==================================================
RESET
====================================================*/

*,
*:before,
*:after {

  margin: 0;
  padding: 0;
  box-sizing: border-box;

}

img {

  max-width: 100%;
  display: block;

}

ul {

  list-style: none;

}

a {

  text-decoration: none;

}

button {

  border: none;
  outline: none;
  cursor: pointer;
  background: none;

}

body {

  font-family:
    "Poppins",
    sans-serif;

  color: var(--ui-dark);

  background: #fff;

}

/*==================================================
CONTAINER
====================================================*/

.ui-container {

  width: 100%;

  max-width: 1280px;

  margin: auto;

  padding: 0 20px;

}

/*==================================================
HEADER
====================================================*/

.ui-header {

  width: 100%;

  position: sticky;

  top: 0;

  left: 0;

  z-index: 9999;

}

/*==================================================
TOPBAR
====================================================*/

.ui-topbar {

  background:
    linear-gradient(90deg,
      #ff7a00,
      #ff9333);

}

.ui-topbar-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

  min-height: 40px;

}

.ui-topbar-left,
.ui-topbar-right {

  display: flex;

  align-items: center;

  gap: 20px;

}

.ui-topbar-item {

  display: flex;

  align-items: center;

  gap: 8px;

  color: #fff;

  font-size: 13px;

  font-weight: 500;

  transition: var(--ui-transition);

}

.ui-topbar-item:hover {

  opacity: .85;

}

.ui-topbar-item i {

  font-size: 13px;

}

/*==================================================
NAVBAR
====================================================*/

.ui-navbar {

  background: #fff;

  border-bottom: 1px solid var(--ui-border);

  transition: var(--ui-transition);

}

.ui-navbar-content {

  display: flex;

  align-items: center;

  justify-content: space-between;

  max-height: 70px;

  gap: 24px;

}

/*==================================================
LOGO
====================================================*/

.ui-logo {

  flex-shrink: 0;

}

.ui-logo a {

  display: flex;

  align-items: center;

}

.ui-logo img {

  height: 54px;

  width: auto;

  transition: var(--ui-transition);

}

/*==================================================
NAVIGATION
====================================================*/

.ui-nav {

  flex: 1;

  display: flex;

  justify-content: center;

}

.ui-menu {

  display: flex;

  align-items: center;

  gap: 6px;

  max-height: 70px;

}

.ui-menu-item {

  position: relative;

}

.ui-menu-item>a {

  display: flex;

  align-items: center;

  gap: 6px;

  padding: 20px 16px;

  color: var(--ui-dark);

  font-size: 15px;

  font-weight: 600;

  transition: var(--ui-transition);

  margin-top: 10px;

}

.ui-menu-item>a:hover {

  color: var(--ui-primary);

}

/*==================================================
ACTIVE
====================================================*/

.ui-active>a {

  color: var(--ui-primary);

}

/*==================================================
CTA
====================================================*/

.ui-navbar-action {

  flex-shrink: 0;

}

.ui-primary-btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  height: 48px;

  padding: 0 28px;

  background: var(--ui-primary);

  color: #fff;

  border-radius: 999px;

  font-size: 14px;

  font-weight: 700;

  transition: var(--ui-transition);

  box-shadow:
    0 12px 30px rgba(255, 122, 0, .22);

}

.ui-primary-btn:hover {

  transform: translateY(-3px);

  background: var(--ui-primary-dark);

}

/*==================================================
MOBILE TOGGLE
====================================================*/

.ui-mobile-toggle {

  display: none;

  width: 48px;

  height: 48px;

  border-radius: 16px;

  background: #fff8f3;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  gap: 5px;

  transition: var(--ui-transition);

}

.ui-mobile-toggle span {

  width: 22px;

  height: 2px;

  background: var(--ui-dark);

  border-radius: 10px;

  transition: var(--ui-transition);

}

/*==================================================
PLACEHOLDERS
(Next Parts)
====================================================*/

.ui-dropdown {

  display: none;

}

.ui-mobile-drawer {

  display: none;

}

/*==================================================
ROAMNROOM
HEADER
PART 2
Desktop Navigation + Dropdown
==================================================*/

/*=====================================
MENU ITEM
======================================*/

.ui-menu-item {

  position: relative;

}

.ui-menu-item>a {

  position: relative;

  overflow: hidden;

}

/*=====================================
UNDERLINE
======================================*/

.ui-menu-item>a::after {

  content: "";

  position: absolute;

  left: 16px;

  right: 16px;

  bottom: 18px;

  height: 2px;

  background: var(--ui-primary);

  transform: scaleX(0);

  transform-origin: left;

  transition: var(--ui-transition);

}

.ui-menu-item:hover>a::after,
.ui-active>a::after {

  transform: scaleX(1);

}

/*=====================================
ARROW
======================================*/

.ui-menu-item>a i {

  font-size: 12px;

  transition: var(--ui-transition);

}

.ui-menu-item:hover>a i {

  transform: rotate(180deg);

}

/*=====================================
DROPDOWN
======================================*/

.ui-has-dropdown {

  position: relative;

}

.ui-dropdown {

  position: absolute;

  top: 100%;

  left: 0;

  width: 290px;

  background: #fff;

  border-radius: 20px;

  padding: 12px 0;

  border: 1px solid var(--ui-border);

  box-shadow: var(--ui-shadow);

  opacity: 0;

  visibility: hidden;

  transform: translateY(18px);

  transition: var(--ui-transition);

  display: block;

  z-index: 999;

}

/*=====================================
SHOW
======================================*/

.ui-has-dropdown:hover>.ui-dropdown {

  opacity: 1;

  visibility: visible;

  transform: translateY(10px);

}

/*=====================================
ARROW TOP
======================================*/

.ui-dropdown::before {

  content: "";

  position: absolute;

  top: -8px;

  left: 36px;

  width: 16px;

  height: 16px;

  background: #fff;

  transform: rotate(45deg);

  border-left: 1px solid var(--ui-border);

  border-top: 1px solid var(--ui-border);

}

/*=====================================
LIST
======================================*/

.ui-dropdown li {

  width: 100%;

}

.ui-dropdown li a {

  display: flex;

  align-items: center;

  width: 100%;

  padding: 14px 22px;

  color: var(--ui-text);

  font-size: 14px;

  font-weight: 500;

  transition: var(--ui-transition);

}

/*=====================================
DOT
======================================*/

.ui-dropdown li a::before {

  content: "";

  width: 6px;

  height: 6px;

  border-radius: 50%;

  background: var(--ui-primary);

  margin-right: 12px;

  opacity: 0;

  transition: var(--ui-transition);

}

/*=====================================
HOVER
======================================*/

.ui-dropdown li a:hover {

  background: #fff8f3;

  color: var(--ui-primary);

  padding-left: 28px;

}

.ui-dropdown li a:hover::before {

  opacity: 1;

}

/*=====================================
SCROLLBAR
======================================*/

.ui-dropdown {

  max-height: 420px;

  overflow-y: auto;

}

.ui-dropdown::-webkit-scrollbar {

  width: 6px;

}

.ui-dropdown::-webkit-scrollbar-thumb {

  background: var(--ui-primary);

  border-radius: 30px;

}

.ui-dropdown::-webkit-scrollbar-track {

  background: #f4f4f4;

}

/*=====================================
LOGO
======================================*/

.ui-logo img:hover {

  transform: scale(1.03);

}

/*=====================================
BUTTON
======================================*/

.ui-primary-btn {

  position: relative;

  overflow: hidden;

}

.ui-primary-btn::before {

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 60%;

  height: 100%;

  background:

    linear-gradient(90deg,

      transparent,

      rgba(255, 255, 255, .35),

      transparent);

  transition: .8s;

}

.ui-primary-btn:hover::before {

  left: 150%;

}

/*==================================================
ROAMNROOM
HEADER
PART 3
Sticky Header + Mobile Toggle Animation
====================================================*/

/*====================================
GLOBAL TRANSITIONS
=====================================*/

.ui-header,
.ui-navbar,
.ui-navbar-content,
.ui-logo img,
.ui-menu-item>a,
.ui-primary-btn,
.ui-mobile-toggle,
.ui-mobile-toggle span {

  transition: var(--ui-transition);

}

/*====================================
STICKY HEADER
=====================================*/

.ui-header.ui-header-sticky {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 99999;

  animation: uiHeaderSlide .45s ease;

}

/*====================================
GLASS EFFECT
=====================================*/

.ui-header.ui-header-sticky .ui-navbar {

  background: rgba(255, 255, 255, .92);

  backdrop-filter: blur(18px);

  -webkit-backdrop-filter: blur(18px);

  box-shadow:

    0 15px 40px rgba(15, 23, 42, .08),

    0 3px 10px rgba(15, 23, 42, .05);

}

/*====================================
TOPBAR
=====================================*/

.ui-header.ui-header-sticky .ui-topbar {

  display: none;

}

/*====================================
SHRINK NAVBAR
=====================================*/

.ui-header.ui-header-sticky .ui-navbar-content {

  min-height: 68px;

}

/*====================================
SMALL LOGO
=====================================*/

.ui-header.ui-header-sticky .ui-logo img {

  height: 40px;

}

/*====================================
MENU
=====================================*/

.ui-header.ui-header-sticky .ui-menu-item>a {

  padding: 24px 16px;

}

/*====================================
CTA
=====================================*/

.ui-header.ui-header-sticky .ui-primary-btn {

  height: 44px;

  padding: 0 24px;

}

/*====================================
HAMBURGER
=====================================*/

.ui-mobile-toggle {

  position: relative;

  overflow: hidden;

}

.ui-mobile-toggle:hover {

  background: #ff7a00;

}

.ui-mobile-toggle:hover span {

  background: #fff;

}

/*====================================
OPEN STATE
=====================================*/

.ui-mobile-toggle.ui-active span:nth-child(1) {

  transform:
    translateY(7px) rotate(45deg);

}

.ui-mobile-toggle.ui-active span:nth-child(2) {

  opacity: 0;

}

.ui-mobile-toggle.ui-active span:nth-child(3) {

  transform:
    translateY(-7px) rotate(-45deg);

}

/*====================================
ACTIVE BUTTON
=====================================*/

.ui-mobile-toggle.ui-active {

  background: #ff7a00;

}

.ui-mobile-toggle.ui-active span {

  background: #fff;

}

/*====================================
MENU LIFT
=====================================*/

.ui-menu-item {

  transition: transform .25s ease;

}

.ui-menu-item:hover {

  transform: translateY(-2px);

}

/*====================================
BUTTON
=====================================*/

.ui-primary-btn:hover {

  box-shadow:

    0 20px 45px rgba(255, 122, 0, .30);

}

/*====================================
HEADER SHADOW
=====================================*/

.ui-navbar {

  box-shadow:

    0 2px 12px rgba(15, 23, 42, .04);

}

/*====================================
BODY LOCK
=====================================*/

body.ui-menu-open {

  overflow: hidden;

}

/*====================================
KEYFRAME
=====================================*/

@keyframes uiHeaderSlide {

  from {

    opacity: 0;

    transform: translateY(-100%);

  }

  to {

    opacity: 1;

    transform: translateY(0);

  }

}

/*==================================================
ROAMNROOM
HEADER
PART 4
RESPONSIVE + MOBILE DRAWER
==================================================*/

/*=====================================
DESKTOP
======================================*/

.ui-mobile-toggle,
.ui-mobile-drawer {
  display: none;
}

/*==================================================
1200px
==================================================*/

@media (max-width:1200px) {

  .ui-navbar-content {
    gap: 20px;
  }

  .ui-menu-item>a {
    padding: 28px 12px;
    font-size: 14px;
  }

  .ui-primary-btn {
    padding: 0 22px;
  }

}

/*==================================================
991px
==================================================*/

@media (max-width:991px) {

  /* Hide Desktop */

  .ui-topbar {
    display: none;
  }

  .ui-nav,
  .ui-navbar-action {
    display: none;
  }

  /* Navbar */

  .ui-navbar-content {

    min-height: 72px;

    gap: 16px;

  }

  .ui-logo img {

    height: 48px;

  }

  /* Hamburger */

  .ui-mobile-toggle {

    display: flex;

    margin-left: auto;

  }

  /* Drawer */

  .ui-mobile-drawer {

    display: block;

    position: fixed;

    inset: 0;

    z-index: 999999;

    pointer-events: none;

  }

  .ui-mobile-drawer.ui-open {

    pointer-events: auto;

  }

  /* Overlay */

  .ui-mobile-overlay {

    position: absolute;

    inset: 0;

    background: rgba(0, 0, 0, .55);

    opacity: 0;

    transition: .35s;

  }

  .ui-mobile-drawer.ui-open .ui-mobile-overlay {

    opacity: 1;

  }

  /* Panel */

  .ui-mobile-panel {

    position: absolute;

    right: -100%;

    top: 0;

    width: 360px;

    max-width: 90%;

    height: 100%;

    background: #fff;

    display: flex;

    flex-direction: column;

    transition: .4s ease;

    box-shadow: -20px 0 60px rgba(0, 0, 0, .15);

    overflow-y: auto;

  }

  .ui-mobile-drawer.ui-open .ui-mobile-panel {

    right: 0;

  }

  /* Header */

  .ui-mobile-header {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 22px;

    border-bottom: 1px solid var(--ui-border);

  }

  .ui-mobile-header img {

    height: 46px;

  }

  /* Close */

  .ui-mobile-close {

    width: 42px;

    height: 42px;

    border-radius: 12px;

    background: #fff6ef;

    color: var(--ui-primary);

    display: flex;

    align-items: center;

    justify-content: center;

    transition: var(--ui-transition);

  }

  .ui-mobile-close:hover {

    background: var(--ui-primary);

    color: #fff;

  }

  /* Menu */

  .ui-mobile-menu {

    padding: 10px 0;

  }

  .ui-mobile-menu>li {

    border-bottom: 1px solid #f2f4f7;

  }

  .ui-mobile-menu>li>a {

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 18px 22px;

    color: var(--ui-dark);

    font-size: 15px;

    font-weight: 600;

    transition: var(--ui-transition);

  }

  .ui-mobile-menu>li>a:hover {

    color: var(--ui-primary);

    background: #fff8f3;

  }

  /* Parent */

  .ui-mobile-parent>button {

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding: 18px 22px;

    background: #fff;

    font-size: 15px;

    font-weight: 600;

    color: var(--ui-dark);

  }

  .ui-mobile-parent>button:hover {

    color: var(--ui-primary);

    background: #fff8f3;

  }

  .ui-mobile-parent>button i {

    color: var(--ui-primary);

    transition: .3s;

  }

  /* Submenu */

  .ui-mobile-parent ul {

    display: block;

    overflow: hidden;

    max-height: 0;

    background: #fafafa;

    transition: max-height .35s ease;

  }

  .ui-mobile-parent.ui-expanded ul {

    max-height: 900px;

  }

  .ui-mobile-parent ul li a {

    display: block;

    padding: 14px 40px;

    color: #6b7280;

    font-size: 14px;

    transition: var(--ui-transition);

  }

  .ui-mobile-parent ul li a:hover {

    background: #fff;

    color: var(--ui-primary);

  }

  /* CTA */

  .ui-mobile-btn {

    margin: 24px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 100px;

    background: var(--ui-primary);

    color: #fff;

    font-weight: 700;

    transition: var(--ui-transition);

  }

  .ui-mobile-btn:hover {

    color: #fff;

    background: var(--ui-primary-dark);

  }

}

/*==================================================
768px
==================================================*/

@media (max-width:768px) {

  .ui-header.ui-header-sticky .ui-navbar-content {

    min-height: 55px;

  }

  .ui-container {

    padding: 0 16px;

  }

  .ui-navbar-content {

    min-height: 68px;

  }

  .ui-logo img {

    height: 44px;

  }

  .ui-mobile-panel {

    width: 330px;

  }

}

/*==================================================
576px
==================================================*/

@media (max-width:576px) {

  .ui-navbar-content {

    min-height: 64px;

  }

  .ui-logo img {

    height: 40px;

  }

  .ui-mobile-panel {

    width: 100%;

    max-width: 100%;

  }

  .ui-mobile-header {

    padding: 18px;

  }

  .ui-mobile-menu>li>a,
  .ui-mobile-parent>button {

    padding: 6px 18px;

  }

  .ui-mobile-parent ul li a {

    padding: 13px 32px;

  }

  .ui-mobile-btn {

    margin: 18px;

    width: 130px;

  }

}

/*==================================================
480px
==================================================*/

@media (max-width:480px) {

  .ui-container {

    padding: 0 14px;

  }

  .ui-logo img {

    height: 38px;

  }

  .ui-mobile-toggle {

    width: 44px;

    height: 44px;

  }

  .ui-mobile-header img {

    height: 40px;

  }

}


/*==================================================
ROAMNROOM
HEADER
PART 5
FINAL POLISH
==================================================*/

/*====================================
SMOOTH SCROLL
====================================*/

html {

  scroll-behavior: smooth;

}

/*====================================
MENU TRANSITIONS
====================================*/

.ui-menu-item,
.ui-menu-item a,
.ui-dropdown,
.ui-dropdown li,
.ui-dropdown li a {

  transition: var(--ui-transition);

}

/*====================================
DESKTOP HOVER
====================================*/

.ui-menu-item:hover {

  z-index: 5;

}

.ui-menu-item>a {

  border-radius: 12px;

}

.ui-menu-item:hover>a {

  color: var(--ui-primary);

}

/*====================================
DROPDOWN
====================================*/

.ui-dropdown {

  overflow: hidden;

}

.ui-dropdown li:last-child a {

  border-bottom: none;

}

.ui-dropdown li a {

  border-bottom: 1px solid rgba(0, 0, 0, .04);

}

/*====================================
CTA
====================================*/

.ui-primary-btn {

  letter-spacing: .3px;

}

.ui-primary-btn:active {

  transform: scale(.98);

}

/*====================================
MOBILE DRAWER
====================================*/

.ui-mobile-panel {

  max-width: 85%;

  scrollbar-width: thin;

  scrollbar-color: var(--ui-primary) #f5f5f5;

}

.ui-mobile-panel::-webkit-scrollbar {

  width: 6px;

}

.ui-mobile-panel::-webkit-scrollbar-thumb {

  background: var(--ui-primary);

  border-radius: 50px;

}

.ui-mobile-panel::-webkit-scrollbar-track {

  background: #f4f4f4;

}

/*====================================
SUBMENU
====================================*/

.ui-mobile-parent.ui-expanded>button {

  color: var(--ui-primary);

}

.ui-mobile-parent.ui-expanded>button i {

  transform: rotate(45deg);

}

/*====================================
LINK ACTIVE
====================================*/

.ui-mobile-menu>li>a:hover,

.ui-mobile-parent ul li a:hover {

  padding-left: 26px;

}

/*====================================
DRAWER SHADOW
====================================*/

.ui-mobile-panel {

  box-shadow:

    -30px 0 80px rgba(15, 23, 42, .18);

}

/*====================================
LOGO
====================================*/

.ui-logo img {

  transform-origin: center;

}

.ui-logo:hover img {

  transform: scale(1.03);

}

/*====================================
HAMBURGER
====================================*/

.ui-mobile-toggle {

  box-shadow:

    0 8px 24px rgba(15, 23, 42, .08);

}

.ui-mobile-toggle span {

  background: var(--ui-primary) !important;


}

.ui-mobile-toggle:hover {

  box-shadow:

    0 12px 30px rgba(255, 122, 0, .25);

}

/*====================================
HEADER SHADOW
====================================*/

.ui-header.ui-header-sticky .ui-navbar {

  border-bottom: none;

}

/*====================================
DESKTOP
====================================*/

@media(min-width:992px) {

  .ui-mobile-drawer {

    display: none !important;

  }

}

/*====================================
PRINT
====================================*/

@media print {

  .ui-header {

    display: none;

  }

}