/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  scroll-behavior: smooth;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #f9f9f9;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*
====================================
Other Styles
====================================
*/

:root {
    /* =========================
       Brand Colors
    ========================= */
    --primary: #4b7abc;
    --secondary: #f77e2e;
}

.section-title span {
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 14px;
}

.section-title h2 {text-transform: capitalize;margin: 0;font-size: 40px;}

.section-title {
    margin: 0 0 40px 0;
}

section {
    padding: 80px 0 0 0;
}

body{
    font-family:"Inter", sans-serif;
}

h1,h2,h3,h4,h5,h6{
    font-family:"DM Serif Display", serif;
}

a {
    text-decoration: none;
}

p {
    color: #64748B;
}

.btn {
    background: var(--secondary);
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    padding: 10px 30px;
    transition: 0.4s;
}

.btn:hover {
    background: var(--primary);
    color: #fff;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure {
    margin: 0;
}

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

.main-header {
    position: relative;
    z-index: 2;
}

.main-header .search-header .search-top {
    margin: 0 20px 0 0;
    border-right: 1px solid #ffffff85;
    padding: 0 20px 0 0;
    position: relative;
}

.main-header .search-header .search-top .searchform-top {
    position: absolute;
    background: #22222263;
    padding: 10px;
    border-radius: 8px;
    width: 500px;
    right: 0;
    top: 31px;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
}

.main-header .search-header .search-top .formshow-hide {
    cursor: pointer;
}

.main-header .search-header .search-top .showsearchform-top {
    visibility: visible;
    opacity: 1;
}

.main-header .search-header .search-top .searchform-top form {
    position: relative;
}

.main-header .search-header .search-top .searchform-top form button {
    position: absolute;
    left: 0;
    background: transparent;
    border: 1px solid transparent;
    padding: 14px 9px 14px 10px;
}

.main-header .search-header .search-top .searchform-top i {
    color: #222;
}

.main-header .search-header .search-top .searchform-top form input {
    padding: 15px 10px 15px 40px;
    font-size: 14px;
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    width: 100%;
    border-radius: 8px;
}

.main-header .search-header .search-top .searchform-top form input:focus {
    outline: none;
    box-shadow: none;
}

.main-header .search-header .search-top .searchform-top p {
    text-align: end;
    margin: 0 0 8px 0;
}

.main-header .search-header .search-top .searchform-top p a {
    cursor: pointer;
}

.main-header .search-header {
    display: flex;
    align-items: center;
}

.main-header .search-header .search-top i {
    color: #fff;
}

.main-header .navbar-nav li {
    margin: 0 30px 0 0;
}

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

.main-header .navbar-nav li a {
    color: #fff;
}

.main-header .navbar-nav li .active {
    color: var(--secondary);
}

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

.main-banner .banner-contents h1,.main-banner .banner-contents p {
    color: #fff;
}

.main-banner .banner-social {
    position: absolute;
    left: 45px;
    top: 50%;
    z-index: 5;
}

.main-banner .banner-social ul li a {
    color: #ffffffdb;
    font-size: 12px;
}

.main-banner .banner-social ul li {
    margin: 0 0 10px 0;
    display: flex;
}

.main-banner .banner-social .line {
    height: 60px;
    width: 1px;
    background: #ffffffdb;
    margin: 25px 0 0 7px;
}

.main-banner .banner-social span {
    color: #ffffffdb;
    font-size: 13px;
    transform: rotate(270deg);
    display: block;
    margin: 35px 0px 0px -12px;
}

.main-banner {
    position: relative;
    height: 100vh;
    margin: -60px 0 0 0;
    z-index: 1;
}

.main-banner .banner-contents .bannercontents-wrap {
    text-align: center;
}

.main-banner .banner-contents .bannercontents-wrap h1 {
    font-size: 54px;
    margin: 0 0 20px 0;
    text-transform: capitalize;
}

.main-banner .banner-contents .bannercontents-wrap span {
    color: var(--secondary);
    font-family: 'Allura', cursive;
    font-size: 40px;
}

.main-banner .banner-contents .bannercontents-wrap {
    width: 43%;
    margin: 0 auto;
}

.main-banner .banner-contents .bannercontents-wrap .video-btn {
    color: #fff;
    margin: 0 0 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.main-banner .banner-contents .bannercontents-wrap .video-btn i {
    font-size: 40px;
}

.main-banner .banner-contents .bannercontents-wrap .banner-btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-background {
    position: absolute;
    inset: 0;
    z-index: -99;
    overflow: hidden;
    top: 0;
}

.video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    pointer-events: none;
}

.main-banner .banner-contents {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.main-banner .banner-contents p {
    margin: 0 0 40px 0;
}

.video-background:before {
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #0000008a;
    z-index: 1;
}

.container_mouse {
  text-align: center;
  color: var(--color);
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 2rem;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 8;   
}

.container_mouse .mouse-btn {
    margin: 10px auto;
    width: 35px;
    height: 60px;
    border: 3px solid rgb(255 255 255 / 92%);
    border-radius: 30px;
    display: flex;
}

.container_mouse .mouse-btn .mouse-scroll {
  display: block;
  width: 20px;
  height: 20px;
  background: linear-gradient(170deg, rgb(255 255 255 / 92%), rgb(255 255 255));
  border-radius: 50%;
  margin: auto;
  animation: scrolling 1s linear infinite;
}


@keyframes scrolling {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(20px);
  }
}


/*
====================================
Destination Styles
====================================
*/

.main-destination .section-title {
    text-align: center;
}

.main-destination .destinations-wrap {
    display: flex;
}

.main-destination .destination-wrapper{
    display:flex;
    gap:16px;
}

.main-destination .destination-item{
    flex:1;
    height:420px;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
    transition: flex .8s ease !important;
}

.main-destination .destination-item img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.5s;
}

.main-destination .destination-item:hover{
    flex:3;     /* expands */
}

.main-destination .destination-wrapper:hover .destination-item:not(:hover){
    flex:.8;    /* shrink others */
}

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

.main-destination .destination-item::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.8),
        rgba(0,0,0,.2),
        transparent);
    z-index: 1;    
}
 
.main-destination .content{
    position:absolute;
    left:25px;
    bottom:25px;
    color:#fff;
    z-index:2;
}

.main-destination .destinations-wrap .destination-package {
    margin: 0 15px 0 0;
    position: relative;
    overflow: hidden;
}

.main-destination .destinations-wrap .destination-package:last-child {
    margin: 0;
}

.main-destination .destinations-wrap .destination-package figure {
    margin: 0;
    border-radius: 14px;
    overflow: hidden;
}

.main-destination .destinations-wrap .destination-package .destination-contents {
    position: absolute;
    bottom: 0;
    background: #00000059;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: end;
    padding: 0 20px;
    border-radius: 14px;
}

.main-destination .destinations-wrap .destination-package figure img {
    border-radius: 14px;
    transition: 0.4s;
    height: 317px;
    object-fit: cover;
}

.main-destination .destinations-wrap .destination-package:hover img {
    transform: scale(1.1);
    border-radius: 14px;
}

.main-destination .destinations-wrap .destination-package .destination-contents a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.main-destination .destinations-wrap .destination-package .destination-contents h3 {
    font-size: 21px;
    color: #fff;
    margin: 0;
}

.main-destination .destinations-wrap .destination-package .destination-contents span {
    color: #ffffffad;
    font-size: 12px;
}

.main-destination .destinations-wrap .destination-package .destination-contents p {
    margin: 20px 0 20px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}

.main-destination .destinations-wrap .destination-package .destination-contents p strong {
    font-weight: 600;
}

.main-destination .section-btn {
    text-align: center;
    margin: 40px 0 0 0;
}

.main-destination .section-btn a {
    color: var(--primary);
    text-transform: capitalize;
    font-weight: 500;
}

/*
====================================
About Styles
====================================
*/

.about-contents .section-title p {margin: 20px 0 0 0;}

.about-us .thumbnails-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-us .thumbnails-wrapper .about-thumbnails {
    width: 48%;
    display: flex;
    background: #fff;
    padding: 10px;
    border-radius: 7px;
    margin: 0 0 20px 0;
}

.about-us .thumbnails-wrapper .about-thumbnails figure {
    margin: 0 10px 0 0;
    background: #fef0e3;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
}

.about-us .thumbnails-wrapper .about-thumbnails .thumbnail-contents h4 {
    font-size: 16px;
    margin: 0 0 5px 0;
}

.about-us .thumbnails-wrapper .about-thumbnails .thumbnail-contents p {
    margin: 0;
    font-size: 12px;
}

.about-us .section-title {
    width: 73%;
}

.about-us .row {
    align-items: center;
}

.about-us figure .abt-aside {
    border-radius: 14px;
    filter: grayscale(0.8);
    transition: 0.4s;
}

.about-us figure .abt-aside:hover {
    filter: grayscale(0);
}

/*
====================================
Featured Packages Styles
====================================
*/

.featured-packages .section-title {
    text-align: center;
}

.featured-packages .section-btn a{
    text-transform: capitalize;
    color: var(--primary);
}   

.package-wrap figure {
    margin: 0;
    position: relative;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    overflow: hidden;
}

.package-wrap ul {
    position: absolute;
    bottom: 20px;
    display: flex;
    gap: 10px;
    left: 20px;
}

.package-wrap ul li {
    font-size: 14px;
    padding: 0 11px;
    border-radius: 11px;
}

.package-wrap ul li:first-child {
    background: #edf0fe;
    color: oklch(45% .24 277.023);
}

.package-wrap ul li:nth-child(2) {
    background: #fff1f6;
    color: oklch(65% .241 354.308);
}

.package-wrap ul li:nth-child(3) {
    background: #f1fcf9;
    color: oklch(77% .152 181.912);
}

.package-wrap .package-contents {
    padding: 20px;
}

.package-wrap .package-contents a {
    color: #222;
    transition: 0.4s;
}

.package-wrap .package-contents a:hover {
    color: var(--secondary);
}

.package-wrap {
    background: #fff;
    border-radius: 7px;
    border-bottom: 1px solid transparent;
    transition: 0.4s;
    position: relative;
    box-shadow: rgba(37, 99, 235, 0.15) 0px 10px 30px;
}
    
.package-wrap .package-contents .btn-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px dashed #ddd;
    padding: 10px 0 0 0;
}

.package-wrap .package-contents .btn-wrapper p {
    margin: 0;
    color: var(--secondary);
    font-size: 21px;
    font-weight: 500;
}

.package-wrap .package-contents .btn-wrapper a {
    color: var(--primary);
    font-weight: 600;
    transition: 0.4s;
}

.package-wrap .package-contents .btn-wrapper a:hover {
    color: var(--secondary);
}

.package-wrap .package-contents .btn-wrapper a i {
    font-size: 25px;
}

.package-wrap .package-contents p {
    margin: 0 0 20px 0;
}

.package-wrap figure img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    transition: 0.4s;
}

.featured-packages .section-btn {
    text-align: center;
    margin: 40px 0 0 0;
}

.package-wrap:hover img {
    transform: scale(1.1);
}

.package-wrap:hover {
    border-bottom: 1px solid var(--secondary);
}

.package-wrap .package-contents h4 {
    font-size: 24px;
    margin: 0 0 20px 0;
}   

.package-wrap figure .packagecat-type {
    position: absolute;
    top: 20px;
    left: 20px;
    background: var(--secondary);
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    border-radius: 14px;
}

/*
====================================
CTA Styles
====================================
*/

.call-to-action {
    padding: 80px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    margin: 80px 0 0 0;
    position: relative;
}

.call-to-action .cta-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.call-to-action:before {
    content: '';
    height: 100%;
    width: 100%;
    /* background: #000000b3; */
    background: #00000073;
    position: absolute;
    top: 0;
    left: 0;
}

.call-to-action .container {
    position: relative;
}

.call-to-action .cta-title .title-left {
    display: flex;
    width: 60%;
}

.call-to-action .cta-title .title-left .left-contents h3 {color: #fff;text-transform: capitalize;font-size: 35px;}

.call-to-action .cta-title .title-left figure {
    height: 50px;
    width: 79px;
    border: 1px solid #dddddd78;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 20px 0 0;
}

.call-to-action .cta-title .title-left .left-contents p {
    color: #fff;
    /* font-size: 14px; */
    line-height: 1.7;
}

.call-to-action .cta-title .btn-right {
    width: 30%;
    text-align: right;
}

.call-to-action .cta-thumbnails ul {display: flex;justify-content: space-between;}

.call-to-action .cta-thumbnails ul li {
    display: flex;
}

.call-to-action .cta-thumbnails {
    border-top: 1px solid #ffffff6e;
    margin: 60px 0 0px 0;
    padding: 20px 0 0 0;
}

.call-to-action .cta-thumbnails figure img {
    filter: brightness(0) invert(1);
}

.call-to-action .cta-thumbnails figure {
    height: 40px;
    width: 40px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 10px 0 0;
}

.call-to-action .cta-thumbnails .ctathumb-contents h5 {
    color: #fff;
    font-size: 16px;
    margin: 0;
}

.call-to-action .cta-thumbnails figure img {
    height: 20px;
    object-fit: contain;
}

.call-to-action .cta-thumbnails .ctathumb-contents span {
    color: #fff;
    font-size: 12px;
}

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

.blog-main .section-title {
    text-align: center;
}

.blog-main .section-btn {
    margin: 40px 0 0 0;
    text-align: center;
}

.blog-main .section-btn a{
    text-transform: capitalize;
    color: var(--primary);
}

.blog-main .blog-aside figure .cat-thumbnail {
    position: absolute;
    top: 30px;
    left: 30px;
    background: var(--secondary);
    color: #fff;
    font-size: 14px;
    padding: 1px 15px;
    border-radius: 13px;
}

.blog-main .blog-aside figure {
    position: relative;
}

.blog-main .posted {
    background: var(--primary);
    color: #fff;
    padding: 5px 15px 5px 15px;
    display: inline-block;
    border-radius: 8px;
}

.blog-main .blog-aside .posted {
    font-size: 14px;
    margin: 10px 0 10px 0;
}

.blog-main .blog-aside h5 {
    font-size: 25px;
    margin: 0 0 20px 0;
}

.blog-main .blog-aside h5 a {
    color: #222;
}

.blog-main p {
    font-size: 16px;
}

.blog-main .other-blogs {
    display: flex;
    margin: 0 0 30px 0;
}

.blog-main .other-blogs figure {
    width: 35%;
    padding: 0 15px 0 0;
}

.blog-main .other-blogs .other-contents-blog {
    width: 65%;
    padding: 0 0 0 15px;
}

.blog-main .other-blogs figure img {
    border-radius: 14px;
}

.blog-main .other-blogs .other-contents-blog p {
    margin: 0;
    font-size: 14px;
}

.blog-main .other-blogs .other-contents-blog .posted {
    font-size: 12px;
    margin: 0 0 10px 0;
    padding: 3px 10px;
}

.blog-main .other-blogs .other-contents-blog h5 a {
    color: #222;
}

.blog-main .row .col-md-6 .other-blogs:last-child {
    margin: 0;
}

.blog-main .blog-aside figure img {
    border-radius: 14px;
}

/*
====================================
Newsletter Styles
====================================
*/

.main-newsletter {
    padding: 80px 0;
    margin: 80px 0 0 0;
    position: relative;
}

.main-newsletter:before {
    content: '';
    height: 100%;
    width: 100%;
    background: #00000073;
    position: absolute;
    top: 0;
}

.main-newsletter .container {
    position: relative;
}

.main-newsletter .newsletter-title {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}

.main-newsletter .newsletter-title span {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    font-size: 14px;
}

.main-newsletter .newsletter-title h3 {
    color: #fff;
    font-size: 35px;
    margin: 0 0 20px 0;
}

.main-newsletter .newsletter-title p {
    color: #fff;
}

.main-newsletter form {
    position: relative;
    width: 55%;
    margin: 0 auto;
    margin-top: 50px;
}

.main-newsletter form button {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid transparent;
    padding: 19px 20px;
    background: var(--secondary);
    color: #fff;
    font-size: 14px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    transition: 0.4s;
}

.main-newsletter form button:hover {
    background: var(--primary);
    color: #fff;
}

.main-newsletter form input {
    padding: 15px 135px 15px 15px;
}

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

.main-newsletter .newsletter-note {
    margin: 20px 0 0 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.main-footer h4 {
    margin: 0 0 20px 0;
    font-size: 21px;
}

.main-footer .footer-associated ul li img {
    height: 50px;
    object-fit: contain;
}

.main-footer p {
    font-size: 14px;
}

.main-footer ul li {
    margin: 0 0 15px 0;
}

.main-footer ul li a,.main-footer ul li {
    color: #333;
    font-size: 14px;
}

.main-footer .footer-associated .associated-left {
    display: flex;
    align-items: center;
}

.main-footer .footer-associated ul {
    display: flex;
}

.main-footer .footer-associated {
    background: #f1f1f1;
    padding: 20px 0;
}

.main-footer .footer-associated .footer-associated-wrap {
    display: flex;
    justify-content: space-between;
}

.main-footer .footer-associated ul li {
    margin: 0 10px 0 0;
}

.main-footer .footer-associated {
    background: #f1f1f1;
    padding: 20px 0;
}

.main-footer .footer-associated .footer-associated-wrap {
    display: flex;
    justify-content: space-between;
}

.main-footer .footer-main {
    padding: 60px 0 0 0;
}

.main-footer .footer-associated h5 {
    font-size: 18px;
    margin: 0 10px 0 0;
}

.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    height: 45px;
    width: 45px;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    z-index: 1;
}

.main-footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.back-to-top i {
    font-size: 20px;
}

.main-footer .footer-associated .connect-right {
    display: flex;
    align-items: center;
}

.main-footer .footer-copyright ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #ddd;
}

.main-footer .social-footer {
    display: flex;
}

.main-footer .social-footer li {
    margin: 0 10px 0 0;
}

/*
====================================
Package Details Styles
====================================
*/

.breadcrumb-inner {
    margin: -80px 0 0 0;
    padding: 140px 0 40px 0;
    position: relative;
}

.details-navbar {
    width: 100%;
    overflow: hidden;
}

.details-navbar .container {
    overflow: hidden;
}

.details-navbar ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin: 0;
    padding: 0;
    list-style: none;

    /* Horizontal scrolling */
    overflow-x: auto;
    overflow-y: hidden;

    /* Keep everything in one line */
    white-space: nowrap;

    /* Smooth touch scrolling on mobile */
    -webkit-overflow-scrolling: touch;

    /* Hide scrollbar */
    scrollbar-width: none;
}

.details-navbar ul::-webkit-scrollbar {
    display: none;
}

.details-navbar li {
    flex: 0 0 auto;
}

.details-navbar .spy-link {
    display: block;
    white-space: nowrap;
    padding: 15px 0;
}

#videoModal .modal-body video {
    width: 100%;
    height: auto;
}

#videoModal .modal-body {
    padding: 0;
    background: #000;
}

.packagedetails-contents section {
    padding: 0 0;
}

.breadcrumb-inner:before {
    content: '';
    height: 100%;
    width: 100%;
    /* background: #00000073; */
    background: #000000b8;
    position: absolute;
    top: 0;
}

.breadcrumb-inner .breadcrumb-main {
    position: relative;
}

.breadcrumb-inner .breadcrumb-main h1 {
    text-align: center;
    color: #fff;
    font-size: 45px;
}

.breadcrumb-inner .breadcrumb-main ul {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.breadcrumb-inner .breadcrumb-main ul li,.breadcrumb-inner .breadcrumb-main ul li a {
    color: #fff;
}

.breadcrumb-inner .breadcrumb-main ul li a {
    position: relative;
}

.breadcrumb-inner .breadcrumb-main ul li a:after {
    content: '/';
    padding: 0 0 0 10px;
    color: #ddd;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal {
    display: flex;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal .map-modal,
.breadcrumb-inner .breadcrumb-main .breadcrumb-gal .video-modal {
    margin: 0 10px 0 0;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal button {
    background: #fff;
    color: #222;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    width: 84px;
    height: 38px;
    padding: 0;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal button i {
    margin: 0 5px 0 0;
    font-size: 16px;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal-share {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 100px 0 0 0;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal-share .breadcrumb-share .share-dropdown {
    display: none;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal-share .breadcrumb-share button {
    height: 35px;
    width: 35px;
    border: 1px solid transparent;
    border-radius: 50%;
}

.show-share-dropdown {
    display: block !important;
    position: absolute;
    background: #fff;
    width: 130px;
    padding: 10px;
    top: 50px;
    border-radius: 4px;
    z-index: 3;
}

.other-info {
    padding: 40px 0 0 0;
}

.share-dropdown ul {
    flex-direction: column;
}

.packagedetails-contents .details-navbar .active {  
    color: var(--primary);
    position: relative;
}

.packagedetails-contents .details-navbar .active:after {
    content: '';
    height: 3px;
    width: 50px;
    background: var(--primary);
    position: absolute;
    bottom: -1px;
    left: 26px;
    border-radius: 5px;
}   

.share-dropdown ul li a:after {
    display: none;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal-share .breadcrumb-share {
    position: relative;
}

.breadcrumb-inner .breadcrumb-main .breadcrumb-gal-share .breadcrumb-share .share-dropdown ul li a {
    color: #222;
}

.breadcrumb-inner .share-dropdown ul li {
    border-bottom: 1px solid #ddd;
    margin: 0 0 5px 0;
    padding: 0 0 5px 0;
}

.breadcrumb-inner .share-dropdown ul li span {
    font-size: 13px;
    margin: 0 0 0 10px;
    transition: 0.4s;
}

.breadcrumb-inner .share-dropdown ul li a:hover span {
    letter-spacing: 0.5px;
    color: var(--secondary);
}

.breadcrumb-inner .share-dropdown ul li:last-child{
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.packagedetails-contents .details-navbar ul {
    display: flex;
}

.packagedetails-contents .details-navbar ul li a {font-size: 14px;font-weight: 600;padding: 28px 25px 28px;display: inline-block;margin-right: 10px;color: #222;}

.packagedetails-contents .details-navbar {
    border-bottom: 1px solid #ddd;
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
}

.packagedetails-contents .overview {    
    padding: 40px 0 0 0;
}

.packagedetails-contents .overview h2 {
    margin: 0 0 10px 0;
    font-size: 27px;
}

.packagedetails-contents .overview .ratings ul {
    display: flex;
    gap: 7px;
    margin: 0 15px 0 0;
}

.packagedetails-contents .overview .ratings ul li i {
    color: #ffa11a;
}

.packagedetails-contents .overview .ratings {
    display: flex;
}

.packagedetails-contents .overview .ratings span {
    color: #8c8c8c;
    font-size: 14px;
}

.packagedetails-contents .package-thumbnails {
    margin: 30px 0 0 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0;
}

.packagedetails-contents .package-thumbnails ul {
    display: flex;
    flex-wrap: wrap;
}

.packagedetails-contents .package-thumbnails ul li {
    width: 33%;
    margin: 0 0 20px 0;
}

.packagedetails-contents .package-thumbnails ul li i {
    font-size: 22px;
    color: var(--secondary);
    margin: 0 15px 0 0;
}

.packagedetails-contents .package-thumbnails ul li span {font-size: 15px;}

.singlepackage-contents {
    padding: 40px 0 40px 0;
}

.singlepackage-contents h3 {
    margin: 0 0 20px 0;
}

.singlepackage-contents p:last-child {
    margin: 0;
}

.singlepackage-highlights,
.singlepackage-itinerary,
.singlepackage-costs,
.map,
.singlepackage-faq,
.singlepackage-gallery, 
.singlepackage-review {
    padding: 40px 0;
    border-top: 1px solid #ddd;
}

.singlepackage-highlights h4,
.singlepackage-itinerary .itinerary-title h4,
.singlepackage-faq h4,
.singlepackage-gallery h4,
.singlepackage-review h4 {
    margin: 0 0 20px 0;
    font-size: 28px;
}

.singlepackage-highlights ul li {
    margin: 0 0 15px 0;
    font-size: 16px;
    color: #64748B;
}

.singlepackage-highlights ul li i {
    color: #198754;
    margin: 0 5px 0 0;
}

.singlepackage-highlights ul li:last-child {
    margin: 0;
}

.singlepackage-itinerary .itinerary-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 20px 0;
}

.singlepackage-itinerary .accordion-item button {
    background: transparent;
    border: none;
    font-size: 21px;
    color: #222;
}

.singlepackage-itinerary .accordion-item {
    border: none;
    background: transparent;
    border-left: 2px dashed #ddd;
    border-radius: 0;
    padding: 0 0 30px 20px;
    position: relative;
}

.singlepackage-itinerary .accordion-item h2 {
    border: none;
}

.singlepackage-itinerary .accordion-item .itinerary-day {
    background: var(--secondary);
    height: 60px;
    display: inline-block;
    width: 60px;
    border-radius: 50%;
    position: absolute;
    left: -33px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 7px 0 0 0;
    border: 1px dashed;
}

.singlepackage-itinerary .accordion-item .itinerary-day small {
    display: block;
    font-size: 16px;
}

.singlepackage-itinerary .accordion-item button:focus {
    outline: none;
    box-shadow: none;
}


.singlepackage-costs h5 {
    font-size: 24px;
    margin: 0 0 20px 0;
}

.singlepackage-costs .costs-included {
    margin: 0 0 40px 0;
}

.singlepackage-costs ul li {
    margin: 0 0 15px 0;
}

.singlepackage-costs .costs-included ul li i {
    color: #198754;
}

.singlepackage-costs .costs-excluded ul li i {
    color: #dc3545;
}

.map figure button {
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: none;
}

.map figure button img {
    width: 100%;
    border-radius: 0;
}

.map h4 {
    margin: 0 0 20px 0;
    font-size: 28px;
}

.singlepackage-faq .accordion-item {
    margin: 0 0 20px 0;
    border: 1px solid #ddd;
    border-radius: 7px;
    background: transparent;
}

.singlepackage-faq .accordion-item button {
    background: transparent;
    border: none;
    box-shadow: none;
}

.singlepackage-faq .accordion-item button i {
    margin: 0 10px 0 0;
}

.singlepackage-faq .accordion-item button i {
    margin: 0 10px 0 0;
}

.singlepackage-faq .accordion-item button span {
    color: #222;
    font-size: 18px;
}

.singlepackage-gallery ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.singlepackage-gallery ul li:nth-child(1),
.singlepackage-gallery ul li:nth-child(4) {
    width: 59%;
}

.singlepackage-gallery ul li:nth-child(2),
.singlepackage-gallery ul li:nth-child(3) {
    width: 39%;
}

.singlepackage-gallery ul li img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    transition: 0.4s;
    filter: grayscale(0.6);
    cursor: pointer;
}

.singlepackage-gallery ul li img:hover {
    filter: grayscale(0);
}

.singlepackage-gallery ul p {
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #00000082;
    color: #fff;
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid;
    cursor: pointer;
}

.review-top {
    display: flex;
    border: 1px solid #ddd;
    padding: 30px;
    background: #FCFCFC;
    border-radius: 20px;
    align-items: center;
}

.review-top .top-rating {
    width: 40%;
    border-right: 1px solid #ddd;
    text-align: center;
}

.review-top ul {
    width: 60%;
    padding: 0 0 0 70px;
}

.review-top ul li {
    display: flex;
    justify-content: space-between;
    margin: 0 0 10px 0;
    align-items: center;
}

.review-top ul li span {
    width: 21%;
    font-size: 14px;
}

.review-top ul li .progress {
    width: 60%;
}

.review-top ul li strong {
    width: 10%;
}

.review-top ul li .progress {height: 4px;}

.review-top ul li .progress .progress-bar {
    background: var(--primary);
}

.review-top .top-rating p span {
    font-size: 30px;
    margin: 0 0 0 8px;
    font-weight: 600;
    color: var(--primary);
}

.review-top .top-rating p i {
    color: #FFB21D;
    font-size: 22px;
}

.review-top .top-rating p {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 0;
}

.review-top .top-rating h6 {
    font-size: 22px;
    margin: 10px 0;
}

.review-top .top-rating span {
    color: #5E6D77;
    font-size: 14px;
}

.packagedetails-contents .top-form {
    box-shadow: 0px 20px 35px rgba(0,0,0,.1);
    margin: -150px 0 0 0;
    background: #fff;
    position: relative;
    padding: 30px;
    border-radius: 7px;
    z-index: 1;
}


.packagedetails-contents .top-form h6 {
    font-size: 18px;
}

.packagedetails-contents .top-form .price-info .tooltip-icon {
    position: relative;
    margin: -30px 0 0 0;
    cursor: pointer;
}

.packagedetails-contents .top-form .price-info .tooltip-icon span {
    display: none;
}

.packagedetails-contents .top-form .price-info {
    display: flex;
    align-items: center;
}

.packagedetails-contents .top-form .price-info p {
    margin: 0 15px 0 10px;
    font-size: 32px;
    color: #222;
    font-weight: 700;
}

.packagedetails-contents .top-form .price-info small i {
    font-size: 23px;
    transform: rotate(
90deg);
    display: inline-block;
    margin-right: 15px;
}

.packagedetails-contents .top-form .price-info .tooltip-icon i {
    opacity: 0.4;
}

.packagedetails-contents .top-form .price-info .tooltip-icon:hover  span {
    display: block;
    position: absolute;
    top: -50px;
    font-size: 10px;
    width: 128px;
    background: #000;
    color: #fff;
    left: -15px;
    padding: 3px;
    border-radius: 4px;
}

.packagedetails-contents .top-form .form-tabs {
    padding: 40px 0 0 0;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs {
    border: none;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs li .active {
    border-radius: 0;
    border: 1px solid transparent;
    color: var(--primary);
    position: relative;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs li button {
    padding: 0 0 10px 0;
    color: #8c8c8c;
    font-size: 14px;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs li .active:after {
    content: '';
    height: 2px;
    width: 72px;
    background: var(--primary);
    position: absolute;
    bottom: 0;
    left: 10px;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs li button:hover {
    border: 1px solid transparent;
}

.packagedetails-contents .top-form .form-tabs .tab-content {
    padding: 30px 0 0 0;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs li {
    margin: 0 30px 0 0;
}

.packagedetails-contents .top-form .form-tabs .nav-tabs li:last-child {
    margin: 0;
}

.packagedetails-contents .whybookus {
    background: #fff;
    margin: 40px 0 0 0;
    padding: 20px;
    box-shadow: 0px 20px 35px rgba(0, 0, 0, .1);
    position: relative;
    border-radius: 7px;
}

.packagedetails-contents .whybookus h6 {
    font-size: 21px;
    margin: 0 0 20px 0;
}

.packagedetails-contents .whybookus ul li {
    margin: 0 0 15px 0;
    font-size: 15px;
}

.packagedetails-contents .emergency-contact {
    position: sticky;
    margin: 40px 0 0 0;
    border-radius: 7px;
    top: 100px;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: #f77e2edb;
    padding: 50px 40px 30px 40px;
    border-radius: 7px;
}

.packagedetails-contents .emergency-contact img {
    border-radius: 7px;
    height: 259px;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap h6 {
    color: #fff;
    font-size: 21px;
    margin: 0 0 20px 0;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap p {
    color: #fff;
    font-size: 14px;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap ul li {
    margin: 0 0 5px 0;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap ul li:last-child {
    margin: 0;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap ul li a {
    color: #fff;
    font-weight: 600;
    font-size: 14px;
}

.packagedetails-contents .emergency-contact .emergency-contact-wrap ul {
    margin: 20px 0 0 0;
}

.singlepackage-gallery ul li figure {
    overflow: hidden;
}

.singlepackage-gallery ul li figure:hover img {
    transform: scale(1.1);
}

.packagedetails-contents .top-form .form-tabs form .icon-form {
    margin: 0 0 40px 0;
    display: flex;
}

.packagedetails-contents .top-form .form-tabs form .icon-form i {
    color: var(--secondary);
    margin: 0 15px 0 0;
    font-size: 21px;
}

.packagedetails-contents .top-form .form-tabs form p {
    font-size: 14px;
    border-left: 1px solid #ddd;
    padding-left: 45px;
    margin-top: -14px;
    margin-bottom: 20px;
}

.packagedetails-contents .top-form .form-tabs form .icon-form select {
    border-radius: 0;
    padding: 15px 17px;
    font-size: 14px;
    color: #545454;
}

.packagedetails-contents .top-form .form-tabs form .icon-form button {
    background: var(--secondary);
    color: #fff;
    border: 1px solid transparent;
    width: 100%;
    padding: 18px 27px;
    border-radius: 4px;
    transition: 0.4s;
}

.packagedetails-contents .top-form .form-tabs form .icon-form button:hover {
    background: var(--primary);
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form label {
    font-size: 15px;
    margin: 0 0 8px 0;
    color: #64748B;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form input {
    border-radius: 0;
    padding: 15px 17px;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form .form-group {
    margin: 0 0 20px 0;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form button {
    background: var(--secondary);
    border: 1px solid transparent;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form input#checkDefault {
    padding: 0;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form .checkbox-formgroup {
    display: flex;
    gap: 10px;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form .checkbox-formgroup label {
    font-size: 13px;
}

.packagedetails-contents .top-form .form-tabs .inquiryform-wrap form .form-group:last-child {
    margin: 0;
}

.packagedetails-contents .reviews-all .reviews-title {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 40px 0;
    border-top: 1px solid #ddd;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #ddd;
}

.packagedetails-contents .reviews-all .reviews-title .left p {
    margin: 0;
    font-weight: 600;
    color: #222;
}

.packagedetails-contents .reviews-all .reviews-title .left {
    display: flex;
}

.packagedetails-contents .reviews-all .reviews-title .left ul {
    display: flex;
    margin: 0 0 0 10px;
}

.packagedetails-contents .reviews-all .reviews-title .left ul li {
    margin: 0 4px 0 0;
}

.packagedetails-contents .reviews-all .reviews-title .left ul li i {
    color: #ffb21d;
}

.packagedetails-contents .reviews-all .reviews-title .right {
    display: flex;
    width: 25%;
    align-items: center;
}

.packagedetails-contents .reviews-all .reviews-title .right strong {
    font-size: 14px;
    width: 85%;
}

.packagedetails-contents .reviews-all .reviews-title .right select {
    background: transparent;
    border-radius: 0;
    font-size: 14px;
    color: #64748B;
}

.packagedetails-contents .reviews-all .review-clientwrap {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding-bottom: 40px;
    padding-top: 40px;
}

.packagedetails-contents .reviews-all .review-clientwrap .review-left {padding: 0 50px 0 0;flex: 0 0 20%;text-align: center;}

.packagedetails-contents .reviews-all .review-clientwrap .review-right ul {
    display: flex;
    margin: 0 0 5px 0;
}

.packagedetails-contents .reviews-all .review-clientwrap .review-right ul li {
    margin: 0 3px 0 0;
    color: #ffb21d;
}

.packagedetails-contents .reviews-all .review-clientwrap .review-right span {
    color: #64748B;
    font-size: 14px;
}

.packagedetails-contents .reviews-all .review-clientwrap:nth-child(1) {
    padding: 0 !important;
}

.packagedetails-contents .reviews-all .review-clientwrap .review-left figure img {
    width: 100%;
    margin: 0 0 10px 0;
}

.packagedetails-contents .reviews-all .review-clientwrap .review-left h5 {
    font-size: 20px;
}

.packagedetails-contents .reviews-all .review-clientwrap .review-left span {
    font-size: 14px;
    color: #64748B;
}

.related-packages h4 {
    margin: 0 0 20px 0;
}

.related-packages .package-wrap .package-contents h4 {
    font-size: 21px;
}

.related-packages h3 {
    font-size: 28px;
    margin: 0 0 20px 0;
}

.related-packages p {
    font-size: 14px !important;
}

.related-packages .price {
    font-size: 21px !important;
}

.related-packages {
    padding: 60px 0 80px 0;
}

.other-info .saftey-faq h4 {
    font-size: 30px;
    margin: 0 0 20px 0;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item {
    margin: 0 0 20px 0;
    border: none;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .accordion-button {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    color: #222;
    font-size: 18px;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body {
    box-shadow: none;
    border: none;
    outline: none;
}

.other-info .emergency-info .emergencyinfo-wrap {
    position: relative;
    color: #fff;
    z-index: 1;
}

.other-info .emergency-info .emergencyinfo-wrap .top-altitudealert {
    display: flex;
    justify-content: space-between;
}

.other-info .emergency-info .emergencyinfo-wrap .top-altitudealert small {
    font-size: 14px;
}

.other-info .emergency-info .emergencyinfo-wrap .top-altitudealert span {
    background: #fff;
    color: #222;
    font-size: 11px;
    padding: 3px 5px;
    border-radius: 40px;
}

.other-info .emergency-info .emergencyinfo-wrap .top-altitudealert span i {
    margin: 0 0px 0 0;
    color: #dc3545;
}

.other-info .emergency-info .emergencyinfo-wrap h5 {
    font-size: 24px;
}

.other-info .emergency-info .emergencyinfo-wrap .top-alert p {
    font-size: 13px;
    color: #fff;
    margin: 0 0 10px 0;
}

.other-info .emergency-info .emergencyinfo-wrap .top-alert {
    background: #f77e2ee0;
    padding: 10px;
    border-radius: 7px;
    margin: 0 0 20px 0;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul li span {
    display: block;
    font-size: 12px;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul li p {
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul li {
    border-bottom: 1px solid #dddddd78;
    margin: 0 0 20px 0;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul li:last-child {
    margin: 0;
    border: none;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul {
    height: 255px;
    overflow: auto;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no h6 {
    margin: 0 0 20px 0;
    font-size: 16px;
}


.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul::-webkit-scrollbar {
  width: 10px;
}


.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 

.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul::-webkit-scrollbar-thumb {
  background: #888; 
}


.other-info .emergency-info .emergencyinfo-wrap .emergency-no ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no .emergency-buttons {
    margin: 30px 0 0 0;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no .emergency-buttons .btn {
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
    border-radius: 4px;
    padding: 15px 0;
    border: 1px solid transparent;
    transition: 0.4s;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no .emergency-buttons .btn:last-child {
    margin: 0;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no .emergency-buttons .btn-emergency {
    background: #dc3545;
}

.other-info .emergency-info .emergencyinfo-wrap .emergency-no .emergency-buttons .btn-download {
    background: #198754;
}

.other-info .gear-checklist .checklist-title img {
    height: 45px;
    object-fit: contain;
}

.other-info .gear-checklist .checklist-title h4 {
    text-align: center;
    font-size: 26px;
}

.other-info .gear-checklist {
    padding: 40px 0 0 0;
}

.other-info .gear-checklist .checklist-title {
    position: relative;
    text-align: center;
    margin: 0 0 40px 0;
}

.other-info .gear-checklist .checklist-title span {
    position: absolute;
    top: 5px;
    right: 0;
    background: #fff;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 27px;
    border: 1px solid #198754;
    color: #198754;
    font-weight: 600;
}

.other-info .gear-checklist .nav-pills {
    justify-content: center;
}

.other-info .gear-checklist .nav-pills li button {
    color: #64748B;
    border: 1px solid #ddd;
    font-size: 14px;
}

.other-info .gear-checklist .nav-pills li .active {
    background: #f77e2e2b;
    color: var(--secondary);
    border: 1px solid var(--secondary);
}

.other-info .gear-checklist .gearchecklist-tabs .row {
    margin-top: 50px;
}

.other-info .gear-checklist .gearchecklist-tabs .gearweight-info {
    text-align: center;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 7px;
}

.other-info .gear-checklist .gearchecklist-tabs .gearweight-info p {
    margin: 0;
}

.other-info .gear-checklist .gearchecklist-tabs .tabs-table table {
    width: 100%;
}

.other-info .gear-checklist .gearchecklist-tabs .tabs-table table thead {
    background: #f77e2e2b;
}

.other-info .gear-checklist .gearchecklist-tabs .tabs-table table thead tr th,.other-info .gear-checklist .gearchecklist-tabs .tabs-table table tbody tr td {
    padding: 10px 10px;
}

.other-info .gear-checklist .gearchecklist-tabs .tabs-table table thead tr th {
    font-size: 14px;
}

.gear-checklist .gearchecklist-tabs .tabs-table table tbody tr td strong {
    font-size: 14px;
}

.gear-checklist .gearchecklist-tabs .tabs-table table tbody tr td {
    font-size: 14px;
}

.other-info .gear-checklist .gearchecklist-tabs .tabs-table {
    background: #fff;
}

.other-info .gear-checklist .nav-pills .nav-item {
    margin: 0 40px 0 0;
}

.other-info .gear-checklist .nav-pills .nav-item:last-child {
    margin: 0;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .accordion-button:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body h6 {
    color: var(--primary);
    font-size: 18px;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body p {
    font-size: 14px;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body ul {
    padding: 0 0 0 20px;
    list-style: disc;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body ul li {
    margin: 0 0 5px 0;
    color: #64748B;
    font-size: 14px;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three {
    margin: 20px 0;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul {
    padding: 0;
    list-style: none;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul li {padding: 10px;border-radius: 10px;margin: 0 0 15px 0;}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul .mild {
    border: 1px dashed #198754;
    background: #19875412;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul li h6 {
    color: #222;
    font-size: 16px;
    margin: 0 0 10px 0;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul li p {
    margin: 0;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul .moderate {
    background: #ffc10726;
    border: 1px dashed #ffc107;
}

.other-info .saftey-faq .saftey-accordioninfo .accordion-item .collapse .accordion-body .saftey-accordion-three ul .severe {
    background: #dc35451c;
    border: 1px dashed #dc3545;
}

.other-info .emergency-info {
    padding: 25px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    position: sticky;
    top: 20px;
}

.other-info .emergency-info:after {
    content: '';
    height: 100%;
    width: 100%;
    background: #000000b5;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 12px;
}


/*
====================================
Package Page Styles
====================================
*/

.packages-page {
    padding: 80px 0;
}

.packages-page h2 {
    margin: 0 0 40px 0;
    text-align: center;
    font-size: 35px;
}

.packages-page .package-wrap {
    margin: 0 0 30px 0;
}

.breadcrumb-otherpages {
    padding: 200px 0 100px 0;
}

/*
====================================
Contact Page Styles
====================================
*/

.contactpage-map {
    margin: 0 0 80px 0;
}

.contact-page {
    padding: 80px 0;
}

.contact-page h2 {
    margin: 0 0 20px 0;
    text-align: center;
    font-size: 35px;
}

.contact-page .contacttop-thumbnails .thumb-contacts {
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 7px;
    height: 205px;
}

.contact-page .contacttop-thumbnails {
    margin: 0 0 60px 0;
}

.contact-page .contacttop-thumbnails .thumb-contacts h3 {
    font-size: 21px;
    margin: 20px 0 20px 0;
}

.contact-page .contacttop-thumbnails .thumb-contacts ul li {
    margin: 0 0 5px 0;
    font-size: 14px;
}

.contact-page .contacttop-thumbnails .thumb-contacts ul li a {
    color: #222;
    font-size: 14px;
}

.contact-page .contacttop-thumbnails .thumb-contacts .icon-contact {
    width: 50px;
    height: 50px;
    margin: 0 auto;
    background: #e6efff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.contact-page .contacttop-thumbnails .thumb-contacts .icon-contact i {
    color: var(--primary);
    font-size: 20px;
}

.contact-page form {
    background: #fff;
    padding: 30px;
    border-radius: 7px;
}

.contact-page form .form-group label {
    font-size: 14px;
    color: #64748B;
}

.contact-page form .form-group input {
    border-radius: 0;
    padding: 10px 10px;
    font-size: 14px;
}

.contact-page form .form-group {
    margin: 0 0 20px 0;
}

.contact-page form button {
    background: var(--secondary);
    border: 1px solid transparent;
    padding: 10px 20px;
    color: #fff;
    border-radius: 4px;
    transition: 0.4s;
}

.contact-page form button:hover {
    background: var(--primary);
}

.contactpage-form figure img {
    height: 425px;
    object-fit: cover;
    border-radius: 7px;
}


/*
====================================
Blog Page Styles
====================================
*/

.blog-page {
    padding: 80px 0 50px 0;
}

.blog-page h2 {
    margin: 0 0 40px 0;
    text-align: center;
    font-size: 35px;
}

.blog-page .blog-posts {
    background: #fff;
    border-radius: 7px;
    margin: 0 0 30px 0;
}

.blog-page .blog-posts .blogposts-contents {
    padding: 20px;
}

.blog-page .blog-posts .blogposts-contents ul li {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
}

.blog-page .blog-posts .blogposts-contents ul {
    margin: 0 0 20px 0;
}

.blog-page .blog-posts .blogposts-contents ul li img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin: 0 0px 0 0;
}

.blog-page .blog-posts .blogposts-contents ul li span,.blog-page .blog-posts .blogposts-contents ul li p {
    font-size: 14px;
    color: #64748B;
}

.blog-page .blog-posts .blogposts-contents ul li p {
    margin: 0;
}

.blog-page .blog-posts .blogposts-contents ul li .icon-left {
    margin: 0 10px 0 0;
}

.blog-page .blog-posts .blogposts-contents h3 {
    font-size: 24px;
    margin: 0 0 20px 0;
}

.blog-page .blog-posts .blogposts-contents h3 a {
    color: #222;
    transition: 0.4s;
}

.blog-page .blog-posts .blogposts-contents p {
    line-height: 1.7;
    margin: 0;
}

.blog-page .blog-posts figure,.blog-page .blog-posts figure img {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    transition: 0.4s;
}

.blog-page .blog-posts figure {
    overflow: hidden;
}

.blog-page .blog-posts:hover figure img {
    transform: scale(1.1);
}

.blog-page .blog-posts:hover h3 a {
    color: var(--secondary);
}

/*
====================================
Blog Single Page Styles
====================================
*/

.blogsingle-page {
    padding: 80px 0;
}

.blogsingle-page .col-md-8 figure {
    margin: 0 0 20px 0;
}

.blogsingle-page .col-md-8 figure img {
    border-radius: 7px;
}

.blogsingle-page .col-md-8 ul {
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
    list-style: disc;
}

.blogsingle-page .col-md-8 ul li {
    margin: 0 0 10px 0;
    color: #64748B;
}

.blogsingle-page .col-md-8  .note {
    background: #e2e2e2;
    padding: 30px;
    border-left: 3px solid;
    margin: 0 0 20px 0;
}

.blogsingle-page .col-md-8 .note p {
    margin: 0;
    font-style: italic;
}

.blogsingle-page .allshare-wrap {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 40px 0;
    align-items: center;
}

.blogsingle-page .allshare-wrap .share-details {
    display: flex;
    align-items: center;
}

.blogsingle-page .allshare-wrap .share-details ul {
    display: flex;
    gap: 10px;
}

.blogsingle-page .allshare-wrap .share-details h4 {
    margin: 0 10px 0 0;
    font-size: 21px;
}

.blogsingle-page .allshare-wrap .share-details ul img {
    filter: grayscale(1);
    height: 20px;
}

.blogsingle-page .allshare-wrap .blogdetails-btn .btn{
    border: 1px solid #222;
    color: #222;
    background: transparent;
    border-radius: 0;
    transition: 0.4s;
}

.blog-aside form {
    position: relative;
    margin: 0 0 20px 0;
}

.blog-aside .popular-posts h3 {
    font-size: 21px;
    margin: 0 0 10px 0;
}

.blog-aside form input {
    border-radius: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    background: transparent;
}

.blog-aside .popular-posts h3 {
    font-size: 21px;
    margin: 0 0 10px 0;
}

.blog-aside .popular-posts .posts-lists {
    display: flex;
    margin: 0 0 10px 0;
}

.blog-aside form  button {
    border: 1px solid transparent;
    padding: 0;
    background: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
}

.blog-aside .popular-posts .posts-lists figure {
    width: 40%;
    margin: 0 20px 0 0;
}

.blog-aside .popular-posts .posts-lists .aside-posts-contents h4 a {
    text-decoration: none;
    color: #222;
    font-size: 18px;
}

.blog-aside .popular-posts .posts-lists .aside-posts-contents h4 {
    margin: 0 0 0 0;
}

.blog-aside .popular-posts .posts-lists .aside-posts-contents p {
    margin: 0;
    font-size: 14px;
    opacity: 0.7;
}

.blog-aside form button img {
    opacity: 0.6;
    height: 17px;
}

.blog-aside .blog-tags {
    margin: 20px 0 0 0;
}

.blog-aside .blog-tags ul {
    display: flex;
    flex-wrap: wrap;
}

.blog-aside .blog-tags ul li {
    margin: 0 10px 10px 0;
}

.blog-aside .blog-tags ul li a {
    text-decoration: none;
    background: #f1f1f1;
    color: #222;
    padding: 5px 10px;
    display: inline-block;
    font-size: 13px;
    border: 1px solid #ddd;
}

.blog-aside .blog-tags h5 {
    font-size: 21px;
    margin: 0 0 10px 0;
}

.blogsingle-page .col-md-8 h2,
.blogsingle-page .col-md-8 h3,
.blogsingle-page .col-md-8 h4 {
    font-size: 28px;
    margin: 0 0 20px 0;
}

.blogsingle-page .col-md-8 p {
    margin: 20px 0;
}

.comment-blog h5 {
    font-size: 24px;
    margin: 0 0 20px 0;
}

.comment-blog form input,.blog-main .comment-blog form textarea {
    border: 1px solid #222;
    border-radius: 0;
}

.comment-blog form textarea {
    margin: 0 0 20px 0;
}

.comment-blog form button {
    width: 100%;
    padding: 10px 0;
    border: 1px solid #222;
    margin: 10px 0 0 0;
    background: transparent;
    transition: 0.4s;
}

.comment-blog form button:hover {
    background: var(--secondary-color);
    color: #fff;
}

.comment-blog form input, 
.comment-blog form textarea {
    border: 1px solid #222;
    border-radius: 0;
}

.comment-blog .terms-conditions {
    margin: 20px 0 0 0;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.blogsingle-page .col-md-8 p input {
    margin: 0 5px 0 0;
}

.blogsingle-page .allshare-wrap .share-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.blogsingle-page .allshare-wrap .share-details ul li {
    margin: 0;
}

.blogsingle-page .allshare-wrap .share-details ul li a {
    color: #64748B;
    transition: 0.4s;
}

.blogsingle-page .allshare-wrap .share-details ul li a:hover {
    color: #222;
}

/*
====================================
About Page Styles
====================================
*/

.about-page .about-main {
    padding: 80px 0 60px 0;
}

.about-page .about-main .about-aside span {
    color: var(--secondary);
    font-style: italic;
}

.about-page .about-main .about-aside h2 {
    font-size: 35px;
    margin: 0 0 20px 0;
}

.about-page .about-main figure img {
    border-radius: 7px;
}

.about-page .about-main figure {
    padding: 0 0 0 20px;
}

.about-page .whyus-about h3 {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 30px;
}

.about-page .whyus-about .why-thumb {
    text-align: center;
    background: #fff;
    padding: 20px;
    border-radius: 7px;
}

.about-page .whyus-about .why-thumb h4 {
    font-size: 18px;
    margin: 10px 0;
}

.about-page .whyus-about .why-thumb p {
    font-size: 14px;
}

.about-page .whyus-about .why-thumb figure {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    background: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.about-page .whyus-about .why-thumb figure img {
    height: 27px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.about-page .about-team {
    padding: 60px 0 80px 0;
}

.about-page .about-team h4 {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 30px;
}

.about-page .about-team .team-wrap img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    margin: 0 auto;
    border: 4px solid #fff;
    margin-bottom: 10px;
}

.about-page .about-team .team-wrap {
    text-align: center;
}

.about-page .about-team .team-wrap .team-contents h5 {
    color: var(--primary);
}

.about-page .about-team .team-wrap .team-contents p {
    margin: 0;
    font-size: 14px;
}

/*
====================================
Destination Page Styles
====================================
*/
.destinations-page .destination-top {
    padding: 80px 0 0 0;
    margin: 0 0 60px 0;
}

.destinations-page .destination-top span {
    color: var(--secondary);
    font-style: italic;
}

.destinations-page .destination-top  h2 {
    font-size: 35px;
    margin: 0 0 20px 0;
}

.destinations-page .destination-filter {
    background: #fff;
    padding: 20px;
    margin: 0 0 60px 0;
}

.destinations-page .destination-filter select {
    background: transparent;
    font-size: 14px;
    padding: 15px 15px;
}

.destinations-page .destination-listsing {
    padding: 0 0 50px 0;
}

.destinations-page .destination-filter button {
    width: 100%;
    background: var(--secondary);
    color: #fff;
    border: 1px solid transparent;
    padding: 15px 0;
    border-radius: 4px;
}

.destination-listsing .package-wrap {
    margin: 0 0 30px 0;
}

/*
====================================
Activity Page Styles
====================================
*/

.activities-page .activity-top {
    padding: 80px 0 0 0;
    margin: 0 0 60px 0;
}

.activities-page .activity-top span {
    color: var(--secondary);
    font-style: italic;
}

.activities-page .activity-top  h2 {
    font-size: 35px;
    margin: 0 0 20px 0;
}

.activities-page .activity-filter {
    background: #fff;
    padding: 20px;
    margin: 0 0 60px 0;
}

.activities-page .activities-listsing {
    padding: 0 0 50px 0;
}

.activities-page .activity-filter select {
    background: transparent;
    font-size: 14px;
    padding: 15px 15px;
}

.activities-page .activity-filter button {
    width: 100%;
    background: var(--secondary);
    color: #fff;
    border: 1px solid transparent;
    padding: 15px 0;
    border-radius: 4px;
}

.activities-listsing .package-wrap {
    margin: 0 0 30px 0;
}


/*
====================================
Destination Detail Page Styles
====================================
*/

.destination-gal ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.destinationdetail-page .related-destinations {
    padding: 0 0 50px 0;
}

.destinationdetail-page .related-destinations .package-wrap .package-contents h4 {
    font-size: 24px;
}

.destination-gal ul li:nth-child(1),
.destination-gal ul li:nth-child(4) {
    width: 59%;
}

.destination-gal ul li:nth-child(2),
.destination-gal ul li:nth-child(3) {
    width: 39%;
}

.destination-gal ul li img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    transition: 0.4s;
    filter: grayscale(0.6);
    cursor: pointer;
}

.destination-gal ul li img:hover {
    filter: grayscale(0);
}

.destination-gal ul p {
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #00000082;
    color: #fff;
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid;
    cursor: pointer;
}

.destinationdetail-page .destinationdetail-topinfo {
    padding: 80px 0 60px 0;
}

.destinationdetail-page .destination-map {
    padding: 0 0 60px 0;
}

.destinationdetail-page .destination-gal {
    padding: 0 0 60px 0;
}

.destinationdetail-page .related-destinations .package-wrap {
    margin: 0 0 30px 0;
}

.destinationdetail-page .destination-gal h3,
.destinationdetail-page .related-destinations h4 {
    margin: 0 0 20px 0;
    font-size: 28px;
}

/*
====================================
Activity Detail Page Styles
====================================
*/

.activities-gal ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.activitiedetail-page .related-activities {
    padding: 0 0 50px 0;
}

.activities-gal ul li:nth-child(1),
.activities-gal ul li:nth-child(4) {
    width: 59%;
}

.activities-gal ul li:nth-child(2),
.activities-gal ul li:nth-child(3) {
    width: 39%;
}

.activities-gal ul li img {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 7px;
    transition: 0.4s;
    filter: grayscale(0.6);
    cursor: pointer;
}

.activities-gal ul li img:hover {
    filter: grayscale(0);
}

.activities-gal ul p {
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #00000082;
    color: #fff;
    padding: 10px 10px;
    border-radius: 4px;
    border: 1px solid;
    cursor: pointer;
}

.activitiedetail-page .activitiedetail-topinfo {
    padding: 80px 0 60px 0;
}

.activitiedetail-page .activities-gal {
    padding: 0 0 60px 0;
}

.related-activities .package-wrap {
    margin: 0 0 30px 0;
}

.activitiedetail-page .activities-gal h3,
.related-activities h4{
    margin: 0 0 20px 0;
    font-size: 28px;
}


/*
====================================
Responsive Styles
====================================
*/

@media (max-width: 1200px){
   .main-banner .banner-contents .bannercontents-wrap {
        width: 50%;
    }
    .other-info .emergency-info .emergencyinfo-wrap .top-altitudealert span {
        font-size: 10px;
    }
}

@media (min-width: 992px){
    #navbarSupportedContent .close-menu,
    .desktop-hide,
    .hide-on-desktop {
        display: none;
    }
}

@media (max-width: 992px){
    .main-banner .banner-contents .bannercontents-wrap {
        width: 71%;
    }
    .main-destination .destination-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .main-destination .destination-item {
        flex: none !important;
        width: 100%;
        height: 360px;
        transition: none !important;
    }
    .main-destination .destination-item:hover {
        flex: none;
    }

    .main-destination .destination-wrapper:hover .destination-item:not(:hover) {
        flex: none;
    }

    .main-destination .destination-item img {
        transition: transform .5s ease;
    }

    .main-destination .destination-item:hover img {
        transform: scale(1.05);
    }
    .main-header .topmobile-menu {
        display: flex;
        justify-content: space-between;
        padding: 20px;
        box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
        align-items: center;
    }

    .main-header .topmobile-menu .menu-contactburger {
        display: flex;
        align-items: center;
    }

    .main-header .topmobile-menu .menu-contactburger #chat-btn {
        margin: 0 10px 0 0;
    }
    .packagedetails-contents .emergency-contact img {
        height: 230px;
        width: 100%;
        object-fit: cover;
    }
    .main-header .topmobile-menu .menu-contactburger .close-menu {
        cursor: pointer;
    }
    .main-header .topmobile-menu .menu-contactburger .close-menu i {
        color: #808080;
        font-size: 20px;
    }
    .other-info .emergency-info .emergencyinfo-wrap .top-altitudealert span {
        font-size: 12px;
    }
    .related-packages .package-wrap .package-contents h4 {
        font-size: 16px;
        margin: 0 0 10px 0;
    }
    .searchbar-mobile {
        margin: 10px 0;
        padding: 20px;
    }

    .searchbar-mobile form {
        position: relative;
    }
    .main-header .topmobile-menu .menu-contactburger #chat-btn i {
        color: #808080;
        font-size: 20px;
    }
    .searchbar-mobile form button {
        position: absolute;
        padding: 0 0;
        border: 1px solid transparent;
        background: transparent;
        font-size: 18px;
        left: 5px;
        top: 0;
        color: #808080;
        padding: 7px 0;
    }

    .searchbar-mobile form input {
        border: 1px solid #ddd;
        padding: 10px 5px 10px 30px;
        width: 100%;
        border-radius: 4px;
        font-size: 12px;
    }
    .about-us .section-title {
        width: 100%;
        padding: 40px 0 0 0;
    }
    .packagedetails-contents .top-form {
        margin: 0;
    }
    .main-footer .footer-associated .footer-associated-wrap {
        flex-direction: column;
    }
    .main-footer .footer-associated .associated-left {
        margin: 0 0 20px 0;
        justify-content: center;
    }
    .main-footer .footer-associated .connect-right {
        justify-content: center;
    }
    .main-header .navbar .navbar-toggler {
        filter: brightness(0) invert(1);
        padding: 0;
        border: none;
    }
    .destinations-page .destination-filter button,
    .activities-page .activity-filter button {
        font-size: 12px;
    }
    .main-header .navbar-nav li a {
        color: #222;
    }
    .main-header .show {
        right: 0 !important;
    }
    #navbarSupportedContent {
        position: fixed;
        right: -1000px;
        background: #fff;
        height: 100dvh;
        top: 0;
        transition: 0.4s;
        width: 310px;
        overflow: auto;
    }
    /* #navbarSupportedContent .close-menu {
        position: absolute;
        right: 5px;
        top: 10px;
        z-index: 1;
        cursor: pointer;
    } */
    .main-header .search-header .search-top {
        display: none;
    }
    .main-header .search-header {
        padding: 0 15px;
        display: none;
    }
    .main-header .navbar-nav li {
        margin: 0;
    }
    #navbarSupportedContent h4 {
        font-size: 14px;
        border-bottom: 1px solid #ddd;
        margin: 0 0 10px 0;
        padding: 0 0 10px 20px;
        font-family: 'Inter';
        color: #808080;
        text-transform: uppercase;
    }

    #navbarSupportedContent .same-menudesign ul {
        padding: 0 0 0 21px;
    }

    #navbarSupportedContent .same-menudesign ul li a,#navbarSupportedContent .navbar-nav li a {
        color: #222;
        font-size: 14px;
        font-weight: 600;
    }

    #navbarSupportedContent .same-menudesign {
        margin: 0 0 40px 0;
    }

    #navbarSupportedContent .same-menudesign ul li {
        margin: 0 0 10px 0;
    }

    #navbarSupportedContent .navbar-nav {
        padding: 0 0 0 20px;
        margin: 0 !important;
    }

    .social-header-menu ul li {
        margin: 0 10px 0 0;
    }

    .social-header-menu ul li:last-child {
        margin: 0;
    }

    .social-header-menu {
        display: flex;
        justify-content: space-between;
        padding: 5px 20px 5px 20px;
        margin: 10px 0 0 0;
        align-items: center;
        background: #f1f1f1;
    }

    .social-header-menu h5 {
        font-family: 'Inter';
        font-size: 14px;
        color: #808080;
        margin: 0;
    }

    .social-header-menu ul {
        display: flex;
    }

    .social-header-menu ul li a {
        color: #808080;
        font-size: 14px;
    }
}

@media (max-width: 768px){
    .main-banner .banner-contents .bannercontents-wrap {
        width: 100%;
    }
    .main-banner .banner-contents .bannercontents-wrap h1 {
        font-size: 44px;
    }
    .main-banner .banner-social {
        display: none;
    }
    .destinations-page .destination-filter select,
    .activities-page .activity-filter select {
        margin: 0 0 20px 0;
        padding: 10px;
    }
    .destinations-page .destination-filter button,
    .activities-page .activity-filter button {
        font-size: 14px;
    }
    .breadcrumb-inner .breadcrumb-main h1 {
        font-size: 35px;
    }
    .section-title h2,
    .destinations-page .destination-top h2,
    .activities-page .activity-top h2,
    .about-page .about-main .about-aside h2,
    .about-page .whyus-about h3,
    .about-page .about-team h4,
    .contact-page h2 {
        font-size: 28px;
    }
    .about-page .about-main figure {
        padding: 0;
    }
    .blog-page h2 {
        margin: 0 0 20px 0;
        font-size: 28px;
    }
    .blog-page .blog-posts .blogposts-contents ul {
        margin: 0 0 10px 0;
    }
    .contactpage-form figure img {
        display: none;
    }
    .related-packages p {
        font-size: 16px !important;
    }
    .about-page .whyus-about .why-thumb,
    .about-page .about-team .team-wrap,
    .contact-page .contacttop-thumbnails .thumb-contacts {
        margin: 0 0 30px 0;
        height: auto;
    }
    .about-page .whyus-about .row .col-md-3:last-child .why-thumb,
    .about-page .about-team .row .col-md-3:last-child .team-wrap,
    .contact-page .contacttop-thumbnails .row .col-md-4:last-child .thumb-contacts, {
        margin: 0;
    }
    .blog-page .blog-posts .blogposts-contents h3 {
        font-size: 21px;
        margin: 0 0 10px 0;
    }
    .package-wrap .package-contents h4 {
        font-size: 21px;
        margin: 0 0 10px 0;
    }
    .call-to-action .cta-title {
        flex-direction: column;
    }
    .call-to-action .cta-title .title-left {
        width: 100%;
        flex-direction: column;
    }
    .call-to-action .cta-title .title-left figure {
        height: 70px;
        width: 70px;
        margin: 0 0 20px 0;
    }
    .call-to-action .cta-title .btn-right {
        width: 100%;
        text-align: left;
    }
    .call-to-action .cta-title .title-left .left-contents h3 {
        font-size: 28px;
    }
    .call-to-action .cta-thumbnails {
        display: none;
    }
    .main-newsletter .newsletter-title {
        width: 100%;
    }
    .main-newsletter form {
        width: 100%;
        margin: 0 auto;
        margin-top: 0;
    }
    .main-newsletter .newsletter-note {
        margin: 10px 0 0 0;
    }
    .main-footer .footer-main .row .col-md-3 {
        margin: 0 0 30px 0px;
    }

    .main-footer .footer-main .row .col-md-3:last-child {
        margin: 0;
    }
    .main-footer .footer-copyright ul {
        align-items: self-start;
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
        flex-direction: column;
    }
    .main-footer ul li {
        margin: 0 0 10px 0;
    }
    .related-packages .package-wrap {
        margin: 0 0 30px 0;
    }
    .related-packages .row .col-md-4:last-child .package-wrap {
        margin: 0;
    }
    .related-packages .package-wrap .package-contents h4 {
        font-size: 21px;
    }
    .other-info .gear-checklist .nav-pills .nav-item {
        margin: 0 20px 0 0;
    }
}

@media (max-width: 576px){
    .main-footer .footer-associated h5,
    .container_mouse {
        display: none;
    }
    .packagedetails-contents .package-thumbnails ul li {
        width: 50%;
        margin: 0 0 10px 0;
    }
    .main-banner .banner-contents .bannercontents-wrap h1 {
        font-size: 30px;
    }
    .main-banner .banner-contents .bannercontents-wrap span {
        font-size: 28px;
    }
    #navbarSupportedContent {
        width: 260px;
    }
     .main-destination .destination-wrapper {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .main-destination .destination-item {
        height: 350px;
    }

    .main-destination .content {
        left: 20px;
        bottom: 20px;
    }

    .packagedetails-contents .package-thumbnails ul li span {
        font-size: 13px;
    }
    .packagedetails-contents .package-thumbnails ul li i {
        font-size: 18px;
        margin: 0 5px 0 0;
    }
    .singlepackage-itinerary .accordion-item{
        padding: 0 0 30px 40px;
    }
    .singlepackage-itinerary .accordion-item .itinerary-day {
        left: 0;
    }
    .packagedetails-contents .reviews-all .review-clientwrap .review-left {
        padding: 0;
        flex: 0 0 100%;
        text-align: center;
    }
    .packagedetails-contents .reviews-all .review-clientwrap {
        flex-direction: column;
        text-align: center;
    }
    .packagedetails-contents .reviews-all .review-clientwrap .review-right ul {
        justify-content: center;
    }
    
    .packagedetails-contents .reviews-all .review-clientwrap .review-left figure img {
        width: 100px;
        margin: 0 0 10px 0;
        height: 100px;
        object-fit: contain;
    }
    .packagedetails-contents .reviews-all .reviews-title {
        justify-content: space-between;
        flex-direction: column;
    }
    .packagedetails-contents .reviews-all .reviews-title .left {
        display: flex;
        margin: 0 0 20px 0;
    }
    .packagedetails-contents .reviews-all .reviews-title .right {
        display: flex;
        width: 35%;
        align-items: center;
    }
    .packagedetails-contents .top-form .form-tabs form .icon-form button {
        font-size: 14px;
    }
    .packagedetails-contents .emergency-contact .emergency-contact-wrap {
        padding: 30px;
    }
    .packagedetails-contents .emergency-contact .emergency-contact-wrap h6 {
        margin: 0 0 10px 0;
    }
    .packagedetails-contents .emergency-contact .emergency-contact-wrap ul {
        margin: 10px 0 0 0;
    }
    .other-info .gear-checklist .checklist-title span {
        position: initial;
    }
    .singlepackage-gallery ul li:nth-child(1), .singlepackage-gallery ul li:nth-child(4),.singlepackage-gallery ul li:nth-child(2), .singlepackage-gallery ul li:nth-child(3) {
        width: 100%;
    }
    .main-footer .footer-associated .associated-left {
        margin: 0;
        justify-content: flex-start;
    }
    .main-footer .footer-associated .connect-right {
        display: none;
    }
    .review-top {
        flex-direction: column;
    }
    .review-top .top-rating {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .review-top ul {
        width: 100%;
        padding: 0;
    }
    .review-top .top-rating {
        border: none;
    }
    .review-top {
        padding: 10px;
    }
}