@charset "UTF-8";
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  1.variables
============================*/
@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:opsz,wght@6..144,1..1000&display=swap');
/*============================
  13.font
============================*/
/*@import url('https://fonts.googleapis.com/css2?family=SN+Pro:ital,wght@0,200..900;1,200..900&display=swap');*/
/*============================
  2.mixins
============================*/
header {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  3.rangepicker-plugin
============================*/
.daterangepicker .ranges li.active {
  background-color: #084d2a;
}
.daterangepicker td.active {
  background-color: #084d2a;
}
.daterangepicker td.active:hover {
  background-color: #084d2a;
}

.daterange-wraper .date-range {
  padding-left: 30px;
  font-size: 14px;
  color: #393F4D;
  border: 0;
  min-height: auto;
  height: 36px;
  border: 0;
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
}
.daterange-wraper .date-range:focus {
  border-left: 0;
}
.daterange-wraper .cal-icon-date {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.ql-container.ql-snow {
  border-color: #E4EBF1;
  border-radius: 0 0 4px 4px;
}

.ql-bubble {
  border: 1px solid #E4EBF1;
  border-radius: 4px;
}

.ql-toolbar span {
  outline: none !important;
  color: #393F4D;
}
.ql-toolbar span:hover {
  color: #084d2a !important;
}
.ql-toolbar.ql-snow {
  border-color: #E4EBF1;
  border-radius: 4px 4px 0 0;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}

.ql-snow .ql-stroke,
.ql-snow .ql-script,
.ql-snow .ql-strike svg {
  stroke: #393F4D;
}
.ql-snow .ql-fill {
  fill: #393F4D;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #393F4D;
}

.ql-snow .ql-picker-options {
  background-color: #FFF;
  border-color: #E4EBF1 !important;
}

/******* Base *******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  4.base
============================*/
body {
   font-family: "Montserrat", "Inter", sans-serif;
  font-size: 16px;
  color: #4E5561;
  line-height: 1.5;
  background-color: #fff;
  /* `clip` (not hidden/auto) keeps position:sticky nav working on scroll */
  overflow-x: clip;
}
@media (max-width: 991.98px) {
  body {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 14px;
  }
}

::selection {
  background: #084d2a;
  color: #FFF;
  text-shadow: none;
}

img {
  max-width: 100%;
  height: auto;
}

* {
  outline: none;
}

button {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
button:focus {
  box-shadow: none !important;
}

p {
  margin-bottom: 10px;
}
p:last-child {
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #111827;
  /* Site-wide heading typeface — matches the homepage & kizza-tours system */
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  margin-bottom: 20px;
}

ol, ul {
  list-style: none;
  margin-block-end: 0;
  padding: 0;
}

ul {
  list-style: square;
  margin: 0.95em 1.5em;
}
ul.list-disc {
  list-style: disc;
  padding-left: 15px;
}
ul.list-disc ul {
  list-style-type: circle;
}
ul.list-decimal {
  list-style: decimal;
  padding-left: 15px;
}
ul.list-decimal ul {
  list-style-type: decimal;
}
ul.list-icon {
  list-style: none;
  padding-left: 0;
}
ul.list-icon > li {
  padding-left: 1.875rem;
  counter-increment: li;
}
ul.list-icon > li i,
ul.list-icon > li .feather-icon,
ul.list-icon > li .svg-icon {
  display: inline-block;
  height: 20px;
  width: 20px;
  text-align: center;
  margin-left: -1.25rem;
  position: relative;
  left: -10px;
  padding: 1px;
  top: -1px;
}
ul.list-icon > li i {
  font-size: 20px;
  top: 5px;
}
ul .btn-primary:not(:disabled):not(.disabled):active:focus, ul .btn-primary:not(:disabled):not(.disabled).active:focus {
  box-shadow: none;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  5.background
============================*/
.bg-primary {
  background-color: #084d2a !important;
}

.bg-secondary {
  background-color: #074682 !important;
}

.bg-info {
  background-color: #155EEF !important;
}

.bg-success {
  background-color: #04BD6C !important;
}

.bg-warning {
  background-color: #FFCA18 !important;
}

.bg-danger {
  background-color: #FF0000 !important;
}

.bg-dark {
  background-color: #212E47 !important;
}

.bg-light {
  background-color: #E4EBF1 !important;
}

.bg-white {
  background-color: #FFF;
}

.bg-pink {
  background-color: #DD2590 !important;
}

.bg-indigo {
  background-color: #3538CD !important;
}

.bg-pink-100 {
  background-color: #FFECF4 !important;
}

.bg-purple {
  background-color: #6938EF !important;
}

.bg-purple-100 {
  background-color: #EDEDFF !important;
}

.bg-gray {
  background: #F1F4F7;
}

.bg-primary {
  background-color: #084d2a !important;
}
.bg-primary.bg-opacity-10 {
  background-color: rgba(207, 52, 37, 0.1) !important;
}
.bg-primary.bg-opacity-25 {
  background-color: rgba(207, 52, 37, 0.25) !important;
}
.bg-primary.bg-opacity-50 {
  background-color: rgba(207, 52, 37, 0.5) !important;
}
.bg-primary.bg-opacity-75 {
  background-color: rgba(207, 52, 37, 0.75) !important;
}
.bg-primary.bg-opacity-100 {
  background-color: #084d2a !important;
}

.bg-secondary {
  background-color: #074682 !important;
}
.bg-secondary.bg-opacity-10 {
  background-color: rgba(152, 170, 48, 0.1) !important;
}
.bg-secondary.bg-opacity-25 {
  background-color: rgba(152, 170, 48, 0.25) !important;
}
.bg-secondary.bg-opacity-50 {
  background-color: rgba(152, 170, 48, 0.5) !important;
}
.bg-secondary.bg-opacity-75 {
  background-color: rgba(152, 170, 48, 0.75) !important;
}
.bg-secondary.bg-opacity-100 {
  background-color: #074682 !important;
}

.bg-info {
  background-color: #155EEF !important;
}
.bg-info.bg-opacity-10 {
  background-color: rgba(21, 94, 239, 0.1) !important;
}
.bg-info.bg-opacity-25 {
  background-color: rgba(21, 94, 239, 0.25) !important;
}
.bg-info.bg-opacity-50 {
  background-color: rgba(21, 94, 239, 0.5) !important;
}
.bg-info.bg-opacity-75 {
  background-color: rgba(21, 94, 239, 0.75) !important;
}
.bg-info.bg-opacity-100 {
  background-color: #155eef !important;
}

.bg-success {
  background-color: #04BD6C !important;
}
.bg-success.bg-opacity-10 {
  background-color: rgba(4, 189, 108, 0.1) !important;
}
.bg-success.bg-opacity-25 {
  background-color: rgba(4, 189, 108, 0.25) !important;
}
.bg-success.bg-opacity-50 {
  background-color: rgba(4, 189, 108, 0.5) !important;
}
.bg-success.bg-opacity-75 {
  background-color: rgba(4, 189, 108, 0.75) !important;
}
.bg-success.bg-opacity-100 {
  background-color: #04bd6c !important;
}

.bg-warning {
  background-color: #FFCA18 !important;
}
.bg-warning.bg-opacity-10 {
  background-color: rgba(255, 202, 24, 0.1) !important;
}
.bg-warning.bg-opacity-25 {
  background-color: rgba(255, 202, 24, 0.25) !important;
}
.bg-warning.bg-opacity-50 {
  background-color: rgba(255, 202, 24, 0.5) !important;
}
.bg-warning.bg-opacity-75 {
  background-color: rgba(255, 202, 24, 0.75) !important;
}
.bg-warning.bg-opacity-100 {
  background-color: #ffca18 !important;
}

.bg-danger {
  background-color: #FF0000 !important;
}
.bg-danger.bg-opacity-10 {
  background-color: rgba(255, 0, 0, 0.1) !important;
}
.bg-danger.bg-opacity-25 {
  background-color: rgba(255, 0, 0, 0.25) !important;
}
.bg-danger.bg-opacity-50 {
  background-color: rgba(255, 0, 0, 0.5) !important;
}
.bg-danger.bg-opacity-75 {
  background-color: rgba(255, 0, 0, 0.75) !important;
}
.bg-danger.bg-opacity-100 {
  background-color: red !important;
}

.bg-dark {
  background-color: #212E47 !important;
}
.bg-dark.bg-opacity-10 {
  background-color: rgba(33, 46, 71, 0.1) !important;
}
.bg-dark.bg-opacity-25 {
  background-color: rgba(33, 46, 71, 0.25) !important;
}
.bg-dark.bg-opacity-50 {
  background-color: rgba(33, 46, 71, 0.5) !important;
}
.bg-dark.bg-opacity-75 {
  background-color: rgba(33, 46, 71, 0.75) !important;
}
.bg-dark.bg-opacity-100 {
  background-color: #212e47 !important;
}

.bg-light {
  background-color: #E4EBF1 !important;
}
.bg-light.bg-opacity-10 {
  background-color: rgba(228, 235, 241, 0.1) !important;
}
.bg-light.bg-opacity-25 {
  background-color: rgba(228, 235, 241, 0.25) !important;
}
.bg-light.bg-opacity-50 {
  background-color: rgba(228, 235, 241, 0.5) !important;
}
.bg-light.bg-opacity-75 {
  background-color: rgba(228, 235, 241, 0.75) !important;
}
.bg-light.bg-opacity-100 {
  background-color: #e4ebf1 !important;
}

.bg-cyan {
  background-color: #06AED4 !important;
}

.bg-primary {
  background-color: #084d2a !important;
  border: 1px solid #084d2a !important;
  color: #FFF;
}

.bg-secondary {
  background-color: #074682 !important;
  border: 1px solid #074682 !important;
  color: #FFF;
}

.bg-success {
  background-color: #04BD6C !important;
  border: 1px solid #04BD6C !important;
  color: #FFF;
}

.bg-info {
  background-color: #155EEF !important;
  border: 1px solid #155EEF !important;
  color: #FFF;
}

.bg-teal {
  background-color: #0E9384 !important;
  border: 1px solid #0E9384 !important;
  color: #FFF;
}

.bg-warning {
  background-color: #FFCA18 !important;
  border: 1px solid #FFCA18 !important;
  color: #FFF;
}

.bg-danger {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
  color: #FFF;
}

.bg-dark {
  background-color: #212E47 !important;
  border: 1px solid #212E47 !important;
  color: #FFF;
}

.bg-light {
  background-color: #E4EBF1 !important;
  border: 1px solid #E4EBF1 !important;
  color: #FFF;
}

.bg-black {
  background-color: #000 !important;
  border: 1px solid #000 !important;
  color: #FFF;
}

.bg-purple {
  background-color: #6938EF !important;
  border: 1px solid #6938EF !important;
  color: #FFF;
}

.bg-pink {
  background-color: #DD2590 !important;
  border: 1px solid #DD2590 !important;
  color: #FFF;
}

.bg-soft-primary {
  background-color: #FBDCD7;
  color: #084d2a;
}

.bg-soft-secondary {
  background-color: #D4E8C9;
  color: #074682;
}

.bg-soft-success {
  background-color: #A4EBC4;
  color: #04BD6C;
}

.bg-soft-danger {
  background-color: #FFC8BD;
  color: #FF0000;
}

.bg-soft-warning {
  background-color: #FFF0CA;
  color: #FFCA18;
}

.bg-soft-info {
  background-color: rgba(21, 94, 239, 0.3);
  color: #155EEF;
}

.bg-soft-light {
  background-color: rgba(228, 235, 241, 0.9);
  color: #4E5561;
}

.bg-soft-dark {
  background-color: rgba(33, 46, 71, 0.3);
  color: #FFF;
}

.bg-light {
  color: #4E5561;
}

.bg-primary-gradient {
  background: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%) !important;
  color: #FFF;
}

.bg-secondary-gradient {
  background: linear-gradient(90deg, #FF0098 0%, #FFD24D 53.5%, #00AAE6 100%) !important;
  color: #FFF;
}

.bg-warning-gradient {
  background: linear-gradient(180deg, #FEF8EA 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-info-gradient {
  background: linear-gradient(180deg, #E7F1FC 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-success-gradient {
  background: linear-gradient(180deg, #E8F9E8 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-danger-gradient {
  background: linear-gradient(180deg, #FDE9ED 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-purple-gradient {
  background: linear-gradient(to right, #6938EF 0%, #9b25b7 100%) !important;
  color: #FFF;
}

.bg-teal-gradient {
  background: linear-gradient(180deg, #E6F9FF 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-light-gradient {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.47) 0%, #FFFFFF 100%) !important;
  color: #000;
}

.bg-dark-gradient {
  background: linear-gradient(180deg, #F3F6FF 0%, #FFFFFF 100%) !important;
  color: #FFF;
}

.bg-outline-primary {
  background-color: #FFF;
  border: 1px solid #084d2a;
  color: #084d2a;
}

.bg-outline-secondary {
  background-color: #FFF;
  border: 1px solid #074682;
  color: #074682;
}

.bg-outline-warning {
  background-color: #FFF;
  border: 1px solid #FFCA18;
  color: #FFCA18;
}

.bg-outline-info {
  background-color: #FFF;
  border: 1px solid #155EEF;
  color: #155EEF;
}

.bg-outline-success {
  background-color: #FFF;
  border: 1px solid #04BD6C;
  color: #04BD6C;
}

.bg-outline-danger {
  background-color: #FFF;
  border: 1px solid #FF0000;
  color: #FF0000;
}

.bg-outline-dark {
  background-color: #FFF;
  border: 1px solid #212E47;
  color: #212E47;
}

.bg-outline-light {
  background-color: #FFF;
  border: 1px solid #E4EBF1 !important;
  color: #000 !important;
}

.bg-primary-transparent {
  background-color: #FEEDEB !important;
  color: #084d2a !important;
}
.bg-primary-transparent:hover {
  background-color: #FEEDEB !important;
  color: #084d2a !important;
}

.bg-secondary-transparent {
  background-color: #FCFDF8 !important;
}

.bg-info-transparent {
  background-color: #E7F0FF !important;
  color: #155EEF !important;
}
.bg-info-transparent:hover {
  background-color: #E7F0FF !important;
  color: #155EEF !important;
}

.bg-success-transparent {
  background-color: #EDF9F0 !important;
  color: #04BD6C !important;
}
.bg-success-transparent:hover {
  background-color: #EDF9F0 !important;
  color: #04BD6C !important;
}

.bg-warning-transparent {
  background-color: #FFFAEE !important;
  color: #FFCA18 !important;
}
.bg-warning-transparent:hover {
  background-color: #FFFAEE !important;
  color: #FFCA18 !important;
}

.bg-danger-transparent {
  background-color: #FFEDE9 !important;
  color: #FF0000 !important;
}
.bg-danger-transparent:hover {
  background-color: #FFEDE9 !important;
  color: #FF0000 !important;
}

.bg-light-transparent {
  background-color: rgba(228, 235, 241, 0.5) !important;
  color: #E4EBF1 !important;
}
.bg-light-transparent:hover {
  background-color: rgba(228, 235, 241, 0.5) !important;
  color: #4E5561 !important;
}

.bg-cyan-transparent {
  background-color: #ECF7FB !important;
  color: #06AED4 !important;
}
.bg-cyan-transparent:hover {
  background-color: #ECF7FB !important;
  color: #06AED4 !important;
}

.bg-purple-transparent {
  background-color: #F2EDFE !important;
}

.bg-teal-transparent {
  background-color: #E9F5F4 !important;
}

.bg-gray-transparent {
  background-color: #F4F4F5 !important;
}

.bg-danger-100 {
  background-color: #FFEDE9 !important;
}

.bg-gray-100 {
  background-color: #C9CBCF;
}

.bg-gray-200 {
  background-color: #AFB2B8;
}

.bg-gray-300 {
  background-color: #969AA2;
}

.bg-gray-400 {
  background-color: #7D828C;
}

.bg-gray-500 {
  background-color: #656B76;
}

.bg-gray-600 {
  background-color: #4E5561;
}

.bg-gray-700 {
  background-color: #393F4D;
}

.bg-gray-800 {
  background-color: #242B3A;
}

.bg-gray-900 {
  background-color: #111827;
}

.bg-light-100 {
  background-color: #FAFBFC !important;
}

.bg-light-300 {
  background-color: #F5F8FA !important;
}

.bg-light-400 {
  background-color: #F3F6F9 !important;
}

.bg-light-500 {
  background-color: #F1F4F7 !important;
}

.bg-success-100 {
  background-color: #EDF9F0 !important;
}

.bg-success-800 {
  background-color: #33D37A !important;
}

.bg-orange {
  background-color: #E04F16 !important;
}

.bg-orange-100 {
  background-color: #FFEEE9 !important;
}

.bg-teal {
  background-color: #0E9384 !important;
}

.bg-teal-100 {
  background-color: #D4ECE9 !important;
}

.bg-secondary-100 {
  background-color: #F1F7ED !important;
}

.svg-primary {
  fill: #084d2a;
}

.svg-secondary {
  fill: #074682;
}

.svg-success {
  fill: #04BD6C;
}

.svg-danger {
  fill: #FF0000;
}

.svg-warning {
  fill: #FFCA18;
}

.svg-white {
  fill: #FFF;
}

.svg-black {
  fill: #000;
}

.svg-pink {
  fill: #DD2590;
}

.svg-purple {
  fill: #6938EF;
}

.svg-info {
  fill: #155EEF;
}

.svg-light {
  fill: #E4EBF1;
}

.svg-dark {
  fill: #212E47;
}

.svg-default {
  fill: #4E5561;
}

.color-container {
  width: 5rem;
  height: 5rem;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3rem;
}

.text-container {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}

.color-box {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}

.badge-soft-cyan {
  background: #ECF7FB;
  color: #06AED4;
}

.bg-cyan {
  background: #06AED4;
  color: #FFF;
}

.bg-cyan-100 {
  background: #ECF7FB !important;
}

.bg-light-200 {
  background: #F8FAFB !important;
}

.bg-light-300 {
  background: #F5F8FA;
}

.bg-primary-gradient {
  background: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
}

.bg-transparent-primary {
  background: #FEEDEB;
}

.bg-transparent-dark {
  background: #EAEBEE;
}

.bg-transparent-info {
  background: #EAF1FE;
}

.bg-transparent-cyan {
  background: #ECF7FB;
}

.bg-transparent-warning {
  background: #FFFAEE;
}

.bg-transparent-light {
  background: #E4EBF1;
}

.bg-transparent-danger {
  background: #FFEDE9;
}

.bg-transparent-success {
  background: #EDF9F0;
}

.bg-transparent-info {
  background: #E7F0FF;
}

.bg-light-gray {
  background: #F1F4F7;
}

.bg-light-orange {
  background: #F9CBC3;
}
.bg-light-orange span {
  background: #F9CBC3;
}

.bg-light-red {
  background: #FFDAD3;
}
.bg-light-red span {
  background: #FFDAD3;
}

.bg-light-green {
  background: #A4EBC4;
}
.bg-light-green span {
  background: #A4EBC4;
}

.text-justify {
  text-align: justify !important;
}

/******* Components ******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  6.alerts
============================*/
.alert {
  padding: 0.625rem 0.85rem;
  border-radius: 4px;
  font-size: 0.8125rem;
}
.alert.alert-dismissible {
  padding: 0.625rem 2.25rem 0.625rem 0.85rem;
}
.alert i {
  font-size: 20px;
}
.alert .btn-close {
  background-image: none;
  padding: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert .btn-close i {
  font-size: 18px;
  line-height: 18px;
}
.alert:last-child {
  margin-bottom: 0;
}
.alert .alert-link {
  font-weight: 600;
}

[dir=rtl] .alert.alert-dismissible {
  padding: 0.625rem 0.85rem 0.625rem 2.25rem;
}

.alert-warning {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
  border-color: rgba(255, 202, 24, 0.1);
}
.alert-warning .alert-link {
  color: #FFCA18;
}
.alert-warning .btn-close {
  color: #FFCA18;
}
.alert-warning .btn-close.custom-close {
  background-color: #FFCA18;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-primary {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
  border-color: rgba(207, 52, 37, 0.1);
}
.alert-primary .alert-link {
  color: #084d2a;
}
.alert-primary .custom-alert-icon {
  color: #084d2a;
}
.alert-primary .btn-close {
  color: #084d2a;
}
.alert-primary .btn-close.custom-close {
  background-color: #084d2a;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-secondary {
  background-color: rgba(152, 170, 48, 0.1);
  color: #074682;
  border-color: rgba(152, 170, 48, 0.1);
}
.alert-secondary .alert-link {
  color: #074682;
}
.alert-secondary .btn-close {
  color: #074682;
}
.alert-secondary .btn-close.custom-close {
  background-color: #074682;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-success {
  background-color: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
  border-color: rgba(4, 189, 108, 0.1);
}
.alert-success .alert-link {
  color: #04BD6C;
}
.alert-success .btn-close {
  color: #04BD6C;
}
.alert-success .btn-close.custom-close {
  background-color: #04BD6C;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-info {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
  border-color: rgba(21, 94, 239, 0.1);
}
.alert-info .alert-link {
  color: #155EEF;
}
.alert-info .btn-close {
  color: #155EEF;
}
.alert-info .btn-close.custom-close {
  background-color: #155EEF;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-danger {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
  border-color: rgba(255, 0, 0, 0.1);
}
.alert-danger .alert-link {
  color: #FF0000;
}
.alert-danger .btn-close {
  color: #FF0000;
}
.alert-danger .btn-close.custom-close {
  background-color: #FF0000;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-light {
  background-color: #E4EBF1;
  color: #4E5561;
  border-color: #E4EBF1;
}
.alert-light .alert-link {
  color: #4E5561;
}
.alert-light .btn-close {
  color: #4E5561;
}
.alert-light .btn-close.custom-close {
  background-color: #E4EBF1;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-dark {
  background-color: rgba(33, 46, 71, 0.1);
  color: #4E5561;
  border-color: rgba(33, 46, 71, 0.1);
}
.alert-dark .alert-link {
  color: #4E5561;
}
.alert-dark .btn-close {
  color: #FFF;
}
.alert-dark .btn-close.custom-close {
  background-color: #212E47;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-teal {
  background-color: rgba(14, 147, 132, 0.1);
  color: #0E9384;
  border-color: rgba(14, 147, 132, 0.1);
}
.alert-teal .alert-link {
  color: #0E9384;
}
.alert-teal .btn-close {
  color: #0E9384;
}
.alert-teal .btn-close.custom-close {
  background-color: #0E9384;
  color: #FFF;
  opacity: 1;
  border-radius: 50px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  padding: 0.85rem;
}

.alert-solid-primary {
  background-color: #084d2a;
  color: #FFF;
  border-color: #084d2a;
}
.alert-solid-primary .btn-close {
  color: #FFF;
}

.alert-solid-secondary {
  background-color: #074682;
  color: #FFF;
  border-color: #074682;
}
.alert-solid-secondary .btn-close {
  color: #FFF;
}

.alert-solid-warning {
  background-color: #FFCA18;
  color: #FFF;
  border-color: #FFCA18;
}
.alert-solid-warning .btn-close {
  color: #FFF;
}

.alert-solid-info {
  background-color: #155EEF;
  color: #FFF;
  border-color: #155EEF;
}
.alert-solid-info .btn-close {
  color: #FFF;
}

.alert-solid-success {
  background-color: #04BD6C;
  color: #FFF;
  border-color: #04BD6C;
}
.alert-solid-success .btn-close {
  color: #FFF;
}

.alert-solid-danger {
  background-color: #FF0000;
  color: #FFF;
  border-color: #FF0000;
}
.alert-solid-danger .btn-close {
  color: #FFF;
}

.alert-solid-light {
  background-color: #E4EBF1;
  color: #4E5561;
  border-color: #E4EBF1;
}

.alert-solid-dark {
  background-color: #212E47;
  color: #FFF;
  border-color: #212E47;
}
.alert-solid-dark .btn-close {
  color: #FFF;
}

.alert-outline-primary {
  background-color: #FFF;
  color: #084d2a;
  border-color: #084d2a;
}
.alert-outline-primary .btn-close {
  color: #084d2a;
}

.alert-outline-secondary {
  background-color: #FFF;
  color: #074682;
  border-color: #074682;
}
.alert-outline-secondary .btn-close {
  color: #074682;
}

.alert-outline-info {
  background-color: #FFF;
  color: #155EEF;
  border-color: #155EEF;
}
.alert-outline-info .btn-close {
  color: #155EEF;
}

.alert-outline-warning {
  background-color: #FFF;
  color: #FFCA18;
  border-color: #FFCA18;
}
.alert-outline-warning .btn-close {
  color: #FFCA18;
}

.alert-outline-success {
  background-color: #FFF;
  color: #04BD6C;
  border-color: #04BD6C;
}
.alert-outline-success .btn-close {
  color: #04BD6C;
}

.alert-outline-danger {
  background-color: #FFF;
  color: #FF0000;
  border-color: #FF0000;
}
.alert-outline-danger .btn-close {
  color: #FF0000;
}

.alert-outline-light {
  background-color: #FFF;
  color: #4E5561;
  border-color: #E4EBF1;
}

.alert-outline-dark {
  background-color: #FFF;
  color: #212E47;
  border-color: #212E47;
}
.alert-outline-dark .btn-close {
  color: #212E47;
}

.alert-primary.custom-alert-icon {
  border-inline-start: 0.313rem solid #084d2a !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-primary.custom-alert-icon .btn-close {
  color: #4E5561;
}
.alert-primary.custom-alert-icon > i {
  color: #084d2a;
}

.alert-secondary.custom-alert-icon {
  border-inline-start: 0.313rem solid #074682 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-secondary.custom-alert-icon .btn-close {
  color: #4E5561;
}
.alert-secondary.custom-alert-icon > i {
  color: #074682;
}

.alert-warning.custom-alert-icon {
  border-inline-start: 0.313rem solid #FFCA18 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-warning.custom-alert-icon .btn-close {
  color: #4E5561;
}
.alert-warning.custom-alert-icon > i {
  color: #FFCA18;
}

.alert-danger.custom-alert-icon {
  border-inline-start: 0.313rem solid #FF0000 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-danger.custom-alert-icon .btn-close {
  color: #4E5561;
}
.alert-danger.custom-alert-icon > i {
  color: #FF0000;
}

.alert-success.custom-alert-icon {
  border-inline-start: 0.313rem solid #04BD6C !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-success.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-info.custom-alert-icon {
  border-inline-start: 0.313rem solid #155EEF !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-info.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-light.custom-alert-icon {
  border-inline-start: 0.313rem solid #E4EBF1 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-light.custom-alert-icon .btn-close {
  color: #4E5561;
}

.alert-dark.custom-alert-icon {
  border-inline-start: 0.313rem solid #212E47 !important;
  color: #677788;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  font-size: 0.813rem;
}
.alert-dark.custom-alert-icon .btn-close {
  color: #4E5561;
}

.custom-alert1 {
  margin-block-end: 0;
  background-color: #FFF;
  border: 0;
  padding: 1.25rem;
  color: #4E5561;
}
.custom-alert1 p {
  margin-block-end: 2.5rem;
  color: #677788;
  font-size: 0.8rem;
}
.custom-alert1 .custom-alert-icon {
  font-size: 40px;
  margin-bottom: 0.85rem;
}
.custom-alert1 .custom-alert-icon i {
  font-size: 40px;
}
.custom-alert1 .btn-close {
  padding: 0;
  margin-block-end: 1rem;
}
.custom-alert1.alert-primary {
  border-block-start: 0.313rem solid #084d2a;
}
.custom-alert1.alert-primary .custom-alert-icon {
  color: #084d2a;
}
.custom-alert1.alert-secondary {
  border-block-start: 0.313rem solid #074682;
}
.custom-alert1.alert-secondary .custom-alert-icon {
  color: #074682;
}
.custom-alert1.alert-warning {
  border-block-start: 0.313rem solid #FFCA18;
}
.custom-alert1.alert-warning .custom-alert-icon {
  color: #FFCA18;
}
.custom-alert1.alert-danger {
  border-block-start: 0.313rem solid #FF0000;
}
.custom-alert1.alert-danger .custom-alert-icon {
  color: #FF0000;
}

.alert-img {
  display: flex;
  align-items: center;
}
.alert-img .avatar {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 400px) {
  .btn-close.custom-close {
    margin: 9px 9px 9px 0;
  }
}
.op-7 {
  opacity: 0.7;
}

.op-8 {
  opacity: 0.8;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
    6.alerts
============================*/
.avatar {
  position: relative;
  height: 2.625rem;
  width: 2.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  color: #FFF;
  font-weight: 500;
}
.avatar a.badge:hover {
  color: #FFF;
}
.avatar img {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  object-fit: cover;
}
.avatar.avatar-rounded {
  border-radius: 50%;
}
.avatar.avatar-rounded img {
  border-radius: 50%;
}
.avatar.avatar-radius-0 {
  border-radius: 0;
}
.avatar.avatar-radius-0 img {
  border-radius: 0;
}
.avatar .avatar-badge {
  position: absolute;
  inset-block-start: -4%;
  inset-inline-end: -0.375rem;
  width: 1.4rem;
  height: 1.4rem;
  font-size: 0.625rem;
  border: 2px solid #FFF;
  border-radius: 50% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.avatar.online:before, .avatar.offline:before {
  position: absolute;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  inset-inline-end: 0;
  inset-block-end: 0;
  border: 2px solid #FFF !important;
  z-index: 1;
}
.avatar.online:before {
  background-color: #04BD6C;
}
.avatar.offline:before {
  background-color: #656B76;
}
.avatar.avatar-xs {
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1.25rem;
  font-size: 0.65rem;
}
.avatar.avatar-xs .avatar-badge {
  padding: 0.25rem;
  width: 1rem;
  height: 1rem;
  line-height: 1rem;
  font-size: 0.5rem;
  inset-block-start: -25%;
  inset-inline-end: -0.5rem;
}
.avatar.avatar-sm {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.65rem;
}
.avatar.avatar-sm .avatar-badge {
  padding: 0.3rem;
  width: 1.1rem;
  height: 1.1rem;
  line-height: 1.1rem;
  font-size: 0.5rem;
  inset-block-start: -28%;
  inset-inline-end: -0.45rem;
}
.avatar.avatar-sm.online:before, .avatar.avatar-sm.offline:before {
  width: 0.5rem;
  height: 0.5rem;
}
.avatar.avatar-sm i {
  font-size: 14px;
}
.avatar.avatar-md {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 0.8rem;
}
.avatar.avatar-md .avatar-badge {
  padding: 0.4rem;
  width: 1.2rem;
  height: 1.2rem;
  line-height: 1.2rem;
  font-size: 0.65rem;
  inset-block-start: -6%;
  inset-inline-end: -13%;
}
.avatar.avatar-md.online:before, .avatar.avatar-md.offline:before {
  width: 0.75rem;
  height: 0.75rem;
}
.avatar.avatar-md svg {
  width: 1.5rem;
  height: 1.5rem;
}
.avatar.avatar-lg {
  width: 2.813rem;
  height: 2.813rem;
  line-height: 2.813rem;
  font-size: 1rem;
}
.avatar.avatar-lg .avatar-badge {
  inset-block-start: -15%;
  inset-inline-end: -0.25%;
}
.avatar.avatar-lg.online:before, .avatar.avatar-lg.offline:before {
  width: 0.8rem;
  height: 0.8rem;
  bottom: -2px;
  right: -2px;
}
.avatar.avatar-lg svg {
  width: 1.8rem;
  height: 1.8rem;
}
.avatar.avatar-xl {
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.25rem;
}
.avatar.avatar-xl .avatar-badge {
  inset-block-start: -8%;
  inset-inline-end: -0.2%;
}
.avatar.avatar-xl.online:before, .avatar.avatar-xl.offline:before {
  width: 0.95rem;
  height: 0.95rem;
}
.avatar.avatar-xxl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  font-size: 1.5rem;
}
.avatar.avatar-xxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}
.avatar.avatar-xxl.online:before, .avatar.avatar-xxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}
.avatar.avatar-xxxl {
  width: 6rem;
  height: 6rem;
  line-height: 6rem;
  font-size: 1.75rem;
}
.avatar.avatar-xxxl .avatar-badge {
  inset-block-start: -4%;
  inset-inline-end: 0rem;
}
.avatar.avatar-xxxl.online:before, .avatar.avatar-xxxl.offline:before {
  width: 1.05rem;
  height: 1.05rem;
  inset-block-end: 0.25rem;
}

.avatar-list-stacked {
  padding: 0;
}
.avatar-list-stacked.avatar-group-overlapped .avatar {
  margin-right: -0.875rem;
}
.avatar-list-stacked.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}
.avatar-list-stacked.avatar-group-lg .avatar {
  width: 3.25rem;
  height: 3.25rem;
}
.avatar-list-stacked.avatar-group-lg .avatar > .initial-wrap {
  font-size: 0.95rem;
}
.avatar-list-stacked.avatar-group-lg.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}
.avatar-list-stacked.avatar-group-md .avatar {
  width: 2.25rem;
  height: 2.25rem;
}
.avatar-list-stacked.avatar-group-md .avatar > .initial-wrap {
  font-size: 0.95rem;
}
.avatar-list-stacked.avatar-group-md.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}
.avatar-list-stacked.avatar-group-sm .avatar {
  width: 2rem;
  height: 2rem;
}
.avatar-list-stacked.avatar-group-sm .avatar > .initial-wrap {
  font-size: 0.6rem;
}
.avatar-list-stacked.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}
.avatar-list-stacked.avatar-group-xs .avatar {
  width: 1rem;
  height: 1rem;
  margin-inline-end: -6px !important;
}
.avatar-list-stacked.avatar-group-xs .avatar > .initial-wrap {
  font-size: 0.6rem;
}
.avatar-list-stacked.avatar-group-xs.avatar-group-overlapped .avatar {
  margin-right: -6px;
}
.avatar-list-stacked .avatar {
  margin-inline-end: -0.875rem !important;
  border: 1px solid rgba(0, 0, 0, 0.05);
  vertical-align: middle;
  transition: transform ease 200ms;
}
.avatar-list-stacked .avatar:last-child {
  margin-inline-end: 0 !important;
}
.avatar-list-stacked .avatar:hover {
  z-index: 1;
  transform: translateY(-0.188rem);
}

.avatar-group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.avatar-group .avatar {
  width: 2.625rem;
  height: 2.625rem;
}
.avatar-group .avatar .avatar-img,
.avatar-group .avatar > .initial-wrap {
  border: 2px solid #FFF;
  font-size: 0.9rem;
}
.avatar-group.avatar-group-overlapped .avatar {
  margin-right: -0.875rem;
}
.avatar-group.avatar-group-overlapped .avatar:hover {
  z-index: 1;
}
.avatar-group.avatar-group-lg .avatar {
  width: 3.25rem;
  height: 3.25rem;
}
.avatar-group.avatar-group-lg .avatar > .initial-wrap {
  font-size: 0.95rem;
}
.avatar-group.avatar-group-lg.avatar-group-overlapped .avatar {
  margin-right: -1rem;
}
.avatar-group.avatar-group-sm .avatar {
  width: 2rem;
  height: 2rem;
}
.avatar-group.avatar-group-sm .avatar > .initial-wrap {
  font-size: 0.6rem;
}
.avatar-group.avatar-group-sm.avatar-group-overlapped .avatar {
  margin-right: -0.625rem;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  8.boostrap
============================*/
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #084d2a;
  text-shadow: unset;
}

.bootstrap-datetimepicker-widget table th {
  font-size: 15px;
  font-weight: 500;
  color: #111827;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.bootstrap-datetimepicker-widget table th.prev, .bootstrap-datetimepicker-widget table th.next {
  padding-bottom: 6px;
}
.bootstrap-datetimepicker-widget table th.prev span, .bootstrap-datetimepicker-widget table th.next span {
  width: 24px;
  height: 24px;
  font-size: 12px;
  border: 1px solid #E7EDF2;
  border-radius: 50%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.bootstrap-datetimepicker-widget table th.prev span:hover, .bootstrap-datetimepicker-widget table th.next span:hover {
  background: #212E47;
  border-color: #212E47;
  color: #FFF;
}
.bootstrap-datetimepicker-widget table td {
  font-size: 15px;
  color: #393F4D;
}
.bootstrap-datetimepicker-widget table td.day {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.bootstrap-datetimepicker-widget {
  z-index: 999 !important;
}
.bootstrap-datetimepicker-widget .picker-switch {
  padding-bottom: 6px;
}

.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #084d2a;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: transparent;
}

.border-success {
  border-color: #04BD6C !important;
}

.shadow-sm {
  box-shadow: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36) !important;
}

.shadow-md {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1) !important;
}

.list-group-item {
  border-color: #E7EDF2 !important;
  color: inherit;
}

.list-group a.active {
  background: #FBDCD7;
  color: #084d2a;
}
.list-group a:hover {
  background: #FBDCD7;
  color: #084d2a;
}

.list-styled-dotted li {
  list-style-type: disc;
}

.custom-offcanvas.offcanvas.offcanvas-end {
  width: 600px !important;
}
.custom-offcanvas.offcanvas.offcanvas-end .offcanvas-header .close-btn {
  width: 20px;
  height: 20px;
  color: #FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  background-color: #656B76;
  border: 1px solid #656B76;
}
.custom-offcanvas.offcanvas.offcanvas-end .offcanvas-header .close-btn:hover {
  background: #FF0000;
  border-color: #FF0000;
}

.w-40 {
  width: 40%;
}
@media (max-width: 767.98px) {
  .w-40 {
    width: 100%;
  }
}

hr {
  border-color: #E7EDF2;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  9.button
============================*/
.btn-primary {
  color: #FFF;
  background-color: #084d2a;
  border-color: #084d2a;
  font-size: 14px;
  font-size: 14px;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn.show:hover, .btn:first-child:active, :not(.btn-check) + .btn:active {
  background-color: #084d2a;
  border-color: #084d2a;
  color: #FFF;
}

button {
  cursor: pointer;
}
button:focus {
  outline: 0;
  box-shadow: none;
}

.btn {
  border-radius: 40px;
  padding: 9px 16px;
  font-size: 14px;
  transition: all 0.5s;
  font-weight: 500;
}
.btn:focus {
  box-shadow: none !important;
}
.btn:hover {
  transition: all 0.5s;
}
.btn.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 0.9rem;
}
.btn.btn-xl {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.btn.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
}
.btn.btn-md {
  padding: 0.315rem 0.75rem;
  font-size: 0.813rem;
}
.btn.btn-xs {
  padding: 0.25rem 0.5rem;
  font-size: 0.625rem;
}
.btn.btn-primary {
  background-color: #084d2a;
  border: 1px solid #084d2a;
  color: #FFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #074682;
  border: 1px solid #fff;
  color: #FFF;
}
.btn.btn-secondary {
  background-color: #074682;
  border: 1px solid #074682;
  color: #FFF;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:active, .btn.btn-secondary.active {
  background-color: #084d2a;
  border: 1px solid #084d2a;
  color: #FFF;
}
.btn.btn-success {
  background-color: #04BD6C;
  border: 1px solid #04BD6C;
  color: #FFF;
}
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success.focus, .btn.btn-success:active, .btn.btn-success.active {
  background-color: rgb(3.2601036269, 154.0398963731, 88.0227979275);
  border: 1px solid rgb(3.2601036269, 154.0398963731, 88.0227979275);
  color: #FFF;
}
.btn.btn-info {
  background-color: #155EEF;
  border: 1px solid #155EEF;
  color: #FFF;
}
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info.focus, .btn.btn-info:active, .btn.btn-info.active {
  background-color: rgb(14.3552, 79.8508, 209.9448);
  border: 1px solid rgb(14.3552, 79.8508, 209.9448);
  color: #FFF;
}
.btn.btn-teal {
  background-color: #0E9384;
  border: 1px solid #0E9384;
  color: #FFF;
}
.btn.btn-teal:hover, .btn.btn-teal:focus, .btn.btn-teal.focus, .btn.btn-teal:active, .btn.btn-teal.active {
  background-color: rgb(10.8956521739, 114.4043478261, 102.7304347826);
  border: 1px solid rgb(10.8956521739, 114.4043478261, 102.7304347826);
  color: #FFF;
}
.btn.btn-warning {
  background-color: #FFCA18;
  border: 1px solid #FFCA18;
  color: #FFF;
}
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning.focus, .btn.btn-warning:active, .btn.btn-warning.active {
  background-color: rgb(243.3, 187.4779220779, 0);
  border: 1px solid rgb(243.3, 187.4779220779, 0);
  color: #FFF;
}
.btn.btn-danger {
  background-color: #FF0000;
  border: 1px solid #FF0000;
  color: #FFF;
}
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger.focus, .btn.btn-danger:active, .btn.btn-danger.active {
  background-color: rgb(219.3, 0, 0);
  border: 1px solid rgb(219.3, 0, 0);
  color: #FFF;
}
.btn.btn-dark {
  background-color: #212E47;
  border: 1px solid #212E47;
  color: #FFF;
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark.focus, .btn.btn-dark:active, .btn.btn-dark.active {
  background-color: rgb(21.6721153846, 30.2096153846, 46.6278846154);
  border: 1px solid rgb(21.6721153846, 30.2096153846, 46.6278846154);
  color: #FFF;
}
.btn.btn-light {
  background-color: #E4EBF1;
  border: 1px solid #E4EBF1;
  color: #FFF;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.focus, .btn.btn-light:active, .btn.btn-light.active {
  background-color: rgb(204.4902439024, 217.5853658537, 228.8097560976);
  border: 1px solid rgb(204.4902439024, 217.5853658537, 228.8097560976);
  color: #FFF;
}
.btn.btn-black {
  background-color: #000;
  border: 1px solid #000;
  color: #FFF;
}
.btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black.focus, .btn.btn-black:active, .btn.btn-black.active {
  background-color: hsl(0, 0%, -7%);
  border: 1px solid hsl(0, 0%, -7%);
  color: #FFF;
}
.btn.btn-purple {
  background-color: #6938EF;
  border: 1px solid #6938EF;
  color: #FFF;
}
.btn.btn-purple:hover, .btn.btn-purple:focus, .btn.btn-purple.focus, .btn.btn-purple:active, .btn.btn-purple.active {
  background-color: rgb(80.0930232558, 22.956744186, 236.343255814);
  border: 1px solid rgb(80.0930232558, 22.956744186, 236.343255814);
  color: #FFF;
}
.btn.btn-pink {
  background-color: #DD2590;
  border: 1px solid #DD2590;
  color: #FFF;
}
.btn.btn-pink:hover, .btn.btn-pink:focus, .btn.btn-pink.focus, .btn.btn-pink:active, .btn.btn-pink.active {
  background-color: rgb(192.3071428571, 29.9928571429, 124.3821428571);
  border: 1px solid rgb(192.3071428571, 29.9928571429, 124.3821428571);
  color: #FFF;
}
.btn.btn-primary {
  background-color: #084d2a;
  border: 1px solid #084d2a;
  color: #FFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #074682;
  border: 1px solid #fff;
  color: #FFF;
}
.btn.btn-light {
  background-color: #E4EBF1;
  border: 1px solid #E4EBF1;
  color: #111827;
}
.btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light.focus, .btn.btn-light:active, .btn.btn-light.active {
  background-color: rgb(204.5351351351, 217.1513513514, 227.6648648649);
  border: 1px solid rgb(204.5351351351, 217.1513513514, 227.6648648649);
  color: #393F4D;
}
.btn.btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #111827;
}
.btn.btn-white:hover {
  background-color: #084d2a;
  border-color: #084d2a;
  color: #FFF;
}
.btn.btn-linear-primary {
  background-image: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
  color: #FFF;
  border: 0;
}
.btn.btn-linear-primary:hover {
  background-image: linear-gradient(90deg, #0A67F2 0%, #FD2692 100%);
}

.btn-group .btn {
  padding: 0.45rem 0.75rem;
}

.btn-group-lg .btn {
  padding: 0.65rem 1rem;
}

.btn-group-sm .btn {
  padding: 0.25rem 0.5rem;
}

.btn.btn-w-xs {
  min-width: 5.625rem;
}
.btn.btn-w-sm {
  min-width: 6.975rem;
}
.btn.btn-w-md {
  min-width: 8.125rem;
}
.btn.btn-w-lg {
  min-width: 9.375rem;
}

.btn-icon i {
  padding: 0rem;
  margin: -0.5rem;
}
.btn-icon.btn-sm {
  width: 1.75rem;
  height: 1.75rem;
  font-size: 0.8rem;
}
.btn-icon.btn-lg {
  width: 2.75rem;
  height: 2.75rem;
  font-size: 1.2rem;
}

.btn-list > button, .btn-list > a {
  margin: 0 0.375rem 0.375rem 0;
}

[dir=rtl] .btn-list button,
[dir=rtl] .btn-list div,
[dir=rtl] .btn-list a,
[dir=rtl] .btn-list input {
  margin: 0 0 0.375rem 0.375rem;
}

.btn-list {
  margin-block-end: -0.5rem;
}

.btn-square {
  border-radius: 0;
}

.btn-group-pill .btn:first-child {
  border-radius: 60px 0 0 60px;
}

.btn-group-pill .btn:last-child {
  border-radius: 0 60px 60px 0;
}

.btn-group-square .btn:first-child {
  border-radius: 0px 0 0 0px;
}

.btn-group-square .btn:last-child {
  border-radius: 0 0px 0px 0;
}

.btn.btn-primary-light {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}
.btn.btn-primary-light:hover, .btn.btn-primary-light:focus, .btn.btn-primary-light:active {
  background-color: #084d2a;
  color: #FFF;
  border-color: #084d2a;
}
.btn.btn-secondary-light {
  background-color: rgba(152, 170, 48, 0.1);
  color: #074682;
}
.btn.btn-secondary-light:hover, .btn.btn-secondary-light:focus, .btn.btn-secondary-light:active {
  background-color: #074682;
  color: #FFF;
  border-color: #074682;
}
.btn.btn-warning-light {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}
.btn.btn-warning-light:hover, .btn.btn-warning-light:focus, .btn.btn-warning-light:active {
  background-color: #FFCA18;
  color: #FFF;
  border-color: #FFCA18;
}
.btn.btn-info-light {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}
.btn.btn-info-light:hover, .btn.btn-info-light:focus, .btn.btn-info-light:active {
  background-color: #155EEF;
  color: #FFF;
  border-color: #155EEF;
}
.btn.btn-success-light {
  background-color: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
}
.btn.btn-success-light:hover, .btn.btn-success-light:focus, .btn.btn-success-light:active {
  background-color: #04BD6C;
  color: #FFF;
  border-color: #04BD6C;
}
.btn.btn-danger-light {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}
.btn.btn-danger-light:hover, .btn.btn-danger-light:focus, .btn.btn-danger-light:active {
  background-color: #FF0000;
  color: #FFF;
  border-color: #FF0000;
}

.btn.btn-primary-ghost {
  background-color: transparent;
  color: #084d2a;
  border: 1px solid #084d2a;
}
.btn.btn-primary-ghost:active {
  color: #084d2a;
  border: 1px solid #084d2a;
  background-color: transparent;
}
.btn.btn-secondary-ghost {
  background-color: transparent;
  color: #074682;
  border: 1px solid #074682;
}
.btn.btn-secondary-ghost:active {
  color: #074682;
  border: 1px solid #074682;
  background-color: transparent;
}
.btn.btn-warning-ghost {
  background-color: transparent;
  color: #FFCA18;
  border: 1px solid #FFCA18;
}
.btn.btn-warning-ghost:active {
  color: #FFCA18;
  border: 1px solid #FFCA18;
  background-color: transparent;
}
.btn.btn-info-ghost {
  background-color: transparent;
  color: #155EEF;
  border: 1px solid #155EEF;
}
.btn.btn-info-ghost:active {
  color: #155EEF;
  border: 1px solid #155EEF;
  background-color: transparent;
}
.btn.btn-success-ghost {
  background-color: transparent;
  color: #04BD6C;
  border: 1px solid #04BD6C;
}
.btn.btn-success-ghost:active {
  color: #04BD6C;
  border: 1px solid #04BD6C;
  background-color: transparent;
}
.btn.btn-danger-ghost {
  background-color: transparent;
  color: #FF0000;
  border: 1px solid #FF0000;
}
.btn.btn-danger-ghost:active {
  color: #FF0000;
  border: 1px solid #FF0000;
  background-color: transparent;
}

.btn-list button {
  margin: 0 0.375rem 0.375rem 0;
}

.btn-outline-primary {
  border: 1px solid #084d2a !important;
  color: #084d2a !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active {
  background-color: #084d2a !important;
  border: 1px solid #084d2a !important;
  box-shadow: 0 3px 10px rgba(207, 52, 37, 0.5);
  color: #FFF !important;
}

.btn-outline-secondary {
  border: 1px solid #074682 !important;
  color: #074682 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
  background-color: #074682 !important;
  border: 1px solid #074682 !important;
  box-shadow: 0 3px 10px rgba(152, 170, 48, 0.5);
  color: #FFF !important;
}

.btn-outline-success {
  border: 1px solid #04BD6C !important;
  color: #04BD6C !important;
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success.active {
  background-color: #04BD6C !important;
  border: 1px solid #04BD6C !important;
  box-shadow: 0 3px 10px rgba(4, 189, 108, 0.5);
  color: #FFF !important;
}

.btn-outline-danger {
  border: 1px solid #FF0000 !important;
  color: #FF0000 !important;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger.active {
  background-color: #FF0000 !important;
  border: 1px solid #FF0000 !important;
  box-shadow: 0 3px 10px rgba(255, 0, 0, 0.5);
  color: #FFF !important;
}

.btn-outline-warning {
  border: 1px solid #FFCA18 !important;
  color: #FFCA18 !important;
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning.active {
  background-color: #FFCA18 !important;
  border: 1px solid #FFCA18 !important;
  box-shadow: 0 3px 10px rgba(255, 202, 24, 0.5);
  color: #FFF !important;
}

.btn-outline-info {
  border: 1px solid #155EEF !important;
  color: #155EEF !important;
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info.active {
  background-color: #155EEF !important;
  border: 1px solid #155EEF !important;
  box-shadow: 0 3px 10px rgba(21, 94, 239, 0.5);
  color: #FFF !important;
}

.btn-outline-light {
  border: 1px solid #E4EBF1 !important;
  color: #393F4D !important;
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light.focus, .btn-outline-light:active, .btn-outline-light.active {
  background-color: #E4EBF1 !important;
  border: 1px solid #E4EBF1 !important;
  color: #393F4D !important;
}

.btn-outline-dark {
  border: 1px solid #212E47 !important;
  color: #212E47 !important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark.active {
  background-color: #212E47 !important;
  border: 1px solid #212E47 !important;
  box-shadow: 0 3px 10px rgba(33, 46, 71, 0.5);
  color: #FFF !important;
}

.btn-soft-primary {
  background-color: #F5B9B0 !important;
  color: #084d2a !important;
}
.btn-soft-primary:hover, .btn-soft-primary:focus, .btn-soft-primary.focus, .btn-soft-primary:active, .btn-soft-primary.active {
  box-shadow: 0 3px 12px rgba(207, 52, 37, 0.2);
  border-color: #084d2a;
}

.btn-soft-secondary {
  background-color: #D4E8C9 !important;
  color: #074682 !important;
}
.btn-soft-secondary:hover, .btn-soft-secondary:focus, .btn-soft-secondary.focus, .btn-soft-secondary:active, .btn-soft-secondary.active {
  box-shadow: 0 3px 12px rgba(152, 170, 48, 0.2);
  border-color: #074682;
}

.btn-soft-success {
  background-color: #A4EBC4 !important;
  color: #04BD6C !important;
}
.btn-soft-success:hover, .btn-soft-success:focus, .btn-soft-success.focus, .btn-soft-success:active, .btn-soft-success.active {
  box-shadow: 0 3px 12px rgba(4, 189, 108, 0.2);
  border-color: #04BD6C;
}

.btn-soft-danger {
  background-color: #FFC8BD !important;
  color: #FF0000 !important;
}
.btn-soft-danger:hover, .btn-soft-danger:focus, .btn-soft-danger.focus, .btn-soft-danger:active, .btn-soft-danger.active {
  box-shadow: 0 3px 12px rgba(255, 0, 0, 0.2);
  border-color: #FF0000;
}

.btn-soft-warning {
  background-color: #FFF0CA !important;
  color: #FFCA18 !important;
}
.btn-soft-warning:hover, .btn-soft-warning:focus, .btn-soft-warning.focus, .btn-soft-warning:active, .btn-soft-warning.active {
  box-shadow: 0 3px 12px rgba(255, 202, 24, 0.2);
  border-color: #FFCA18;
}

.btn-soft-info {
  background-color: rgba(21, 94, 239, 0.3) !important;
  color: #155EEF !important;
}
.btn-soft-info:hover, .btn-soft-info:focus, .btn-soft-info.focus, .btn-soft-info:active, .btn-soft-info.active {
  box-shadow: 0 3px 12px rgba(21, 94, 239, 0.2);
  border-color: #155EEF;
}

.btn-soft-light {
  background-color: rgba(228, 235, 241, 0.9) !important;
  color: #4E5561 !important;
}
.btn-soft-light:hover, .btn-soft-light:focus, .btn-soft-light.focus, .btn-soft-light:active, .btn-soft-light.active {
  box-shadow: 0 3px 12px rgba(228, 235, 241, 0.2);
  border-color: #E4EBF1;
  border-color: #4E5561;
}

.btn-soft-dark {
  background-color: rgba(33, 46, 71, 0.3) !important;
  color: #FFF !important;
}
.btn-soft-dark:hover, .btn-soft-dark:focus, .btn-soft-dark.focus, .btn-soft-dark:active, .btn-soft-dark.active {
  box-shadow: 0 3px 12px rgba(33, 46, 71, 0.2);
  border-color: #212E47;
}

.page-loader {
  width: 48px;
  height: 48px;
  border: 4px solid;
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent #084d2a #084d2a transparent;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s ease-in-out infinite;
}

.page-loader::after {
  content: "";
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  border: 12px solid;
  border-color: transparent #074682 #074682 transparent;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
    11.border
============================*/
.badge.badge-primary {
  background: rgba(207, 52, 37, 0.1);
  box-shadow: 0 1px 1px rgba(207, 52, 37, 0.5);
  color: #084d2a;
}
.badge.badge-info-100 {
  background: #E7F0FF;
  color: #155EEF;
}

.badge.badge-primary {
  background: #084d2a;
  color: #FFF;
}
.badge.badge-soft-primary {
  background: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}

.badge.badge-secondary {
  background: #074682;
  color: #FFF;
}
.badge.badge-soft-secondary {
  background: rgba(152, 170, 48, 0.1);
  color: #074682;
}

.badge.badge-success {
  background: #04BD6C;
  color: #FFF;
}
.badge.badge-soft-success {
  background: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
}

.badge.badge-info {
  background: #155EEF;
  color: #FFF;
}
.badge.badge-soft-info {
  background: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}

.badge.badge-teal {
  background: #0E9384;
  color: #FFF;
}
.badge.badge-soft-teal {
  background: rgba(14, 147, 132, 0.1);
  color: #0E9384;
}

.badge.badge-warning {
  background: #FFCA18;
  color: #FFF;
}
.badge.badge-soft-warning {
  background: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}

.badge.badge-danger {
  background: #FF0000;
  color: #FFF;
}
.badge.badge-soft-danger {
  background: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}

.badge.badge-dark {
  background: #212E47;
  color: #FFF;
}
.badge.badge-soft-dark {
  background: rgba(33, 46, 71, 0.1);
  color: #212E47;
}

.badge.badge-light {
  background: #E4EBF1;
  color: #FFF;
}
.badge.badge-soft-light {
  background: rgba(228, 235, 241, 0.1);
  color: #E4EBF1;
}

.badge.badge-black {
  background: #000;
  color: #FFF;
}
.badge.badge-soft-black {
  background: rgba(0, 0, 0, 0.1);
  color: #000;
}

.badge.badge-purple {
  background: #6938EF;
  color: #FFF;
}
.badge.badge-soft-purple {
  background: rgba(105, 56, 239, 0.1);
  color: #6938EF;
}

.badge.badge-pink {
  background: #DD2590;
  color: #FFF;
}
.badge.badge-soft-pink {
  background: rgba(221, 37, 144, 0.1);
  color: #DD2590;
}

.badge {
  padding: 0.25rem 0.45rem;
  text-transform: capitalize;
  font-weight: 600;
  letter-spacing: 0.5px;
  border-radius: 4px;
}
.badge.badge-xs {
  font-size: 10px;
  padding: 0px 5px;
  line-height: 18px;
}
.badge.badge-sm {
  font-size: 11px;
  padding: 5px 8px;
  line-height: 11px;
}
.badge.badge-md {
  font-size: 12px;
  padding: 5px 12px;
  line-height: 1.5;
}
.badge.badge-lg {
  font-size: 14px;
  padding: 0px 10px;
  line-height: 30px;
}
.badge.badge-xl {
  font-size: 16px;
  padding: 0px 15px;
  line-height: 35px;
}
.badge.badge-soft-cyan {
  background: #ECF7FB;
  color: #06AED4;
}

.badge.arrow {
  width: 20px;
  height: 20px;
  background: #F8FAFB;
  color: #212E47;
}
.badge.arrow:hover {
  background: #084d2a;
  color: #FFF;
}

.badge.bg-light.arrow:hover {
  background: #212E47 !important;
}

.badge-primary-hover:hover {
  background: #084d2a !important;
  border-color: #084d2a !important;
  color: #FFF !important;
}

.badge-danger-hover:hover {
  background: #FF0000 !important;
  border-color: #FF0000 !important;
  color: #FFF !important;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  11.border
============================*/
.border-container {
  display: inline-block;
  width: 5rem;
  height: 5rem;
  margin: 0.25rem;
  background-color: #E4EBF1;
}

.border {
  border: 1px solid #E4EBF1 !important;
}
.border.border-dashed {
  border-style: dashed !important;
}
.border.border-dotted {
  border-style: dotted !important;
}
.border.border-primary {
  border: 1px solid #084d2a !important;
  opacity: 1;
}
.border.border-primary.border-opacity-10 {
  border-color: rgba(207, 52, 37, 0.1) !important;
}
.border.border-primary.border-opacity-25 {
  border-color: rgba(207, 52, 37, 0.25) !important;
}
.border.border-primary.border-opacity-50 {
  border-color: rgba(207, 52, 37, 0.5) !important;
}
.border.border-primary.border-opacity-75 {
  border-color: rgba(207, 52, 37, 0.75) !important;
}
.border.border-primary.border-opacity-100 {
  border-color: #084d2a !important;
}
.border.border-secondary {
  border: 1px solid #074682 !important;
  opacity: 1;
}
.border.border-secondary.border-opacity-10 {
  border-color: rgba(152, 170, 48, 0.1) !important;
}
.border.border-secondary.border-opacity-25 {
  border-color: rgba(152, 170, 48, 0.25) !important;
}
.border.border-secondary.border-opacity-50 {
  border-color: rgba(152, 170, 48, 0.5) !important;
}
.border.border-secondary.border-opacity-75 {
  border-color: rgba(152, 170, 48, 0.75) !important;
}
.border.border-secondary.border-opacity-100 {
  border-color: #074682 !important;
}
.border.border-info {
  border: 1px solid #155EEF !important;
  opacity: 1;
}
.border.border-info.border-opacity-10 {
  border-color: rgba(21, 94, 239, 0.1) !important;
}
.border.border-info.border-opacity-25 {
  border-color: rgba(21, 94, 239, 0.25) !important;
}
.border.border-info.border-opacity-50 {
  border-color: rgba(21, 94, 239, 0.5) !important;
}
.border.border-info.border-opacity-75 {
  border-color: rgba(21, 94, 239, 0.75) !important;
}
.border.border-info.border-opacity-100 {
  border-color: #155eef !important;
}
.border.border-success {
  border: 1px solid #04BD6C !important;
  opacity: 1;
}
.border.border-success.border-opacity-10 {
  border-color: rgba(4, 189, 108, 0.1) !important;
}
.border.border-success.border-opacity-25 {
  border-color: rgba(4, 189, 108, 0.25) !important;
}
.border.border-success.border-opacity-50 {
  border-color: rgba(4, 189, 108, 0.5) !important;
}
.border.border-success.border-opacity-75 {
  border-color: rgba(4, 189, 108, 0.75) !important;
}
.border.border-success.border-opacity-100 {
  border-color: #04bd6c !important;
}
.border.border-warning {
  border: 1px solid #FFCA18 !important;
  opacity: 1;
}
.border.border-warning.border-opacity-10 {
  border-color: rgba(255, 202, 24, 0.1) !important;
}
.border.border-warning.border-opacity-25 {
  border-color: rgba(255, 202, 24, 0.25) !important;
}
.border.border-warning.border-opacity-50 {
  border-color: rgba(255, 202, 24, 0.5) !important;
}
.border.border-warning.border-opacity-75 {
  border-color: rgba(255, 202, 24, 0.75) !important;
}
.border.border-warning.border-opacity-100 {
  border-color: #ffca18 !important;
}
.border.border-danger {
  border: 1px solid #FF0000 !important;
  opacity: 1;
}
.border.border-danger.border-opacity-10 {
  border-color: rgba(255, 0, 0, 0.1) !important;
}
.border.border-danger.border-opacity-25 {
  border-color: rgba(255, 0, 0, 0.25) !important;
}
.border.border-danger.border-opacity-50 {
  border-color: rgba(255, 0, 0, 0.5) !important;
}
.border.border-danger.border-opacity-75 {
  border-color: rgba(255, 0, 0, 0.75) !important;
}
.border.border-danger.border-opacity-100 {
  border-color: red !important;
}
.border.border-white {
  border: 1px solid #FFF !important;
  opacity: 1;
}
.border.border-white.border-opacity-10 {
  border-color: rgba(255, 255, 255, 0.1) !important;
}
.border.border-white.border-opacity-25 {
  border-color: rgba(255, 255, 255, 0.25) !important;
}
.border.border-white.border-opacity-50 {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
.border.border-white.border-opacity-75 {
  border-color: rgba(255, 255, 255, 0.75) !important;
}
.border.border-white.border-opacity-100 {
  border-color: white !important;
}
.border.border-light {
  border: 1px solid #E4EBF1 !important;
  opacity: 1;
}
.border.border-light.border-opacity-10 {
  border-color: rgba(228, 235, 241, 0.1) !important;
}
.border.border-light.border-opacity-25 {
  border-color: rgba(228, 235, 241, 0.25) !important;
}
.border.border-light.border-opacity-50 {
  border-color: rgba(228, 235, 241, 0.5) !important;
}
.border.border-light.border-opacity-75 {
  border-color: rgba(228, 235, 241, 0.75) !important;
}
.border.border-light.border-opacity-100 {
  border-color: #e4ebf1 !important;
}
.border.border-dark {
  border: 1px solid #212E47 !important;
  opacity: 1;
}
.border.border-dark.border-opacity-10 {
  border-color: rgba(33, 46, 71, 0.1) !important;
}
.border.border-dark.border-opacity-25 {
  border-color: rgba(33, 46, 71, 0.25) !important;
}
.border.border-dark.border-opacity-50 {
  border-color: rgba(33, 46, 71, 0.5) !important;
}
.border.border-dark.border-opacity-75 {
  border-color: rgba(33, 46, 71, 0.75) !important;
}
.border.border-dark.border-opacity-100 {
  border-color: #212e47 !important;
}
.border.border-opacity-10 {
  --bs-border-opacity: 0.1 !important;
}
.border.border-opacity-25 {
  --bs-border-opacity: 0.25 !important;
}
.border.border-opacity-50 {
  --bs-border-opacity: 0.5 !important;
}
.border.border-opacity-75 {
  --bs-border-opacity: 0.75 !important;
}
.border.border-opacity-100 {
  --bs-border-opacity: 1 !important;
}
.border.border-1 {
  border-width: 1px !important;
}
.border.border-2 {
  border-width: 2px !important;
}
.border.border-3 {
  border-width: 3px !important;
}
.border.border-4 {
  border-width: 4px !important;
}
.border.border-5 {
  border-width: 5px !important;
}
.border.border-block-start-dashed {
  border-top-style: dashed;
}
.border.border-block-start-dotted {
  border-top-style: dotted;
}
.border.border-inline-end-dashed {
  border-inline-end-style: dashed;
}
.border.border-inline-end-dotted {
  border-inline-end-style: dotted;
}
.border.border-block-end-dashed {
  border-bottom-style: dashed;
}
.border.border-block-end-dotted {
  border-bottom-style: dotted;
}
.border.border-inline-start-dashed {
  border-inline-start-style: dashed;
}
.border.border-inline-start-dotted {
  border-inline-start-style: dotted;
}
.border.border-0 {
  border: 0 !important;
}
.border.border-top-0 {
  border-block-start: 0 !important;
}
.border.border-end-0 {
  border-inline-end: 0 !important;
}
.border.border-bottom-0 {
  border-block-end: 0 !important;
}
.border.border-start-0 {
  border-inline-start: 0 !important;
}

.border-top {
  border-top: 1px solid #E4EBF1 !important;
}
.border-top.border-block-start-dashed {
  border-top-style: dashed !important;
}
.border-top.border-block-start-dotted {
  border-top-style: dotted !important;
}
.border-top.border-primary {
  border-color: #084d2a !important;
}
.border-top.border-secondary {
  border-color: #074682 !important;
}
.border-top.border-warning {
  border-color: #FFCA18 !important;
}
.border-top.border-info {
  border-color: #155EEF !important;
}
.border-top.border-success {
  border-color: #04BD6C !important;
}
.border-top.border-danger {
  border-color: #FF0000 !important;
}
.border-top.border-light {
  border-color: #E4EBF1 !important;
}
.border-top.border-dark {
  border-color: #212E47 !important;
}

.border-end {
  border-inline-end: 1px solid #E4EBF1 !important;
}
.border-end.border-inline-end-dashed {
  border-inline-end-style: dashed !important;
}
.border-end.border-inline-end-dotted {
  border-inline-end-style: dotted !important;
}
.border-end.border-primary {
  border-color: #084d2a !important;
}
.border-end.border-secondary {
  border-color: #074682 !important;
}
.border-end.border-warning {
  border-color: #FFCA18 !important;
}
.border-end.border-info {
  border-color: #155EEF !important;
}
.border-end.border-success {
  border-color: #04BD6C !important;
}
.border-end.border-danger {
  border-color: #FF0000 !important;
}
.border-end.border-light {
  border-color: #E4EBF1 !important;
}
.border-end.border-dark {
  border-color: #212E47 !important;
}

.border-bottom {
  border-bottom: 1px solid #E4EBF1 !important;
}
.border-bottom.border-block-end-dashed {
  border-bottom-style: dashed !important;
}
.border-bottom.border-block-end-dotted {
  border-bottom-style: dotted !important;
}
.border-bottom.border-primary {
  border-color: #084d2a !important;
}
.border-bottom.border-secondary {
  border-color: #074682 !important;
}
.border-bottom.border-warning {
  border-color: #FFCA18 !important;
}
.border-bottom.border-info {
  border-color: #155EEF !important;
}
.border-bottom.border-success {
  border-color: #04BD6C !important;
}
.border-bottom.border-danger {
  border-color: #FF0000 !important;
}
.border-bottom.border-light {
  border-color: #E4EBF1 !important;
}
.border-bottom.border-dark {
  border-color: #212E47 !important;
}
.border-bottom.border-cyan {
  border-color: #06AED4 !important;
}

.border-start {
  border-inline-start: 1px solid #E4EBF1 !important;
}
.border-start.border-inline-start-dashed {
  border-inline-start-style: dashed !important;
}
.border-start.border-inline-start-dotted {
  border-inline-start-style: dotted !important;
}
.border-start.border-primary {
  border-color: #084d2a !important;
}
.border-start.border-secondary {
  border-color: #074682 !important;
}
.border-start.border-warning {
  border-color: #FFCA18 !important;
}
.border-start.border-info {
  border-color: #155EEF !important;
}
.border-start.border-success {
  border-color: #04BD6C !important;
}
.border-start.border-danger {
  border-color: #FF0000 !important;
}
.border-start.border-light {
  border-color: #E4EBF1 !important;
}
.border-start.border-dark {
  border-color: #212E47 !important;
}

.border-primary {
  border-color: #084d2a !important;
}

.border-secondary {
  border-color: #074682 !important;
}

.border-warning {
  border-color: #FFCA18 !important;
}

.border-info {
  border-color: #155EEF !important;
}

.border-success {
  border-color: #04BD6C !important;
}

.border-danger {
  border-color: #FF0000 !important;
}

.border-cyan {
  border-color: #06AED4 !important;
}

.border-teal {
  border-color: #0E9384 !important;
}

.border-purple {
  border-color: #6938EF !important;
}

.border-3 {
  border-width: 3px !important;
}

.br-1 {
  border-radius: 0.0625rem;
}

.br-2 {
  border-radius: 0.125rem;
}

.br-3 {
  border-radius: 0.1875rem;
}

.br-4 {
  border-radius: 0.25rem;
}

.br-5 {
  border-radius: 0.3125rem !important;
}

.br-6 {
  border-radius: 0.375rem;
}

.br-7 {
  border-radius: 0.4375rem;
}

.br-8 {
  border-radius: 0.5rem;
}

.br-9 {
  border-radius: 0.5625rem;
}

.br-10 {
  border-radius: 0.625rem !important;
}

.br-15 {
  border-radius: 0.9375rem;
}

.br-20 {
  border-radius: 1.25rem;
}

.rounded {
  border-radius: 4px !important;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 12.dropdown
============================*/
.dropdown-auto {
  overflow: auto;
}

.dropdown-divider {
  margin: 0;
}

.dropdown .dropdown-toggle {
  font-weight: 400;
  font-size: 14px;
}
.dropdown .dropdown-toggle:after {
  display: inline-block;
  margin-inline-start: 0.5rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.75rem;
  font-weight: 600;
}
.dropdown .dropdown-toggle.btn-primary {
  color: #FFF;
}
.dropdown .dropdown-toggle.text-gray-6.show {
  color: #FFF !important;
  background: #084d2a !important;
}
.dropdown .dropdown-toggle.text-gray-6.show i {
  color: #FFF !important;
}
.dropdown .dropdown-toggle.text-gray-6.show::after {
  color: #FFF !important;
}
.dropdown .dropdown-menu {
  padding: 20px;
   font-family: "Montserrat", "Inter", sans-serif;
}

.dropdown-menu {
  border-color: #E4EBF1;
  box-shadow: 0px 4px 13px -2px rgba(19, 16, 34, 0.06);
  font-size: 0.875rem;
  color: #111827;
  background-color: #FFF;
  padding: 0;
  z-index: 10;
  border-radius: 10px;
}

.dropdown-divider {
  border-color: #E4EBF1;
}

.dropdown-item-text {
  color: #4E5561;
}

.dropdown-header {
  color: #4E5561;
}

.dropdown-item {
  color: #4E5561;
  padding: 0.594rem 0.9375rem;
  font-size: 14px;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #4E5561;
  opacity: 0.5;
}
.dropdown-item:not(.active):hover, .dropdown-item:not(.active):focus, .dropdown-item:not(.active):active {
  color: #FFF;
  background-color: #084d2a;
  border-radius: 5px;
}
.dropdown-item.active {
  background-color: #F1F4F7;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-inline-start: 0.25rem;
  vertical-align: 0;
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  border: 0;
  font-size: 0.6rem;
  font-weight: 600;
}

.btn.dropdown-toggle-split {
  opacity: 0.85;
}

.dropdown-menu-dark {
  background-color: #212E47;
  border-color: rgba(255, 255, 255, 0.1);
}
.dropdown-menu-dark li a {
  color: #FFF;
}

.btn-list a.dropdown-item {
  margin-block-end: 0;
}
.btn-list .btn-soft-success:hover {
  transform: translateY(0);
}
.btn-list .btn-soft-danger:hover {
  transform: translateY(0);
}
.dropdown-menu.dropdown-menu-primary {
  background-color: #084d2a;
}
.dropdown-menu.dropdown-menu-primary li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-primary .dropdown-item:hover, .dropdown-menu.dropdown-menu-primary .dropdown-item:focus, .dropdown-menu.dropdown-menu-primary .dropdown-item:active, .dropdown-menu.dropdown-menu-primary .dropdown-item.active {
  color: #FFF;
}
.dropdown-menu.dropdown-menu-secondary {
  background-color: #074682;
}
.dropdown-menu.dropdown-menu-secondary li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-secondary .dropdown-item:hover, .dropdown-menu.dropdown-menu-secondary .dropdown-item:focus, .dropdown-menu.dropdown-menu-secondary .dropdown-item:active, .dropdown-menu.dropdown-menu-secondary .dropdown-item.active {
  color: #FFF;
}
.dropdown-menu.dropdown-menu-warning {
  background-color: #FFCA18;
}
.dropdown-menu.dropdown-menu-warning li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-warning .dropdown-item:hover, .dropdown-menu.dropdown-menu-warning .dropdown-item:focus, .dropdown-menu.dropdown-menu-warning .dropdown-item:active, .dropdown-menu.dropdown-menu-warning .dropdown-item.active {
  color: #FFF;
}
.dropdown-menu.dropdown-menu-info {
  background-color: #155EEF;
}
.dropdown-menu.dropdown-menu-info li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-info .dropdown-item:hover, .dropdown-menu.dropdown-menu-info .dropdown-item:focus, .dropdown-menu.dropdown-menu-info .dropdown-item:active, .dropdown-menu.dropdown-menu-info .dropdown-item.active {
  color: #FFF;
}
.dropdown-menu.dropdown-menu-success {
  background-color: #04BD6C;
}
.dropdown-menu.dropdown-menu-success li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-success .dropdown-item:hover, .dropdown-menu.dropdown-menu-success .dropdown-item:focus, .dropdown-menu.dropdown-menu-success .dropdown-item:active, .dropdown-menu.dropdown-menu-success .dropdown-item.active {
  color: #FFF;
}
.dropdown-menu.dropdown-menu-danger {
  background-color: #FF0000;
}
.dropdown-menu.dropdown-menu-danger li a {
  color: rgba(255, 255, 255, 0.9);
}
.dropdown-menu.dropdown-menu-danger .dropdown-item:hover, .dropdown-menu.dropdown-menu-danger .dropdown-item:focus, .dropdown-menu.dropdown-menu-danger .dropdown-item:active, .dropdown-menu.dropdown-menu-danger .dropdown-item.active {
  color: #FFF;
}

.dropdown-menu.dropmenu-item-primary .dropdown-item:hover, .dropdown-menu.dropmenu-item-primary .dropdown-item:focus, .dropdown-menu.dropmenu-item-primary .dropdown-item:active, .dropdown-menu.dropmenu-item-primary .dropdown-item.active {
  background-color: rgba(207, 52, 37, 0.1) !important;
  color: #084d2a;
}
.dropdown-menu.dropmenu-item-secondary .dropdown-item:hover, .dropdown-menu.dropmenu-item-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-item-secondary .dropdown-item:active, .dropdown-menu.dropmenu-item-secondary .dropdown-item.active {
  background-color: rgba(152, 170, 48, 0.1) !important;
  color: #074682;
}
.dropdown-menu.dropmenu-item-warning .dropdown-item:hover, .dropdown-menu.dropmenu-item-warning .dropdown-item:focus, .dropdown-menu.dropmenu-item-warning .dropdown-item:active, .dropdown-menu.dropmenu-item-warning .dropdown-item.active {
  background-color: rgba(255, 202, 24, 0.1) !important;
  color: #FFCA18;
}
.dropdown-menu.dropmenu-item-info .dropdown-item:hover, .dropdown-menu.dropmenu-item-info .dropdown-item:focus, .dropdown-menu.dropmenu-item-info .dropdown-item:active, .dropdown-menu.dropmenu-item-info .dropdown-item.active {
  background-color: rgba(21, 94, 239, 0.1) !important;
  color: #155EEF;
}
.dropdown-menu.dropmenu-item-success .dropdown-item:hover, .dropdown-menu.dropmenu-item-success .dropdown-item:focus, .dropdown-menu.dropmenu-item-success .dropdown-item:active, .dropdown-menu.dropmenu-item-success .dropdown-item.active {
  background-color: rgba(4, 189, 108, 0.1) !important;
  color: #04BD6C;
}
.dropdown-menu.dropmenu-item-danger .dropdown-item:hover, .dropdown-menu.dropmenu-item-danger .dropdown-item:focus, .dropdown-menu.dropmenu-item-danger .dropdown-item:active, .dropdown-menu.dropmenu-item-danger .dropdown-item.active {
  background-color: rgba(255, 0, 0, 0.1) !important;
  color: #FF0000;
}

.dropdown-menu.dropmenu-light-primary {
  background-color: rgba(152, 170, 48, 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-primary .dropdown-item:hover, .dropdown-menu.dropmenu-light-primary .dropdown-item:focus, .dropdown-menu.dropmenu-light-primary .dropdown-item:active, .dropdown-menu.dropmenu-light-primary .dropdown-item.active {
  color: #FFF;
  background-color: #084d2a !important;
}
.dropdown-menu.dropmenu-light-secondary {
  background-color: rgba(152, 170, 48, 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-secondary .dropdown-item:hover, .dropdown-menu.dropmenu-light-secondary .dropdown-item:focus, .dropdown-menu.dropmenu-light-secondary .dropdown-item:active, .dropdown-menu.dropmenu-light-secondary .dropdown-item.active {
  color: #FFF;
  background-color: #074682 !important;
}
.dropdown-menu.dropmenu-light-info {
  background-color: rgba(21, 94, 239, 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-info .dropdown-item:hover, .dropdown-menu.dropmenu-light-info .dropdown-item:focus, .dropdown-menu.dropmenu-light-info .dropdown-item:active, .dropdown-menu.dropmenu-light-info .dropdown-item.active {
  color: #FFF;
  background-color: #155EEF !important;
}
.dropdown-menu.dropmenu-light-warning {
  background-color: rgba(255, 202, 24, 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-warning .dropdown-item:hover, .dropdown-menu.dropmenu-light-warning .dropdown-item:focus, .dropdown-menu.dropmenu-light-warning .dropdown-item:active, .dropdown-menu.dropmenu-light-warning .dropdown-item.active {
  color: #FFF;
  background-color: #FFCA18 !important;
}
.dropdown-menu.dropmenu-light-success {
  background-color: rgba(4, 189, 108, 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-success .dropdown-item:hover, .dropdown-menu.dropmenu-light-success .dropdown-item:focus, .dropdown-menu.dropmenu-light-success .dropdown-item:active, .dropdown-menu.dropmenu-light-success .dropdown-item.active {
  color: #FFF;
  background-color: #04BD6C !important;
}
.dropdown-menu.dropmenu-light-danger {
  background-color: rgba(255, 0, 0, 0.1);
  backdrop-filter: blur(2rem);
}
.dropdown-menu.dropmenu-light-danger .dropdown-item:hover, .dropdown-menu.dropmenu-light-danger .dropdown-item:focus, .dropdown-menu.dropmenu-light-danger .dropdown-item:active, .dropdown-menu.dropmenu-light-danger .dropdown-item.active {
  color: #FFF;
  background-color: #FF0000 !important;
}

.dropdown-divider {
  margin: 0;
}

.bd-example > .dropdown-menu {
  position: static;
  display: block;
}

.card-dropdown > a {
  background: #FFF;
  border-radius: 6px;
  font-weight: 400;
  box-shadow: 0px 4.4px 20px -1px rgba(19, 16, 34, 0.0509803922);
  border: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #393F4D;
  padding: 10px 10px 10px 30px;
  position: relative;
}
.card-dropdown > a .cal-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.card-dropdown > a i {
  font-size: 16px;
  margin-right: 5px;
}
.card-dropdown > a[aria-expanded=true]::after {
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}
.card-dropdown .dropdown-menu {
  border: 0;
  border-radius: 6px;
  padding: 15px;
  box-shadow: 0px 4px 9px -1px rgba(19, 16, 34, 0.031372549);
}
.card-dropdown .dropdown-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
  border-radius: 6px;
  font-size: 14px;
}
.card-dropdown .dropdown-menu li a i {
  font-size: 16px;
  margin-right: 8px;
}
.card-dropdown .dropdown-menu li a:hover {
  background: #E9EFF3;
  color: #242B3A;
}

.dropdown-md {
  min-width: 320px !important;
}

.dropdown-sm {
  min-width: 260px !important;
}

.dropdown-menu.notes-menu {
  z-index: 99999;
}
.dropdown-menu.notes-menu a.dropdown-item {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  padding: 8px 15px;
}
.dropdown-menu.notes-menu span {
  margin-right: 8px;
}
.dropdown-menu.notes-menu svg {
  width: 14px;
  height: 14px;
  color: #4E5561;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  14.typography
============================*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #111827;
  /* Site-wide heading typeface — matches the homepage & kizza-tours system */
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 36px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  h1,
  .h1 {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  h1,
  .h1 {
    font-size: 26px;
  }
}

h2,
.h2 {
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  h2,
  .h2 {
    font-size: 28px;
  }
}
@media (max-width: 767.98px) {
  h2,
  .h2 {
    font-size: 24px;
  }
}

h3,
.h3 {
  font-size: 28px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  h3,
  .h3 {
    font-size: 22px;
  }
}

h4,
.h4 {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  h4,
  .h4 {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  h4,
  .h4 {
    font-size: 18px;
  }
}

h5,
.h5 {
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  h5,
  .h5 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  h5,
  .h5 {
    font-size: 16px;
  }
}

h6,
.h6 {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  h6,
  .h6 {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  h6,
  .h6 {
    font-size: 14px;
  }
}

.display-3 {
  font-size: 60px;
  font-weight: 700;
}
@media (max-width: 1399.98px) {
  .display-3 {
    font-size: 48px;
  }
}
@media (max-width: 1199.98px) {
  .display-3 {
    font-size: 44px;
  }
}
@media (max-width: 991.98px) {
  .display-3 {
    font-size: 42px;
  }
}
@media (max-width: 767.98px) {
  .display-3 {
    font-size: 30px;
  }
}

.display-4 {
  font-size: 52px;
  font-weight: 700;
}
@media (max-width: 1399.98px) {
  .display-4 {
    font-size: 44px;
  }
}
@media (max-width: 1199.98px) {
  .display-4 {
    font-size: 40px;
  }
}
@media (max-width: 991.98px) {
  .display-4 {
    font-size: 38px;
  }
}
@media (max-width: 767.98px) {
  .display-4 {
    font-size: 28px;
  }
}

.display-5 {
  font-size: 44px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .display-5 {
    font-size: 34px;
  }
}
@media (max-width: 767.98px) {
  .display-5 {
    font-size: 26px;
  }
}

.display-6 {
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 1199.98px) {
  .display-6 {
    font-size: 36px;
  }
}
@media (max-width: 991.98px) {
  .display-6 {
    font-size: 32px;
  }
}
@media (max-width: 767.98px) {
  .display-6 {
    font-size: 22px;
  }
}

.fs-sm {
  font-size: 0.6875rem;
}

.fs-base {
  font-size: 0.875rem;
}

.fs-lg {
  font-size: 1.125rem;
}

.fs-1 {
  font-size: 0.0625rem;
}

.fs-2 {
  font-size: 0.125rem;
}

.fs-3 {
  font-size: 0.1875rem;
}

.fs-4 {
  font-size: 0.25rem !important;
}

.fs-5 {
  font-size: 0.3125rem !important;
}

.fs-6 {
  font-size: 0.375rem !important;
}

.fs-7 {
  font-size: 0.4375rem;
}

.fs-8 {
  font-size: 0.5rem !important;
}

.fs-9 {
  font-size: 0.5625rem;
}

.fs-10 {
  font-size: 0.75em !important;
}

.fs-11 {
  font-size: 0.6875rem;
}

.fs-12 {
  font-size: 0.75rem;
}

.fs-13 {
  font-size: 0.8125rem !important;
}

.fs-14 {
  font-size: 0.875rem !important;
}

.fs-15 {
  font-size: 0.9375rem;
}

.fs-16 {
  font-size: 1rem;
}

.fs-17 {
  font-size: 1.0625rem;
}

.fs-18 {
  font-size: 1.125rem;
}
@media (max-width: 991.98px) {
  .fs-18 {
    font-size: 1.0625rem;
  }
}
@media (max-width: 767.98px) {
  .fs-18 {
    font-size: 1rem;
  }
}

.fs-19 {
  font-size: 1.1875rem;
}

.fs-20 {
  font-size: 1.25rem;
}
@media (max-width: 991.98px) {
  .fs-20 {
    font-size: 1.0625rem;
  }
}
@media (max-width: 767.98px) {
  .fs-20 {
    font-size: 1rem;
  }
}

.fs-21 {
  font-size: 1.3125rem;
}
@media (max-width: 991.98px) {
  .fs-21 {
    font-size: 1.0625rem;
  }
}
@media (max-width: 767.98px) {
  .fs-21 {
    font-size: 1rem;
  }
}

.fs-22 {
  font-size: 1.375rem;
}
@media (max-width: 991.98px) {
  .fs-22 {
    font-size: 1.0625rem;
  }
}
@media (max-width: 767.98px) {
  .fs-22 {
    font-size: 1rem;
  }
}

.fs-23 {
  font-size: 1.4375rem;
}
@media (max-width: 991.98px) {
  .fs-23 {
    font-size: 1.25rem;
  }
}
@media (max-width: 767.98px) {
  .fs-23 {
    font-size: 1rem;
  }
}

.fs-24 {
  font-size: 1.5rem;
}

.fs-25 {
  font-size: 1.5625rem;
}

.fs-26 {
  font-size: 1.625rem;
}

.fs-27 {
  font-size: 1.6875rem;
}

.fs-28 {
  font-size: 1.75rem;
}

.fs-29 {
  font-size: 1.8125rem;
}

.fs-30 {
  font-size: 1.875rem;
}

.fs-32 {
  font-size: 2rem;
}
@media (max-width: 991.98px) {
  .fs-32 {
    font-size: 28px;
  }
}
@media (max-width: 767.98px) {
  .fs-32 {
    font-size: 24px;
  }
}

.fs-34 {
  font-size: 2.125rem;
}

.fs-36 {
  font-size: 2.25rem;
}

.fs-38 {
  font-size: 2.375rem;
}

.fs-40 {
  font-size: 2.5rem;
}

.text-default {
  color: #4E5561 !important;
}

.text-muted {
  color: #677788 !important;
}

.text-linear-primary {
  background: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-primary {
  color: #084d2a !important;
  opacity: 1;
}
.text-primary.text-opacity-75 {
  color: rgba(207, 52, 37, 0.75) !important;
}
.text-primary.text-opacity-25 {
  color: rgba(207, 52, 37, 0.25) !important;
}
.text-primary.text-opacity-50 {
  color: rgba(207, 52, 37, 0.5) !important;
}

.text-secondary {
  color: #074682 !important;
  opacity: 1;
}

.text-info {
  color: #155EEF !important;
  opacity: 1;
}

.text-success {
  color: #04BD6C !important;
  opacity: 1;
}

.text-warning {
  color: #FFCA18 !important;
  opacity: 1;
}

.text-danger {
  color: #FF0000 !important;
  opacity: 1;
}

.text-cyan {
  color: #06AED4 !important;
  opacity: 1;
}

.text-pink {
  color: #DD2590 !important;
}

.text-orange {
  color: #E04F16 !important;
}

.text-teal {
  color: #0E9384 !important;
}

.text-indigo {
  color: #3538CD !important;
}

.text-cyan {
  color: #06AED4 !important;
}

.text-purple {
  color: #6938EF !important;
}

.text-dark {
  color: #212E47 !important;
}

.text-light {
  color: #E4EBF1 !important;
}

.text-gray {
  color: #656B76 !important;
}

.text-black {
  color: #000 !important;
}

.text-white {
  color: #FFF !important;
}

.text-fixed-white {
  color: #FFF !important;
}

.text-fixed-black {
  color: #000 !important;
}

.text-gray-1 {
  color: #C9CBCF;
}

.text-gray-2 {
  color: #AFB2B8;
}

.text-gray-3 {
  color: #969AA2;
}

.text-gray-4 {
  color: #7D828C;
}

.text-gray-5 {
  color: #656B76;
}

.text-gray-6 {
  color: #4E5561 !important;
}

.text-gray-7 {
  color: #393F4D;
}

.text-gray-8 {
  color: #242B3A;
}

.text-gray-9 {
  color: #111827 !important;
}

.text-light-500 {
  color: #F1F4F7;
}

a {
  color: #111827;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:hover {
  color: #084d2a;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:focus {
  outline: 0;
}

.link-primary {
  color: #084d2a !important;
}
.link-primary:hover, .link-primary:focus, .link-primary:active {
  color: rgb(163.7336065574, 41.131147541, 29.2663934426) !important;
}

.link-secondary {
  color: #074682 !important;
}
.link-secondary:hover, .link-secondary:focus, .link-secondary:active {
  color: #074682 !important;
}

.link-success {
  color: #04BD6C !important;
}
.link-success:hover, .link-success:focus, .link-success:active {
  color: #04BD6C !important;
}

.link-danger {
  color: #FF0000 !important;
}
.link-danger:hover, .link-danger:focus, .link-danger:active {
  color: #FF0000 !important;
}

.link-warning {
  color: #FFCA18 !important;
}
.link-warning:hover, .link-warning:focus, .link-warning:active {
  color: #FFCA18 !important;
}

.link-info {
  color: #155EEF !important;
}
.link-info:hover, .link-info:focus, .link-info:active {
  color: #155EEF !important;
}

.link-light {
  color: #E4EBF1 !important;
}
.link-light:hover, .link-light:focus, .link-light:active {
  color: #F1F4F7 !important;
}

.link-dark {
  color: #212E47 !important;
}
.link-dark:hover, .link-dark:focus, .link-dark:active {
  color: #212E47 !important;
}

.link-default {
  color: #4E5561 !important;
}
.link-default:hover, .link-default:focus, .link-default:active {
  color: #084d2a !important;
}

hr.text-danger {
  border-color: #FF0000 !important;
}

.blockquote-container {
  padding: 1.25rem;
  border-left: 4px solid #E4EBF1;
  position: relative;
}
.blockquote-container.text-end {
  border-right: 4px solid #E4EBF1;
  border-left: 0;
}

.blockquote.custom-blockquote {
  font-size: 0.85rem;
  font-weight: 600;
  padding: 1rem;
  border-radius: 4px;
  position: relative;
}
.blockquote.custom-blockquote:before {
  content: "\f10d";
  font-family: "Fontawesome";
  z-index: 0;
  font-size: 2rem;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0.5rem;
}
.blockquote.custom-blockquote.primary {
  background-color: rgba(207, 52, 37, 0.1);
  border-inline-start: 2px solid #084d2a;
}
.blockquote.custom-blockquote.primary:before {
  color: rgba(207, 52, 37, 0.1);
}
.blockquote.custom-blockquote.secondary {
  background-color: rgba(152, 170, 48, 0.1);
  border-inline-start: 2px solid #074682;
}
.blockquote.custom-blockquote.secondary:before {
  color: rgba(152, 170, 48, 0.1);
}
.blockquote.custom-blockquote.info {
  background-color: rgba(21, 94, 239, 0.1);
  border-inline-start: 2px solid #155EEF;
}
.blockquote.custom-blockquote.info:before {
  color: rgba(21, 94, 239, 0.1);
}
.blockquote.custom-blockquote.warning {
  background-color: rgba(255, 202, 24, 0.1);
  border-inline-start: 2px solid #FFCA18;
}
.blockquote.custom-blockquote.warning:before {
  color: rgba(255, 202, 24, 0.1);
}
.blockquote.custom-blockquote.success {
  background-color: rgba(4, 189, 108, 0.1);
  border-inline-start: 2px solid #04BD6C;
}
.blockquote.custom-blockquote.success:before {
  color: rgba(4, 189, 108, 0.1);
}
.blockquote.custom-blockquote.danger {
  background-color: rgba(255, 0, 0, 0.1);
  border-inline-start: 2px solid #FF0000;
}
.blockquote.custom-blockquote.danger:before {
  color: rgba(255, 0, 0, 0.1);
}

[data-theme-mode=dark] .shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode=dark] .shadow {
  box-shadow: 0 0.5rem 1rem rgba(33, 37, 41, 0.3) !important;
}
[data-theme-mode=dark] .shadow-lg {
  box-shadow: 0 1rem 3rem rgba(33, 37, 41, 0.3) !important;
}

@media screen and (min-width: 576px) {
  .w-sm-auto {
    width: auto;
  }
}
[dir=rtl] .text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.transform-none {
  transform: none !important;
}

.list-circle {
  list-style: circle;
  padding-left: 2rem;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  15.forms
============================*/
.form-control {
  border-color: #E4EBF1;
  color: #111827;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  border-radius: 4px;
  padding: 0.5rem 0.625rem;
  min-height: 40px;
  transition: all 0.5s;
}
.form-control:focus {
  box-shadow: none;
  border-color: #E4EBF1;
}

textarea {
  resize: none;
}
textarea.form-control {
  min-height: 38px;
  height: auto;
}

.form-control[type=file] {
  padding: 0.3rem 0.5rem;
}
.form-control[type=file].form-control-sm {
  padding: 0.25rem 0.5rem !important;
}
.form-control[type=file].form-control-lg {
  padding: 0.5rem 1rem !important;
}

.form-text {
  color: #677788;
}

.form-control-light {
  background-color: #E4EBF1;
  border: 0;
}
.form-control-light:focus {
  background-color: #E4EBF1;
}

.form-control-primary {
  background-color: rgba(207, 52, 37, 0.1);
  border: 0;
  color: #084d2a;
}
.form-control-primary:focus {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}

.form-input-color {
  height: 2.25rem;
  width: 2.25rem;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
}

.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: #677788;
}

.form-floating > .form-control:not(:placeholder-shown) ~ label::after {
  background-color: transparent;
}

.form-select {
  background-color: #ffffff;
  border: 1px solid #E4EBF1;
  color: #4E5561;
  font-size: 14px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
  background-size: 1.25rem;
  line-height: 2;
}
.form-select option {
  background-color: #FFF;
  padding: 0.35rem 0.75rem;
  border-radius: 0.25rem;
  margin-block-end: 0.25rem;
}
.form-select option:last-child {
  margin-block-end: 0;
}
.form-select option:checked {
  background-color: rgba(var(#084d2a), 0.2);
  color: #084d2a;
}
.form-select option:select {
  background-color: rgba(var(#084d2a), 0.2);
  color: #084d2a;
}
.form-select option:hover {
  background-color: rgba(var(#084d2a), 0.2);
  color: #084d2a;
}
.form-select option:focus {
  background-color: rgba(var(#084d2a), 0.2);
  color: #084d2a;
}

.form-check-label {
  font-size: 14px;
  color: #4E5561;
}

.form-check-input {
  width: 0.9rem;
  height: 0.9rem;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
}
.form-check-input:checked {
  background-color: #084d2a;
  border-color: #084d2a;
}
.form-check-input:checked ~ .form-check-label {
  color: #111827;
}
.form-check-input.form-checked-outline:checked {
  background-color: transparent;
  border-color: #084d2a;
}
.form-check-input.form-checked-secondary:checked {
  background-color: #074682;
  border-color: #074682;
}
.form-check-input.form-checked-warning:checked {
  background-color: #FFCA18;
  border-color: #FFCA18;
}
.form-check-input.form-checked-info:checked {
  background-color: #155EEF;
  border-color: #155EEF;
}
.form-check-input.form-checked-success:checked {
  background-color: #04BD6C;
  border-color: #04BD6C;
}
.form-check-input.form-checked-danger:checked {
  background-color: #FF0000;
  border-color: #FF0000;
}
.form-check-input.form-checked-light:checked {
  background-color: #E4EBF1;
  border-color: #E4EBF1;
}
.form-check-input.form-checked-dark:checked {
  background-color: #212E47;
  border-color: #212E47;
}
.form-check-input:focus {
  box-shadow: none;
}

.form-checked-outline:checked[type=checkbox] {
  background-image: none;
  position: relative;
  background-color: transparent;
}
.form-checked-outline:checked[type=checkbox]:before {
  content: "\f633";
  font-family: bootstrap-icons !important;
  position: absolute;
  color: #084d2a;
  width: 0.625rem;
  height: 0.625rem;
  inset-block-start: -1px;
  inset-inline-start: 0px;
  font-size: 0.688rem;
}
.form-checked-outline:checked[type=checkbox].form-checked-secondary:before {
  color: #074682;
}
.form-checked-outline:checked[type=checkbox].form-checked-warning:before {
  color: #FFCA18;
}
.form-checked-outline:checked[type=checkbox].form-checked-info:before {
  color: #155EEF;
}
.form-checked-outline:checked[type=checkbox].form-checked-success:before {
  color: #04BD6C;
}
.form-checked-outline:checked[type=checkbox].form-checked-danger:before {
  color: #FF0000;
}
.form-checked-outline:checked[type=checkbox].form-checked-light:before {
  color: #E4EBF1;
}
.form-checked-outline:checked[type=checkbox].form-checked-dark:before {
  color: #212E47;
}

.form-checked-outline:checked[type=radio] {
  background-image: none;
  position: relative;
  background-color: transparent;
}
.form-checked-outline:checked[type=radio]:before {
  content: "\f309";
  font-family: bootstrap-icons !important;
  position: absolute;
  color: #084d2a;
  width: 0.625rem;
  height: 0.625rem;
  inset-block-start: -1.13rem;
  inset-inline-start: -0.6rem;
  font-size: 2rem;
}
.form-checked-outline:checked[type=radio].form-checked-secondary:before {
  color: #074682;
}
.form-checked-outline:checked[type=radio].form-checked-warning:before {
  color: #FFCA18;
}
.form-checked-outline:checked[type=radio].form-checked-info:before {
  color: #155EEF;
}
.form-checked-outline:checked[type=radio].form-checked-success:before {
  color: #04BD6C;
}
.form-checked-outline:checked[type=radio].form-checked-danger:before {
  color: #FF0000;
}
.form-checked-outline:checked[type=radio].form-checked-light:before {
  color: #E4EBF1;
}
.form-checked-outline:checked[type=radio].form-checked-dark:before {
  color: #212E47;
}

fieldset:disabled .btn {
  color: #FFF;
  background-color: #084d2a;
  border-color: #084d2a;
}

.form-select:focus {
  border-color: rgba(var(#084d2a), 0.5);
  outline: 0;
  box-shadow: none;
}

.btn-check:focus + .btn,
.btn:focus {
  background-color: none;
  border-color: none;
  outline: 0;
}

.btn-check:active + .btn:focus,
.btn-check:checked + .btn:focus,
.btn.active:focus,
.btn.show:focus,
.btn:active:focus {
  box-shadow: none;
}

.form-control:disabled,
.form-select:disabled {
  background-color: #E4EBF1;
  color: #4E5561;
}

.form-control-plaintext {
  color: #4E5561;
}

.form-control::-webkit-file-upload-button {
  color: #4E5561;
  background-color: #f7f8f9;
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #f7f8f9;
}

.form-control:focus {
  color: #111827;
}
.form-control:focus::-webkit-input-placeholder, .form-control:focus::placeholder {
  color: #969AA2;
  padding-inline-start: 0;
}
.form-control::-webkit-input-placeholder {
  color: #969AA2;
  padding-inline-start: 0px;
  transition: padding-inline-start 0.1s ease-in;
}
.form-control:-moz-placeholder {
  color: #969AA2;
}
.form-control::-moz-placeholder {
  color: #969AA2;
}
.form-control:-ms-input-placeholder {
  color: #969AA2;
}

.form-control-sm {
  font-size: 0.8rem;
  padding: 0.25rem 0.8rem;
  height: auto;
}

.form-control-lg {
  font-size: 1rem;
  padding: 0.66rem 1rem;
}

.form-check-md .form-check-input {
  width: 1.15rem;
  height: 1.15rem;
}
.form-check-md.form-switch .form-check-input {
  width: 2.25rem;
}
.form-check-md label {
  margin-inline-start: 0.5rem;
  font-size: 0.95rem;
  margin-block-start: 3px;
}

.form-check-lg .form-check-input {
  width: 1.35rem;
  height: 1.35rem;
}
.form-check-lg.form-switch .form-check-input {
  width: 2.5rem;
}
.form-check-lg label {
  margin-inline-start: 0.5rem;
  font-size: 1rem;
  margin-block-start: 3px;
}

.label-primary {
  background: #084d2a;
  color: #FFF;
}

.label-secondary {
  background: #074682;
  color: #FFF;
}

.label-warning {
  background: #FFCA18;
  color: #FFF;
}

.label-info {
  background: #155EEF;
  color: #FFF;
}

.label-success {
  background: #04BD6C;
  color: #FFF;
}

.label-danger {
  background: #FF0000;
  color: #FFF;
}

.label-light {
  background: #E4EBF1;
  color: #FFF;
}

.label-dark {
  background: #212E47;
  color: #FFF;
}

.form-floating > .form-control-plaintext::placeholder,
.form-floating > .form-control::placeholder {
  color: transparent !important;
}

.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem - 4px);
}

.form-floating.floating-primary label {
  color: #084d2a;
  opacity: 1;
}
.form-floating.floating-primary input {
  border: 1px solid #084d2a;
}
.form-floating.floating-primary > .form-control:focus ~ label {
  color: #084d2a !important;
}
.form-floating.floating-secondary label {
  color: #074682;
  opacity: 1;
}
.form-floating.floating-secondary input {
  border: 1px solid #074682;
}
.form-floating.floating-secondary > .form-control:focus ~ label {
  color: #074682 !important;
}
.form-floating.floating-warning label {
  color: #FFCA18;
  opacity: 1;
}
.form-floating.floating-warning input {
  border: 1px solid #FFCA18;
}
.form-floating.floating-warning > .form-control:focus ~ label {
  color: #FFCA18 !important;
}
.form-floating.floating-info label {
  color: #155EEF;
  opacity: 1;
}
.form-floating.floating-info input {
  border: 1px solid #155EEF;
}
.form-floating.floating-info > .form-control:focus ~ label {
  color: #155EEF !important;
}
.form-floating.floating-success label {
  color: #04BD6C;
  opacity: 1;
}
.form-floating.floating-success input {
  border: 1px solid #04BD6C;
}
.form-floating.floating-success > .form-control:focus ~ label {
  color: #04BD6C !important;
}
.form-floating.floating-danger label {
  color: #FF0000;
  opacity: 1;
}
.form-floating.floating-danger input {
  border: 1px solid #FF0000;
}
.form-floating.floating-danger > .form-control:focus ~ label {
  color: #FF0000 !important;
}

.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  background-color: #FFF;
  border-radius: 4px;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #04BD6C;
  box-shadow: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #04BD6C;
}

.form-control-color {
  width: 1.75rem;
  height: 1.75rem;
  overflow: hidden;
  padding: 0;
}

.bootstrap-tagsinput {
  border-color: #E4EBF1;
  color: #4E5561;
  background-color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  padding: 0.45rem 0.625rem;
  height: 38px;
  box-shadow: none;
  overflow-y: auto;
  width: 100%;
}
.bootstrap-tagsinput .tag {
  background: #E4EBF1;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 14px;
  color: #393F4D;
  display: inline-flex;
  align-items: center;
}
.bootstrap-tagsinput .tag span::after {
  color: #111827;
}
.bootstrap-tagsinput .tag [data-role=remove]:hover {
  box-shadow: none;
}
.bootstrap-tagsinput .tag [data-role=remove]:hover:active {
  box-shadow: none;
}

[dir=rtl] [type=email],
[dir=rtl] [type=number],
[dir=rtl] [type=tel],
[dir=rtl] [type=url] {
  direction: rtl;
}

.form-select.is-invalid:not([multiple]):not([size]) {
  padding-right: 1.125rem;
  background-size: 16px 28px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

input[type=range]::-webkit-slider-runnable-track {
  background-color: #E4EBF1;
}

[dir=rtl] .form-checked-outline:checked[type=checkbox]:before {
  inset-inline-start: 1px;
}

.form-check {
  min-height: inherit !important;
}

.col-form-label-lg,
.col-form-label-sm,
.col-form-label {
  font-weight: 600;
}

.col-form-label {
  font-size: 15px;
  font-weight: 500;
  color: #111827;
}

.form-label {
  font-size: 14px;
  font-weight: 500;
  color: #4E5561;
}

.input-group-text {
  border-radius: 4px;
}

[data-theme-mode=dark] input[type=week]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=month]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=date]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=datetime-local]::-webkit-calendar-picker-indicator, [data-theme-mode=dark] input[type=time]::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

[dir=rtl] input[type=week], [dir=rtl] input[type=month], [dir=rtl] input[type=date], [dir=rtl] input[type=datetime-local], [dir=rtl] input[type=time] {
  text-align: end;
}

.input-group-text {
  border-color: #E7EDF2;
}

/**
Form help
 */
.form-help {
  display: inline-flex;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  font-size: 0.75rem;
  color: #FFF;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  user-select: none;
  background: #074682;
  border-radius: 4px;
}
.form-help:hover, .form-help[aria-describedby] {
  color: #FFF;
  background: #084d2a;
}

.input-icon {
  position: relative;
}
.input-icon .form-control:not(:last-child),
.input-icon .form-select:not(:last-child) {
  padding-right: 2.5rem;
}

/* Input Group */
.input-group-link {
  font-size: 12px;
}

.input-group-flat:focus-within {
  border-radius: 4px;
}
.input-group-flat:focus-within .form-control,
.input-group-flat:focus-within .input-group-text {
  border-color: #E4EBF1 !important;
}
.input-group-flat .form-control:focus {
  box-shadow: none;
}
.input-group-flat .form-control:not(:last-child) {
  border-right: 0;
}
.input-group-flat .form-control:not(:first-child) {
  border-left: 0;
}
.input-group-flat .input-group-text:first-child {
  padding-right: 0;
}
.input-group-flat .input-group-text:last-child {
  padding-left: 0;
}

.custom-radio {
  display: block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 15px;
  color: #393F4D;
  text-transform: capitalize;
}
.custom-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.custom-radio input:checked ~ .checkmark {
  border-color: #084d2a;
  background: #084d2a;
}
.custom-radio input:checked ~ .checkmark::after {
  opacity: 1;
  visibility: visible;
}
.custom-radio .checkmark {
  width: 20px;
  height: 20px;
  border: 1px solid #E7EDF2;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-radio .checkmark::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #FFF;
  opacity: 0;
  visibility: hidden;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.check-radio-group {
  flex-wrap: wrap;
  row-gap: 10px;
}
.check-radio-group .custom-radio {
  margin-right: 15px;
}

.check {
  display: block;
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.checktoggle {
  background-color: rgba(115, 103, 240, 0.2);
  border-radius: 12px;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 24px;
  margin-bottom: 0;
  position: relative;
  width: 46px;
}

.status-toggle.modal-status label {
  height: 16px;
  width: 30px;
  background-color: #FFF;
  border: 1px solid #E7EDF2;
  margin-bottom: 0;
}

.check:checked + .checktoggle {
  background-color: #FFF;
}

.checktoggle:after {
  content: " ";
  display: block;
  transform: translate(2px, -50%);
  width: 10px;
  height: 10px;
  background-color: #969AA2;
  transition: left 300ms ease, transform 300ms ease;
  border-radius: 50%;
  transform: translate(2px, -50%);
  -webkit-transform: translate(4px, -50%);
  -ms-transform: translate(2px, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}

.check:checked + .checktoggle:after {
  background-color: #084d2a;
  left: 100%;
  transform: translate(calc(-90% - 4px), -50%);
}

.input-icon {
  position: relative;
}

.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  color: #393F4D;
  pointer-events: none;
  font-size: 1.2em;
}
.input-icon-addon:last-child {
  right: 0;
  left: auto;
}

.input-icon-start .form-control {
  padding-left: 28px;
}

.icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2rem;
  color: #393F4D;
  pointer-events: none;
  font-size: 1.2em;
}

input-icon {
  position: relative;
}

.input-icon .form-control:not(:last-child), .input-icon .form-select:not(:last-child) {
  padding-right: 2.5rem;
}

.input-icon .form-control:not(:first-child), .input-icon .form-select:not(:last-child) {
  padding-left: 2.5rem;
}

.input-icon-addon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 2.5rem;
  color: #4E5561;
  pointer-events: none;
  font-size: 16px;
}

.input-icon-addon:last-child {
  right: 0;
  left: auto;
}

.form-wrap .form-wrap-icon {
  position: relative;
}
.form-wrap .form-wrap-icon i {
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.toggle-password {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: #111827;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: auto;
}
.toggle-password:hover {
  color: #084d2a;
}

.pass-group {
  position: relative;
}

.toggle-passwords, .toggle-passworda {
  cursor: pointer;
  width: 30px;
  height: 30px;
  color: #111827;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 10px;
}
.toggle-passwords:hover, .toggle-passworda:hover {
  color: #084d2a;
}

.drag-upload-btn {
  font-size: 12px;
  font-weight: 600;
  background: #FFF;
  border: 1px dashed #E7EDF2;
  border-radius: 54px;
  padding: 6px 16px;
  position: relative;
  transition: all 0.5s;
}
.drag-upload-btn input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.drag-upload-btn:hover {
  background: #084d2a;
  border-color: #084d2a;
  color: #FFF;
  transition: all 0.5s;
}

.bookingrange {
  padding: 4px 8px 4px 30px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  16.accordion
============================*/
.accordion-button {
  background-color: #FFF;
  color: #000;
  padding: 1rem 1rem;
  font-size: 20px;
  font-weight: 600;
}
@media (max-width: 991.98px) {
  .accordion-button {
    font-size: 16px;
  }
}
.accordion-button:not(.collapsed) {
  color: #000;
  background-color: transparent;
  box-shadow: none;
}
.accordion-button:not(.collapsed):after {
  content: "\f068";
  color: #4E5561;
  background-image: none;
}
.accordion-button:focus {
  border-color: rgba(207, 52, 37, 0.3);
  box-shadow: none;
}
.accordion-button:after {
  background-image: none;
}
.accordion-button:after {
  content: "+";
  font-family: "Fontawesome";
  font-size: 20px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3.125rem;
  color: #4E5561;
}

.accordion-body {
  padding: 0 1rem 1rem;
  font-size: 16px;
  color: #4E5561;
}

.accordion-item {
  color: #4E5561;
  background-color: #FFF;
  border: 1px solid #E4EBF1;
  border-radius: 5px;
  position: relative;
}

.accordions-items-seperate .accordion-item:not(:first-of-type) {
  margin-block-start: 1rem;
}
.accordions-items-seperate .accordion-item {
  border-block-start: 1px solid #E7EDF2;
  border-radius: 4px;
  overflow: hidden;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: 0.35rem;
  border-bottom-left-radius: 0.35rem;
}

.accordion-item:first-of-type {
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}

.accordion.accordion-primary .accordion-button {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}
.accordion.accordion-primary .accordion-button:after {
  background-color: #084d2a;
  color: #FFF;
}
.accordion.accordion-primary .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-primary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-secondary .accordion-button {
  background-color: rgba(152, 170, 48, 0.1);
  color: #074682;
}
.accordion.accordion-secondary .accordion-button:after {
  background-color: #074682;
  color: #FFF;
}
.accordion.accordion-secondary .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-secondary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-success .accordion-button {
  background-color: rgba(4, 189, 108, 0.1);
  color: #04BD6C;
}
.accordion.accordion-success .accordion-button:after {
  background-color: #04BD6C;
  color: #FFF;
}
.accordion.accordion-success .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-success .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-danger .accordion-button {
  background-color: rgba(255, 0, 0, 0.1);
  color: #FF0000;
}
.accordion.accordion-danger .accordion-button:after {
  background-color: #FF0000;
  color: #FFF;
}
.accordion.accordion-danger .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-danger .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-warning .accordion-button {
  background-color: rgba(255, 202, 24, 0.1);
  color: #FFCA18;
}
.accordion.accordion-warning .accordion-button:after {
  background-color: #FFCA18;
  color: #FFF;
}
.accordion.accordion-warning .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-warning .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-info .accordion-button {
  background-color: rgba(21, 94, 239, 0.1);
  color: #155EEF;
}
.accordion.accordion-info .accordion-button:after {
  background-color: #155EEF;
  color: #FFF;
}
.accordion.accordion-info .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-info .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}

.accordion.accordion-solid-primary .accordion-button {
  background-color: #084d2a;
  color: #FFF;
}
.accordion.accordion-solid-primary .accordion-button:after {
  background-color: #FFF;
  color: #084d2a;
}
.accordion.accordion-solid-primary .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-solid-primary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-solid-secondary .accordion-button {
  background-color: #074682;
  color: #FFF;
}
.accordion.accordion-solid-secondary .accordion-button:after {
  background-color: #FFF;
  color: #074682;
}
.accordion.accordion-solid-secondary .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-solid-secondary .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-solid-success .accordion-button {
  background-color: #04BD6C;
  color: #FFF;
}
.accordion.accordion-solid-success .accordion-button:after {
  background-color: #FFF;
  color: #04BD6C;
}
.accordion.accordion-solid-success .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-solid-success .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-solid-danger .accordion-button {
  background-color: #FF0000;
  color: #FFF;
}
.accordion.accordion-solid-danger .accordion-button:after {
  background-color: #FFF;
  color: #FF0000;
}
.accordion.accordion-solid-danger .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-solid-danger .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-solid-warning .accordion-button {
  background-color: #FFCA18;
  color: #FFF;
}
.accordion.accordion-solid-warning .accordion-button:after {
  background-color: #FFF;
  color: #FFCA18;
}
.accordion.accordion-solid-warning .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-solid-warning .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}
.accordion.accordion-solid-info .accordion-button {
  background-color: #155EEF;
  color: #FFF;
}
.accordion.accordion-solid-info .accordion-button:after {
  background-color: #FFF;
  color: #155EEF;
}
.accordion.accordion-solid-info .accordion-button.collapsed {
  background-color: #FFF;
  color: #4E5561;
}
.accordion.accordion-solid-info .accordion-button.collapsed:after {
  background-color: #f7f8f9;
  color: #4E5561;
}

.accordion.accordion-border-primary .accordion-item {
  border: 1px solid #084d2a;
}
.accordion.accordion-border-primary .accordion-button {
  background-color: #FFF;
  color: #084d2a;
  border-block-end: 0px;
}
.accordion.accordion-border-primary .accordion-button:after {
  background-color: #FFF;
  color: #084d2a;
  border: 1px solid #084d2a;
}
.accordion.accordion-border-primary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #084d2a;
}
.accordion.accordion-border-secondary .accordion-item {
  border: 1px solid #074682;
}
.accordion.accordion-border-secondary .accordion-button {
  background-color: #FFF;
  color: #074682;
  border-block-end: 0px;
}
.accordion.accordion-border-secondary .accordion-button:after {
  background-color: #FFF;
  color: #074682;
  border: 1px solid #074682;
}
.accordion.accordion-border-secondary .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #074682;
}
.accordion.accordion-border-success .accordion-item {
  border: 1px solid #04BD6C;
}
.accordion.accordion-border-success .accordion-button {
  background-color: #FFF;
  color: #04BD6C;
  border-block-end: 0px;
}
.accordion.accordion-border-success .accordion-button:after {
  background-color: #FFF;
  color: #04BD6C;
  border: 1px solid #04BD6C;
}
.accordion.accordion-border-success .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #04BD6C;
}
.accordion.accordion-border-danger .accordion-item {
  border: 1px solid #FF0000;
}
.accordion.accordion-border-danger .accordion-button {
  background-color: #FFF;
  color: #FF0000;
  border-block-end: 0px;
}
.accordion.accordion-border-danger .accordion-button:after {
  background-color: #FFF;
  color: #FF0000;
  border: 1px solid #FF0000;
}
.accordion.accordion-border-danger .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #FF0000;
}
.accordion.accordion-border-warning .accordion-item {
  border: 1px solid #FFCA18;
}
.accordion.accordion-border-warning .accordion-button {
  background-color: #FFF;
  color: #FFCA18;
  border-block-end: 0px;
}
.accordion.accordion-border-warning .accordion-button:after {
  background-color: #FFF;
  color: #FFCA18;
  border: 1px solid #FFCA18;
}
.accordion.accordion-border-warning .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #FFCA18;
}
.accordion.accordion-border-info .accordion-item {
  border: 1px solid #155EEF;
}
.accordion.accordion-border-info .accordion-button {
  background-color: #FFF;
  color: #155EEF;
  border-block-end: 0px;
}
.accordion.accordion-border-info .accordion-button:after {
  background-color: #FFF;
  color: #155EEF;
  border: 1px solid #155EEF;
}
.accordion.accordion-border-info .accordion-button:not(.collapsed) {
  border-block-end: 1px solid #155EEF;
}

.accordion.accordionicon-none .accordion-button:after {
  display: none;
}

.accordion.accordionicon-left .accordion-button {
  padding-inline-start: 2.5rem;
}
.accordion.accordionicon-left .accordion-button:after {
  position: absolute;
  inset-inline-start: 0.625rem;
}

.accordion.accordion-customicon1 .accordion-button:after {
  content: "+";
  font-family: "Fontawesome";
  background-color: #f7f8f9;
}
.accordion.accordion-customicon1 .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Fontawesome";
  background-color: #FFF;
}

.customized-accordion .accordion-item.custom-accordion-primary .accordion-button {
  background-color: rgba(207, 52, 37, 0.1);
  border-inline-start: 0.25rem solid rgba(207, 52, 37, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-button:after {
  background-color: rgba(207, 52, 37, 0.6);
  color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-primary .accordion-body {
  background-color: rgba(207, 52, 37, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(207, 52, 37, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button {
  background-color: rgba(152, 170, 48, 0.1);
  border-inline-start: 0.25rem solid rgba(152, 170, 48, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-button:after {
  background-color: rgba(152, 170, 48, 0.6);
  color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-secondary .accordion-body {
  background-color: rgba(152, 170, 48, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(152, 170, 48, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button {
  background-color: rgba(255, 202, 24, 0.1);
  border-inline-start: 0.25rem solid rgba(255, 202, 24, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-button:after {
  background-color: rgba(255, 202, 24, 0.6);
  color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-warning .accordion-body {
  background-color: rgba(255, 202, 24, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(255, 202, 24, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button {
  background-color: rgba(21, 94, 239, 0.1);
  border-inline-start: 0.25rem solid rgba(21, 94, 239, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-button:after {
  background-color: rgba(21, 94, 239, 0.6);
  color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-info .accordion-body {
  background-color: rgba(21, 94, 239, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(21, 94, 239, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button {
  background-color: rgba(4, 189, 108, 0.1);
  border-inline-start: 0.25rem solid rgba(4, 189, 108, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-button:after {
  background-color: rgba(4, 189, 108, 0.6);
  color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-success .accordion-body {
  background-color: rgba(4, 189, 108, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(4, 189, 108, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button {
  background-color: rgba(255, 0, 0, 0.1);
  border-inline-start: 0.25rem solid rgba(255, 0, 0, 0.6);
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-button:after {
  background-color: rgba(255, 0, 0, 0.6);
  color: #FFF;
}
.customized-accordion .accordion-item.custom-accordion-danger .accordion-body {
  background-color: rgba(255, 0, 0, 0.1);
  padding-block-start: 0;
  border-inline-start: 0.25rem solid rgba(255, 0, 0, 0.6);
}

.accordion.accordion-list .accordion-item {
  border: 0;
  background: transparent;
}
.accordion.accordion-list .accordion-item:last-child {
  border-bottom: 0 !important;
}
.accordion.accordion-list .accordion-item .accordion-header .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: #111827;
}
.accordion.accordion-list .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  content: "\f0d8";
  transform: none;
}
.accordion.accordion-list .accordion-item .accordion-header .accordion-button:after {
  content: "\f0d7";
  color: #4E5561;
  font-size: 16px;
}
.accordion.accordion-list .accordion-item .accordion-collapse .accordion-body {
  padding: 16px 0 0;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 17.cards
============================*/
.card {
  margin-bottom: 1.5rem;
  background-color: #FFF;
  transition: all 0.5s ease-in-out;
  position: relative;
  border-radius: 10px;
  border: 1px solid #E4EBF1;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  color: inherit;
}
.card .card-body {
  padding: 1.25rem;
}
@media (max-width: 767.98px) {
  .card .card-body {
    padding: 16px;
  }
}
.card .card-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  color: #111827;
}
@media (max-width: 767.98px) {
  .card .card-title {
    font-size: 16px;
  }
}
.card .card-header {
  border-color: #E7EDF2;
  position: relative;
  background: transparent;
  padding: 1rem 1.25rem 1rem;
}
@media (max-width: 767.98px) {
  .card .card-header {
    padding: 15px;
  }
}
.card .card-header .card-title {
  margin-bottom: 0rem;
}
.card .card-header .subtitle {
  padding-top: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.card .card-footer {
  border-color: #E7EDF2;
  background: transparent;
  padding: 1rem 1.25rem 1rem;
}

.card-group .card {
  margin-bottom: 1.5rem;
}

.card.custom-card {
  border-radius: 4px;
  border: 0;
  background-color: #FFF;
  position: relative;
  margin-block-end: 1.5rem;
  width: 100%;
}
.card.custom-card .card-header {
  padding: 1rem 1.25rem;
  background-color: transparent !important;
  border-block-end: 1px solid #E4EBF1;
  display: flex;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.card.custom-card .card-header:first-child {
  border-radius: 0.625rem 0.625rem 0 0;
}
.card.custom-card .card-header .card-title {
  position: relative;
  margin-block-end: 0;
  font-size: 0.9375rem;
  font-weight: 700;
  text-transform: capitalize;
}
.card.custom-card .card-header .card-title .subtitle {
  margin-block-end: 0;
  text-transform: initial;
}
.card.custom-card .card-footer {
  background-color: transparent !important;
  border-block-start: 1px solid #E4EBF1;
  padding: 1rem 1.5rem;
  font-size: 14px;
}
.card.custom-card .card-body {
  padding: 1.5rem;
  color: #4E5561;
}
.card.custom-card .card-link {
  font-size: 0.75rem;
}
.card .card-text {
  font-size: 0.813rem;
}
.card .footer-card-icon {
  width: 60px;
  height: 60px;
}
.card.overlay-card {
  position: relative;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}
.card.overlay-card .card-header {
  border-block-end: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .card-footer {
  border-block-start: 1px solid rgba(255, 255, 255, 0.1);
}
.card.overlay-card .over-content-bottom {
  top: auto;
}
.card.overlay-card:before {
  content: "";
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-start: 0;
  inset-block-end: 0;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.card.card-bg-primary {
  background-color: #084d2a;
  color: #FFF;
}
.card.card-bg-primary .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-primary .card-header:before {
  background-color: #FFF;
}
.card.card-bg-primary .card-body {
  color: #FFF;
}
.card.card-bg-primary .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary {
  background-color: #074682;
  color: #FFF;
}
.card.card-bg-secondary .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-secondary .card-header:before {
  background-color: #FFF;
}
.card.card-bg-secondary .card-body {
  color: #FFF;
}
.card.card-bg-secondary .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning {
  background-color: #FFCA18;
  color: #FFF;
}
.card.card-bg-warning .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-warning .card-header:before {
  background-color: #FFF;
}
.card.card-bg-warning .card-body {
  color: #FFF;
}
.card.card-bg-warning .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info {
  background-color: #155EEF;
  color: #FFF;
}
.card.card-bg-info .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-info .card-header:before {
  background-color: #FFF;
}
.card.card-bg-info .card-body {
  color: #FFF;
}
.card.card-bg-info .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success {
  background-color: #04BD6C;
  color: #FFF;
}
.card.card-bg-success .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-success .card-header:before {
  background-color: #FFF;
}
.card.card-bg-success .card-body {
  color: #FFF;
}
.card.card-bg-success .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger {
  background-color: #FF0000;
  color: #FFF;
}
.card.card-bg-danger .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-danger .card-header:before {
  background-color: #FFF;
}
.card.card-bg-danger .card-body {
  color: #FFF;
}
.card.card-bg-danger .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-light {
  background-color: #E4EBF1;
  color: #4E5561;
}
.card.card-bg-light .card-header {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #4E5561;
  border-block-end: #E4EBF1;
}
.card.card-bg-light .card-body {
  color: #4E5561;
}
.card.card-bg-light .card-footer {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #4E5561;
  border-block-start: #E4EBF1;
}
.card.card-bg-dark {
  background-color: #212E47;
  color: #FFF;
}
.card.card-bg-dark .card-header {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-end: 1px solid rgba(255, 255, 255, 0.2);
}
.card.card-bg-dark .card-header:before {
  background-color: #FFF;
}
.card.card-bg-dark .card-body {
  color: #FFF;
}
.card.card-bg-dark .card-footer {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #FFF;
  border-block-start: 1px solid rgba(255, 255, 255, 0.2);
}
.card .card-anchor {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  inset-inline-start: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
}
.card .collapse-close {
  display: none;
}
.card.card .collapsed .collapse-close {
  display: block;
}
.card.card .collapsed .collapse-open {
  display: none;
}
.card.card-fullscreen {
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-start: 0;
  bottom: 0;
  z-index: 9999;
  margin: 0;
}

.cals-icon {
  font-size: 50px;
  color: #656B76;
}

.callout {
  padding: 1.25rem;
  margin-block-start: 1.25rem;
  margin-block-end: 1.25rem;
  background-color: #E4EBF1;
  border-inline-start: 0.25rem solid #E4EBF1;
}

.callout-info {
  background-color: rgba(21, 94, 239, 0.075);
  border-color: rgba(21, 94, 239, 0.5);
}

.callout-warning {
  background-color: rgba(255, 202, 24, 0.075);
  border-color: rgba(255, 202, 24, 0.5);
}

.callout-danger {
  background-color: rgba(255, 0, 0, 0.075);
  border-color: rgba(255, 0, 0, 0.5);
}

.btn-facebook {
  background-color: #3B5998;
  color: #FFF;
  border: 1px solid #3B5998;
}
.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active {
  background-color: #3B5998 !important;
  color: #FFF !important;
  border: 1px solid #3B5998 !important;
}

.btn-instagram {
  background: #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f09433", endColorstr="#bc1888",GradientType=1 );
  color: #FFF;
  border: 1px solid transparent;
}
.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active {
  color: #FFF;
  border: 1px solid transparent;
}

.btn-twitter {
  background-color: #00ACEE;
  color: #FFF;
  border: 1px solid #00ACEE;
}
.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active {
  background-color: #00ACEE !important;
  color: #FFF !important;
  border: 1px solid #00ACEE !important;
}

.btn-icon {
  width: 2.313rem;
  height: 2.313rem;
  font-size: 0.95rem;
  flex-shrink: 0;
}

.btn-wave {
  display: inline-block !important;
}

@media (max-width: 575px) {
  .overlay-card .card-text {
    font-size: 0.613rem !important;
  }
}
@media (max-width: 400px) {
  .overlay-card .card-text {
    font-size: 0.413rem !important;
  }
}
.card .form-control-plaintext {
  min-height: 38px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  18.navs-tabs
============================*/
.nav-item {
  margin-inline-end: 0.5rem;
}
.nav-item:last-child {
  margin-inline-end: 0;
}

.nav-link {
  color: #4E5561;
  border-radius: 4px;
}
.nav-link.active {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}

.navbar-brand {
  color: #4E5561;
}
.navbar-brand:focus, .navbar-brand:hover {
  color: #4E5561;
  opacity: 0.9;
}

.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  color: #084d2a;
}

.nav-link.disabled {
  color: #4E5561;
  opacity: 0.3;
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: rgba(33, 46, 71, 0.5);
}

.navbar-text {
  color: #4E5561;
}

.navbar-dark.bg-dark .nav-link,
.navbar-dark.bg-dark .navbar-brand {
  color: #FFF;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show > .nav-link {
  color: #FFF;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #FFF;
  background-color: #084d2a;
}

.nav.nav-style-1 {
  border: 0;
}
.nav.nav-style-1 .nav-item {
  margin-inline-end: 0.25rem;
}
.nav.nav-style-1 .nav-item:last-child {
  margin-inline-end: 0;
}
.nav.nav-style-1 .nav-link.active {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}
.nav.nav-style-1 .nav-link.active:hover {
  background: rgba(207, 52, 37, 0.1);
}
.nav.nav-style-1 .nav-link:hover {
  background: transparent;
  color: #084d2a;
}

.nav.nav-style-2 .nav-item .nav-link {
  border-block-start: 3px solid transparent;
}
.nav.nav-style-2 .nav-item .nav-link.active {
  background-color: rgba(207, 52, 37, 0.1);
  border-block-start: 3px solid #084d2a;
  color: #084d2a;
}

.nav.nav-style-3 .nav-link {
  border-radius: 0;
}
.nav.nav-style-3 .nav-link {
  border-block-end: 3px solid transparent;
}
.nav.nav-style-3 .nav-link.active {
  background-color: transparent;
  border-block-end: 3px solid #084d2a;
  color: #084d2a;
}

.nav.nav-style-4 {
  border: 0;
}
.nav.nav-style-4 .nav-link {
  color: #677788;
  border: 0;
}
.nav.nav-style-4 .nav-link {
  margin-bottom: 3px;
}
.nav.nav-style-4 .nav-link.active {
  background-color: #E4EBF1;
  color: #4E5561;
  border: 0;
}
.nav.nav-style-4 .nav-link:hover, .nav.nav-style-4 .nav-link:focus {
  border: 0;
}
.nav.nav-style-4 .nav-link:hover {
  background-color: #E4EBF1;
  color: #4E5561;
}

.nav-tabs.nav-style-5 {
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link {
  color: #677788;
  border: 0;
  margin-bottom: 3px;
}
.nav-tabs.nav-style-5 .nav-link.active {
  background-color: #084d2a;
  color: #FFF;
  border: 0;
}
.nav-tabs.nav-style-5 .nav-link:hover, .nav-tabs.nav-style-5 .nav-link:focus {
  border: 0;
  background-color: #084d2a;
  color: #FFF;
}

.nav-style-6 {
  border: 0;
}
.nav-style-6.nav-pills .nav-link.active {
  border: 1px solid #084d2a;
  border-block-end: 2px solid #084d2a;
  background-color: transparent;
  color: #084d2a;
}

.nav-tabs-header {
  border: 0 !important;
}
.nav-tabs-header .nav-item {
  margin-inline-end: 0.5rem;
}
.nav-tabs-header .nav-item:last-child {
  margin-inline-end: 0;
}
.nav-tabs-header .nav-item .nav-link {
  border: 1px solid transparent;
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  font-weight: 500;
}
.nav-tabs-header .nav-item .nav-link.active {
  background: rgba(207, 52, 37, 0.1);
  color: #084d2a;
  border: 1px solid transparent;
}
.nav-tabs-header .nav-item .nav-link:hover, .nav-tabs-header .nav-item .nav-link:focus {
  border: 1px solid transparent;
  background-color: transparent;
  color: #084d2a;
}

.nav-tabs-footer {
  border: 0;
}
.nav-tabs-footer .nav-item {
  margin-inline-end: 0.5rem;
}
.nav-tabs-footer .nav-item:last-child {
  margin-inline-end: 0;
}
.nav-tabs-footer .nav-item .nav-link {
  background-color: transparent;
  color: #084d2a;
  border: 1px solid #084d2a;
  font-size: 0.8rem;
}
.nav-tabs-footer .nav-item .nav-link.active {
  background: #084d2a;
  color: #FFF;
  border: 1px solid #084d2a;
}
.nav-tabs-footer .nav-item .nav-link:hover, .nav-tabs-footer .nav-item .nav-link:focus {
  border: 1px solid #084d2a;
  background-color: transparent;
  color: #084d2a;
}

.vertical-tabs-2 {
  border: 0;
}
.vertical-tabs-2 .nav-item {
  margin-inline-end: 0.5rem;
}
.vertical-tabs-2 .nav-item:last-child {
  margin-inline-end: 0;
}
.vertical-tabs-2 .nav-item .nav-link {
  min-width: 7.5rem;
  max-width: 7.5rem;
  text-align: center;
  border: 1px solid #E4EBF1;
  margin-bottom: 0.5rem;
  color: #677788;
  background-color: #E4EBF1;
}
.vertical-tabs-2 .nav-item .nav-link i {
  font-size: 1rem;
}
.vertical-tabs-2 .nav-item .nav-link.active {
  background-color: #084d2a;
  color: #FFF;
  position: relative;
}
.vertical-tabs-2 .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  inset-inline-end: -0.5rem;
  inset-block-start: 38%;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
  background-color: #084d2a;
}
.vertical-tabs-2 .nav-item .nav-link.active:hover {
  color: #FFF;
}
.vertical-tabs-2 .nav-item .nav-link:hover {
  color: #084d2a;
}

.vertical-tabs-3 {
  border: 0;
}
.vertical-tabs-3 .nav-item {
  border: 0;
  margin-inline-end: 0.5rem;
}
.vertical-tabs-3 .nav-item:last-child {
  margin-inline-end: 0;
}
.vertical-tabs-3 .nav-item .nav-link {
  min-width: 160px;
  max-width: 160px;
  border: 1px solid #084d2a;
  padding: 1.3rem;
  margin-block-end: 0.5rem;
}
.vertical-tabs-3 .nav-item .nav-link i {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1rem;
  background: #084d2a;
  color: #FFF;
  border-radius: 3.125rem;
  font-weight: 500;
}
.vertical-tabs-3 .nav-item .nav-link.active {
  background: #084d2a;
  border: 1px solid #084d2a;
  color: #FFF;
}
.vertical-tabs-3 .nav-item .nav-link.active:hover {
  background: #084d2a;
  border: 1px solid #084d2a;
  color: #FFF;
}
.vertical-tabs-3 .nav-item .nav-link.active i {
  background: #FFF;
  color: #084d2a;
}
.vertical-tabs-3 .nav-item .nav-link:hover, .vertical-tabs-3 .nav-item .nav-link:focus {
  border: 1px solid #084d2a;
  color: #084d2a;
  background: transparent;
}

.nav.tab-style-1 {
  border-block-end: 0;
  padding: 0.65rem;
  background-color: #E4EBF1;
  border-radius: 7px;
  margin-block-end: 1rem;
}
.nav.tab-style-1 .nav-item {
  margin-inline-end: 0.5rem;
}
.nav.tab-style-1 .nav-item:last-child {
  margin-inline-end: 0;
}
.nav.tab-style-1 .nav-link {
  border-radius: 7px;
  padding: 0.35rem 1rem;
}
.nav.tab-style-1 .nav-link.active {
  background-color: #084d2a !important;
  color: #FFF !important;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  transition: color 0.15s ease-in;
}

.nav-tabs.tab-style-1 .nav-link:hover {
  background: transparent;
  color: #084d2a;
}

.tab-style-2 {
  border-block-end: 0;
}
.tab-style-2 .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-2 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-2 .nav-item .nav-link {
  border: 0;
}
.tab-style-2 .nav-item .nav-link i {
  width: 1.875rem;
  height: 1.875rem;
  padding: 0.4rem;
  border-radius: 50px;
  background-color: #E4EBF1;
  color: #4E5561;
  display: inline-block;
}
.tab-style-2 .nav-item .nav-link:hover {
  border: 0;
  background: transparent;
  color: #084d2a;
}
.tab-style-2 .nav-item .nav-link:hover i {
  color: #084d2a;
}
.tab-style-2 .nav-item .nav-link.active {
  background-color: transparent;
  position: relative;
  border: 0;
  color: #084d2a;
}
.tab-style-2 .nav-item .nav-link.active i {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}
.tab-style-2 .nav-item .nav-link.active:before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  width: 100%;
  height: 0.175rem;
  background-color: #084d2a;
  border-radius: 50px;
}

.tab-style-3 {
  border-block-end: 0;
}
.tab-style-3 .nav-item {
  position: relative;
  margin-inline-end: 0.5rem;
}
.tab-style-3 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-3 .nav-item .nav-link {
  position: relative;
  border: 0;
  font-size: 0.75rem;
}
.tab-style-3 .nav-item .nav-link:before {
  position: absolute;
  content: "";
  inset-block-end: -1.063rem;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #E4EBF1;
  border-radius: 50%;
}
.tab-style-3 .nav-item .nav-link:after {
  position: absolute;
  content: "";
  inset-block-end: -2rem;
  inset-inline-start: 1.75rem;
  inset-inline-end: 0;
  inset-inline-start: 30%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  border-radius: 50%;
  border: 2px solid #E4EBF1;
}
.tab-style-3 .nav-item .nav-link.home:after {
  content: "1";
}
.tab-style-3 .nav-item .nav-link.about:after {
  content: "2";
}
.tab-style-3 .nav-item .nav-link.services:after {
  content: "3";
}
.tab-style-3 .nav-item .nav-link:hover {
  border: 0;
  background: transparent;
  color: #084d2a;
}
.tab-style-3 .nav-item .nav-link.active {
  background-color: transparent;
  border: 0;
  color: #084d2a;
}
.tab-style-3 .nav-item .nav-link.active:before {
  background-color: #084d2a;
}
.tab-style-3 .nav-item .nav-link.active:after {
  border-color: #084d2a;
  color: #084d2a;
}

.tab-style-4.nav-tabs {
  border: 0;
}
.tab-style-4.nav-tabs .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-4.nav-tabs .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-4.nav-tabs .nav-link {
  border: 0;
}
.tab-style-4.nav-tabs .nav-link:hover {
  border: 0;
  background: transparent;
  color: #084d2a;
}
.tab-style-4.nav-tabs .nav-link.active {
  background-color: transparent;
  border: 0;
  color: #084d2a;
  position: relative;
  overflow: hidden;
}
.tab-style-4.nav-tabs .nav-link.active::before {
  position: absolute;
  content: "";
  width: 0.75rem;
  inset-block-start: 31px;
  transform: rotate(45deg);
  inset-inline-start: 47%;
  overflow: hidden;
  z-index: 1;
  height: 0.75rem;
  background-color: #084d2a;
  border: 1px solid #084d2a;
}
.tab-style-4.nav-tabs .nav-link.active:after {
  position: absolute;
  content: "";
  width: 40%;
  height: 1px;
  inset-inline-start: 30%;
  inset-block-end: 0;
  background-color: #084d2a;
}

#tab-style-4 .tab-pane.active {
  border: 1px solid #084d2a;
  background-color: #084d2a;
  color: #FFF;
  padding: 16px;
  border-radius: 7px;
}

.tab-style-5 .nav-item {
  margin-inline-end: 0.5rem;
}
.tab-style-5 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-5 .nav-item .nav-link.active {
  background: #084d2a;
}

.tab-style-6 {
  border: 0;
  background-color: #FFF;
  border-radius: 7px;
  color: #084d2a;
  padding: 0.5rem;
}
.tab-style-6 .nav-item {
  border: 0;
  margin-inline-end: 0.5rem;
}
.tab-style-6 .nav-item:last-child {
  margin-inline-end: 0;
}
.tab-style-6 .nav-item .nav-link {
  color: #084d2a;
  padding: 0.5rem 1rem;
  font-size: 0.813rem;
  border: 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.tab-style-6 .nav-item .nav-link.active {
  border: 0;
  background-color: #084d2a;
  color: #FFF;
  border: 0;
  box-shadow: 0px 3px 10px 0px rgba(var(--dark-rgb), 0.05);
}
.tab-style-6 .nav-item .nav-link:hover, .tab-style-6 .nav-item .nav-link:focus {
  border: 0;
}

.tab-style-7 .nav-link {
  margin-block-end: 0.5rem;
  font-size: 0.813rem;
  color: #677788;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.tab-style-7 .nav-link:active, .tab-style-7 .nav-link.active {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}

.nav-style-1 .nav-item .nav-link.active {
  background-color: rgba(207, 52, 37, 0.1);
  color: #084d2a;
}

@media screen and (max-width: 400px) {
  .tab-style-4 .nav-link {
    padding-inline: 0.5rem;
  }
}
.nav-tabs {
  border-bottom: 0;
}
.nav-tabs.nav-tabs-bottom li {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  background: 0 0;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link.active {
  border-color: #969AA2;
}
.nav-tabs li a {
  color: #111827;
  font-weight: 600;
  border-bottom-width: 2px;
}
.nav-tabs li a.active {
  border-color: transparent;
  border-bottom-color: #084d2a;
  background-color: transparent;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: #084d2a;
}

.nav-tabs .nav-tabs-solid {
  background-color: #FFF;
  border: 0;
}
.nav-tabs .nav-tabs-solid .active {
  background-color: #084d2a;
  border-color: #084d2a;
  color: #FFF;
}

.nav-tabs .nav-link:hover {
  border-color: transparent;
  color: #084d2a;
}
.nav-tabs.nav-tabs-top li a {
  border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top li a.active {
  border-top-color: #084d2a;
  border-radius: 0;
}
.nav-tabs.nav-tabs-top li a:hover {
  border-top-color: #084d2a;
  background-color: transparent;
  border-radius: 0;
}
.nav-tabs.nav-tabs-bottom li a {
  border-width: 0 0 2px 0;
}
.nav-tabs.nav-tabs-bottom li a.active, .nav-tabs.nav-tabs-bottom li a:hover {
  border-bottom-color: #084d2a;
  background: transparent;
  border-radius: 0;
  color: #084d2a;
}
.nav-tabs.nav-tabs-solid {
  border: 0;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active {
  background-color: #084d2a;
  border-color: #084d2a;
  color: #FFF;
  border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a {
  border-color: #E7EDF2;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded-fill li a.active {
  background-color: #084d2a;
  border-color: #084d2a;
  color: #FFF;
  border-radius: 50px;
}
.nav-tabs.nav-tabs-solid li {
  margin-right: 24px;
}
.nav-tabs.nav-tabs-solid li a {
  border: 1px solid #E4EBF1;
  border-radius: 5px;
}
.nav-tabs.nav-tabs-solid li a.active, .nav-tabs.nav-tabs-solid li a:hover {
  background: linear-gradient(90deg, #FD2692 0%, #0A67F2 100%);
  border-color: #FFF;
  color: #FFF;
}
.nav-tabs.nav-tabs-solid li:last-child {
  margin-right: 0;
}

.nav-link:hover {
  color: #084d2a;
}

.page-menu .nav-tabs li a {
  font-size: 16px;
}

.tabs-set .nav-tabs {
  border-bottom: 0;
  margin-bottom: 20px;
}
.tabs-set .nav-tabs .nav-link {
  color: #074682;
  padding: 8px 15px;
  font-size: 16px;
  font-weight: 700;
  border: 0;
  min-width: 120px;
  margin-right: 10px;
  border-radius: 8px;
  background: var(--Stroke, rgba(145, 158, 171, 0.3));
}
.tabs-set .nav-tabs .nav-link:focus {
  border-color: transparent;
}
.tabs-set .nav-tabs .nav-link:hover {
  border-color: transparent;
}
.tabs-set .nav-tabs .nav-link.active {
  border: 0;
  border-bottom: 2px solid #084d2a;
  background: #084d2a;
  color: #FFF;
}

.tabs-sets .nav-tabs {
  border-bottom: 0;
  margin: 0 0 40px;
}
.tabs-sets .nav-tabs .nav-link {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  border: 0;
  background: #969AA2;
  margin-right: 10px;
  padding: 8px 15px;
  border-radius: 8px;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.tabs-sets .nav-tabs .nav-link:focus, .tabs-sets .nav-tabs .nav-link:hover, .tabs-sets .nav-tabs .nav-link.active {
  background: #084d2a;
  color: #FFF;
}

@media (max-width: 767.98px) {
  .nav-tabs {
    border-bottom: 0;
    position: relative;
    background-color: #FFF;
    border: 1px solid #F5F8FA;
    padding: 5px 0;
    border-radius: 3px;
  }
}
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 19.grid
============================*/
.grid-showcase {
  margin-bottom: -10px;
}
.grid-showcase span, .grid-showcase .grid-wrapper {
  display: block;
  padding: 10px;
  margin-bottom: 10px;
  text-align: center;
  background-color: rgba(242, 243, 247, 0.7);
}

.grid-align {
  margin-bottom: -16px;
}

.grid-align .row {
  padding: 15px 0;
  min-height: 7rem;
  margin-bottom: 16px;
}

.grid-vertical {
  min-height: 150px;
  padding: 10px;
  color: #000;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  20.cursor
============================*/
.xb-cursor,
.xb-cursor-section {
  visibility: hidden;
  position: fixed;
  pointer-events: none;
  z-index: 999999;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
  pointer-events: none;
  top: 0;
  left: 0;
}

.xb-cursor .xb-cursor-wrapper,
.xb-cursor-section .xb-cursor-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.xb-cursor .xb-cursor--follower,
.xb-cursor-section .xb-cursor--follower {
  position: absolute;
  background-color: #084d2a;
  opacity: 0.25;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  -webkit-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.xb-cursor.style-2 .xb-cursor--follower {
  background-color: var(--color-primary-2);
}

.xb-cursor .xb-cursor--label,
.xb-cursor-section .xb-cursor--label {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 15px;
  transform: scale(0);
  will-change: transform, opacity;
  -webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.xb-cursor .xb-cursor--drap,
.xb-cursor-section .xb-cursor--drap {
  line-height: 87px;
  text-align: center;
  width: 87px;
  height: 87px;
  background-color: #000;
  font-size: 0;
  -webkit-border-radius: 87px;
  -khtml-border-radius: 87px;
  -moz-border-radius: 87px;
  -ms-border-radius: 87px;
  -o-border-radius: 87px;
  border-radius: 87px;
  -webkit-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -khtml-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -ms-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(0);
  will-change: transform, opacity;
  color: #fff;
}

.xb-cursor .xb-cursor--drap:before,
.xb-cursor-section .xb-cursor--drap:before,
.xb-cursor .xb-cursor--drap:after,
.xb-cursor-section .xb-cursor--drap:after {
  content: "\f10b";
  font-family: caseicon;
  font-size: 10px;
  display: inline-flex;
}

.xb-cursor .xb-cursor--drap:before,
.xb-cursor-section .xb-cursor--drap:before {
  -webkit-transform: scaleX(-1);
  -khtml-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
}

.xb-cursor .xb-cursor--drap:after,
.xb-cursor.is-enabled,
.xb-cursor-section.is-enabled {
  visibility: visible;
}

.xb-cursor.is-hidden .xb-cursor-wrapper,
.xb-cursor-section.is-hidden .xb-cursor-wrapper {
  transform: scale(0) !important;
}

.xb-cursor.is-mouse-down .xb-cursor-wrapper,
.xb-cursor-section.is-mouse-down .xb-cursor-wrapper {
  transform: scale(0.8);
}

.xb-cursor.is-active .xb-cursor--follower,
.xb-cursor-section.is-active .xb-cursor--follower {
  -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.12);
  transform: scale(4);
  -webkit-transform: scale(4);
  -ms-transform: scale(4);
  opacity: 0;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  21.tables
============================*/
caption {
  color: #677788;
}

.table-active {
  --bs-table-color-state: var(--default-text-color);
}

.table {
  color: #4E5561;
  border-color: #E4EBF1;
  margin-block-end: 0;
}
.table tbody tr {
  border-color: #E7EDF2;
}
.table tbody tr th {
  font-weight: 500;
}
.table th,
.table td {
  padding: 8px 20px;
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
}
.table thead tr {
  border-color: #E7EDF2;
}
.table thead tr th {
  font-weight: 600;
  border-color: #E7EDF2;
  background: #AFB2B8;
  font-size: 14px;
  color: #111827;
}
.table.table-sm > :not(caption) > * > * {
  padding: 0.3rem;
}
.table.table-dark {
  color: #ECF1F5;
  border-color: rgba(255, 255, 255, 0.1);
}
.table .thead-primary th {
  background-color: #084d2a;
  color: #FFF;
}
.table .thead-secondary th {
  background-color: #074682;
  color: #FFF;
}
.table .thead-info th {
  background-color: #155EEF;
  color: #FFF;
}
.table .thead-warning th {
  background-color: #FFCA18;
  color: #FFF;
}
.table .thead-danger th {
  background-color: #FF0000;
  color: #FFF;
}
.table .thead-success th {
  background-color: #04BD6C;
  color: #FFF;
}
.table .thead-dark th {
  background-color: #212E47;
  color: #FFF;
}
.table .thead-light th {
  background-color: #F8FAFB;
  color: #111827;
}
.table.table-primary {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.2);
}
.table.table-primary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.2);
  color: #000;
}
.table.table-primary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.4);
  color: #FFF;
}
.table.table-primary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--primary-rgb));
  color: #FFF;
}
.table.table-secondary {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.2);
}
.table.table-secondary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.2);
  color: #000;
}
.table.table-secondary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.4);
  color: #FFF;
}
.table.table-secondary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--secondary-rgb));
  color: #FFF;
}
.table.table-warning {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.2);
}
.table.table-warning.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.2);
  color: #000;
}
.table.table-warning.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.4);
  color: #FFF;
}
.table.table-warning .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--warning-rgb));
  color: #FFF;
}
.table.table-success {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.2);
}
.table.table-success.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.2);
  color: #000;
}
.table.table-success.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.4);
  color: #FFF;
}
.table.table-success .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--success-rgb));
  color: #FFF;
}
.table.table-danger {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.2);
}
.table.table-danger.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.2);
  color: #000;
}
.table.table-danger.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.4);
  color: #FFF;
}
.table.table-danger .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--danger-rgb));
  color: #FFF;
}
.table.table-info {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.2);
}
.table.table-info.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.2);
  color: #000;
}
.table.table-info.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.4);
  color: #FFF;
}
.table.table-info .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--info-rgb));
  color: #FFF;
}
.table.table-light {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.2);
}
.table.table-light.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.2);
  color: #000;
}
.table.table-light.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.4);
  color: #FFF;
}
.table.table-light .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--light-rgb));
  color: #FFF;
}
.table.table-dark {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.2);
}
.table.table-dark.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.2);
  color: #000;
}
.table.table-dark.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.4);
  color: #FFF;
}
.table.table-dark .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--dark-rgb));
  color: #FFF;
}
.table.table-bordered.border-primary tbody,
.table.table-bordered.border-primary td,
.table.table-bordered.border-primary tfoot,
.table.table-bordered.border-primary th,
.table.table-bordered.border-primary thead,
.table.table-bordered.border-primary tr {
  border-color: rgba(207, 52, 37, 0.1);
}
.table.table-bordered.border-info tbody,
.table.table-bordered.border-info td,
.table.table-bordered.border-info tfoot,
.table.table-bordered.border-info th,
.table.table-bordered.border-info thead,
.table.table-bordered.border-info tr {
  border-color: rgba(21, 94, 239, 0.1);
}
.table.table-bordered.border-secondary tbody,
.table.table-bordered.border-secondary td,
.table.table-bordered.border-secondary tfoot,
.table.table-bordered.border-secondary th,
.table.table-bordered.border-secondary thead,
.table.table-bordered.border-secondary tr {
  border-color: rgba(152, 170, 48, 0.1);
}
.table.table-bordered.border-warning tbody,
.table.table-bordered.border-warning td,
.table.table-bordered.border-warning tfoot,
.table.table-bordered.border-warning th,
.table.table-bordered.border-warning thead,
.table.table-bordered.border-warning tr {
  border-color: rgba(255, 202, 24, 0.1);
}
.table.table-bordered.border-success tbody,
.table.table-bordered.border-success td,
.table.table-bordered.border-success tfoot,
.table.table-bordered.border-success th,
.table.table-bordered.border-success thead,
.table.table-bordered.border-success tr {
  border-color: rgba(4, 189, 108, 0.1);
}
.table.table-bordered.border-danger tbody,
.table.table-bordered.border-danger td,
.table.table-bordered.border-danger tfoot,
.table.table-bordered.border-danger th,
.table.table-bordered.border-danger thead,
.table.table-bordered.border-danger tr {
  border-color: rgba(255, 0, 0, 0.1);
}
.table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(var(--dark-rgb),0.0125);
  color: #4E5561;
}
.table.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg: rgba(var(--dark-rgb),0.025);
  color: #4E5561;
}
.table tbody.table-group-divider {
  border-top: 1px solid #E4EBF1;
}
.table.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #f7f8f9;
  color: #4E5561;
}
.table .table-active {
  --bs-table-accent-bg: #E4EBF1;
  color: #4E5561;
}
.table thead.table-primary {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-secondary {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-warning {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-success {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--success-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-danger {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-info {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--info-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-light {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--light-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table thead.table-dark {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.datanew tbody {
  border-top: 1px solid #E7EDF2;
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--primary-rgb), 0.1);
  background-color: #FFF;
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--secondary-rgb), 0.1);
  background-color: #FFF;
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--warning-rgb), 0.1);
  background-color: #FFF;
}

.table-success {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--success-rgb), 0.1);
  background-color: #FFF;
}

.table-info {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--info-rgb), 0.1);
  background-color: #FFF;
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--danger-rgb), 0.1);
  background-color: #FFF;
}

.table-dark {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--dark-rgb), 0.1);
  background-color: #FFF;
}

.table-light {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--light-rgb), 0.1);
  background-color: #FFF;
}

[data-theme-mode=dark] .table-dark {
  border-color: rgba(0, 0, 0, 0.025);
}

[dir=rtl] .table {
  margin-inline-end: 1px;
}

.invoice-table {
  border: 1px solid #E7EDF2;
  border-radius: 5px;
  margin: 20px 0;
}
.invoice-table thead th {
  border-bottom: 1px solid #E7EDF2;
}
.invoice-table thead th:first-child {
  width: 80%;
}
.invoice-table tbody tr:last-child td {
  border-bottom: 0;
}
.invoice-table .delete-invoive-list {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFEDE9;
  color: #FF0000;
  border-radius: 5px;
  font-size: 16px;
}

.invoice-product-table {
  border-top: 1px solid #E7EDF2;
}

.table {
  margin: 0;
}
.table tbody tr td {
  color: #393F4D;
  font-size: 14px;
}
.table tbody tr td .product-img img {
  border: 0;
}
.table tbody tr td .action-icon a {
  color: #656B76;
}
.table tbody tr td .action-icon a:hover {
  background: #E7EDF2;
  color: #111827;
}
.table tbody tr.active {
  border-bottom: 0;
}
.table tbody tr.active td {
  font-size: 18px;
  color: #393F4D;
  font-weight: 600;
  border-bottom: 0;
}
.table tbody tr .checkboxs .checkmarks {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.new tbody tr td {
  border-bottom: none;
}

.dataTables_filter + .dataTables_filter {
  display: none;
}

.productimgname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.productimgname a {
  color: #074682;
  font-weight: 500;
}

.table .input-blocks input[type=text] {
  height: 40px;
}

.table {
  margin: 0;
}
.table tbody tr td {
  color: #656B76;
}
.table tbody tr td a {
  color: #111827;
}
.table tbody tr td a .info-img {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.table tbody tr td a:hover {
  color: #084d2a;
}
.table tbody tr.active {
  border-bottom: 0;
}
.table tbody tr.active td {
  font-size: 18px;
  color: #393F4D;
  font-weight: 600;
  border-bottom: 0;
}

table tbody .productimgname {
  min-width: 200px;
}
table tbody .productimgname a.stock-img.product-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 8px;
}
table tbody .productimgname a.stock-img.product-img img {
  width: 50px;
  height: 50px;
  max-width: 100%;
  margin-right: 0;
}

table.table-bordered thead tr th p {
  margin-bottom: 0;
}

.custom-table {
  border-radius: 5px;
}
.custom-table table thead tr th {
  background: #C9CBCF;
  color: #111827;
  font-size: 14px;
  border: 0;
  padding: 12px 20px;
}
.custom-table table tbody tr td {
  border: 0;
  padding: 12px 20px;
}
.custom-table table tbody tr td .detail-link {
  font-weight: 600;
  color: #111827;
  text-decoration: underline;
}
.custom-table table tbody tr td .detail-link:hover {
  color: #084d2a;
}

.table tbody tr td a.delete-icon {
  font-size: 16px;
  color: #FF0000;
}
.table tbody tr td a.delete-icon:hover {
  color: #cc0000;
}

.custom-table {
  overflow: hidden;
}
.custom-table .table-responsive tr th {
  border: 0;
  border-bottom: 1px solid #E7EDF2;
}
.custom-table .table-responsive tr.report-first-head th {
  border-bottom: 0;
}
.custom-table .table-responsive tr td {
  border: 0;
  border-bottom: 1px solid #E7EDF2;
}
.custom-table .table-responsive tr td input.form-control {
  min-width: 200px;
}
.custom-table .table-responsive tr:last-child td {
  border-bottom: 0;
}

.table tr td .attendance-range {
  width: 8px;
  height: 15px;
  border-radius: 5px;
  display: block;
}

.hotel-list {
  box-shadow: none;
}
.hotel-list caption {
  color: #677788;
}
.hotel-list .table-active {
  --bs-table-color-state: var(--default-text-color);
}
.hotel-list .table {
  color: #4E5561;
  border-color: #E4EBF1;
  margin-block-end: 0;
}
.hotel-list .table tbody tr {
  border-color: #E7EDF2;
}
.hotel-list .table tbody tr th {
  font-weight: 500;
}
.hotel-list .table th,
.hotel-list .table td {
  padding: 12px 20px;
  vertical-align: middle;
  font-size: 14px;
  white-space: nowrap;
}
.hotel-list .table thead tr {
  border-color: #E7EDF2;
}
.hotel-list .table thead tr th {
  font-weight: 500;
  border-color: #E7EDF2;
  font-size: 14px;
}
.hotel-list .table.table-sm > :not(caption) > * > * {
  padding: 0.3rem;
}
.hotel-list .table.table-dark {
  color: #ECF1F5;
  border-color: rgba(255, 255, 255, 0.1);
}
.hotel-list .table .thead-primary th {
  background-color: #084d2a;
  color: #FFF;
}
.hotel-list .table .thead-secondary th {
  background-color: #074682;
  color: #FFF;
}
.hotel-list .table .thead-info th {
  background-color: #155EEF;
  color: #FFF;
}
.hotel-list .table .thead-warning th {
  background-color: #FFCA18;
  color: #FFF;
}
.hotel-list .table .thead-danger th {
  background-color: #FF0000;
  color: #FFF;
}
.hotel-list .table .thead-success th {
  background-color: #04BD6C;
  color: #FFF;
}
.hotel-list .table .thead-dark th {
  background-color: #212E47;
  color: #FFF;
}
.hotel-list .table .thead-light th {
  background-color: #F8FAFB;
  color: #111827;
}
.hotel-list .table.table-primary {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.2);
}
.hotel-list .table.table-primary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-primary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--primary-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-primary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--primary-rgb));
  color: #FFF;
}
.hotel-list .table.table-secondary {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.2);
}
.hotel-list .table.table-secondary.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-secondary.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--secondary-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-secondary .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--secondary-rgb));
  color: #FFF;
}
.hotel-list .table.table-warning {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.2);
}
.hotel-list .table.table-warning.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-warning.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--warning-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-warning .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--warning-rgb));
  color: #FFF;
}
.hotel-list .table.table-success {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--success-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.2);
}
.hotel-list .table.table-success.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-success.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--success-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-success .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--success-rgb));
  color: #FFF;
}
.hotel-list .table.table-danger {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.2);
}
.hotel-list .table.table-danger.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-danger.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--danger-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-danger .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--danger-rgb));
  color: #FFF;
}
.hotel-list .table.table-info {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--info-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.2);
}
.hotel-list .table.table-info.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-info.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--info-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-info .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--info-rgb));
  color: #FFF;
}
.hotel-list .table.table-light {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--light-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.2);
}
.hotel-list .table.table-light.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-light.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--light-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-light .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--light-rgb));
  color: #FFF;
}
.hotel-list .table.table-dark {
  background-color: #FFF;
  color: #000;
  --bs-table-color-state: $black;
  border-color: var(--bs-table-border-color);
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.05);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.2);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.2);
}
.hotel-list .table.table-dark.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.2);
  color: #000;
}
.hotel-list .table.table-dark.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgba(var(--dark-rgb), 0.4);
  color: #FFF;
}
.hotel-list .table.table-dark .table-active {
  background-color: var(--bs-table-accent-bg);
  --bs-table-accent-bg: rgb(var(--dark-rgb));
  color: #FFF;
}
.hotel-list .table.table-bordered.border-primary tbody,
.hotel-list .table.table-bordered.border-primary td,
.hotel-list .table.table-bordered.border-primary tfoot,
.hotel-list .table.table-bordered.border-primary th,
.hotel-list .table.table-bordered.border-primary thead,
.hotel-list .table.table-bordered.border-primary tr {
  border-color: rgba(207, 52, 37, 0.1);
}
.hotel-list .table.table-bordered.border-info tbody,
.hotel-list .table.table-bordered.border-info td,
.hotel-list .table.table-bordered.border-info tfoot,
.hotel-list .table.table-bordered.border-info th,
.hotel-list .table.table-bordered.border-info thead,
.hotel-list .table.table-bordered.border-info tr {
  border-color: rgba(21, 94, 239, 0.1);
}
.hotel-list .table.table-bordered.border-secondary tbody,
.hotel-list .table.table-bordered.border-secondary td,
.hotel-list .table.table-bordered.border-secondary tfoot,
.hotel-list .table.table-bordered.border-secondary th,
.hotel-list .table.table-bordered.border-secondary thead,
.hotel-list .table.table-bordered.border-secondary tr {
  border-color: rgba(152, 170, 48, 0.1);
}
.hotel-list .table.table-bordered.border-warning tbody,
.hotel-list .table.table-bordered.border-warning td,
.hotel-list .table.table-bordered.border-warning tfoot,
.hotel-list .table.table-bordered.border-warning th,
.hotel-list .table.table-bordered.border-warning thead,
.hotel-list .table.table-bordered.border-warning tr {
  border-color: rgba(255, 202, 24, 0.1);
}
.hotel-list .table.table-bordered.border-success tbody,
.hotel-list .table.table-bordered.border-success td,
.hotel-list .table.table-bordered.border-success tfoot,
.hotel-list .table.table-bordered.border-success th,
.hotel-list .table.table-bordered.border-success thead,
.hotel-list .table.table-bordered.border-success tr {
  border-color: rgba(4, 189, 108, 0.1);
}
.hotel-list .table.table-bordered.border-danger tbody,
.hotel-list .table.table-bordered.border-danger td,
.hotel-list .table.table-bordered.border-danger tfoot,
.hotel-list .table.table-bordered.border-danger th,
.hotel-list .table.table-bordered.border-danger thead,
.hotel-list .table.table-bordered.border-danger tr {
  border-color: rgba(255, 0, 0, 0.1);
}
.hotel-list .table.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: rgba(var(--dark-rgb),0.0125);
  color: #4E5561;
}
.hotel-list .table.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg: rgba(var(--dark-rgb),0.025);
  color: #4E5561;
}
.hotel-list .table tbody.table-group-divider {
  border-top: 1px solid #E4EBF1;
}
.hotel-list .table.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg: #f7f8f9;
  color: #4E5561;
}
.hotel-list .table .table-active {
  --bs-table-accent-bg: #E4EBF1;
  color: #4E5561;
}
.hotel-list .table thead.table-primary {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-secondary {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-warning {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-success {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--success-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-danger {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-info {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--info-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-light {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--light-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .table thead.table-dark {
  background-color: #FFF;
  color: var(--bs-table-color);
  --bs-table-color-state: #000;
  --bs-table-color: #000;
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.5);
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.5);
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.hotel-list .datanew tbody {
  border-top: 1px solid #E7EDF2;
}
.hotel-list .table-primary {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--primary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--primary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--primary-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--primary-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-secondary {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--secondary-rgb), 0.1);
  --bs-table-border-color: rgba(var(--secondary-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--secondary-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--secondary-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-warning {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--warning-rgb), 0.1);
  --bs-table-border-color: rgba(var(--warning-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--warning-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--warning-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-success {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--success-rgb), 0.1);
  --bs-table-border-color: rgba(var(--success-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--success-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--success-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-info {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--info-rgb), 0.1);
  --bs-table-border-color: rgba(var(--info-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--info-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--info-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-danger {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--danger-rgb), 0.1);
  --bs-table-border-color: rgba(var(--danger-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--danger-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--danger-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-dark {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--dark-rgb), 0.1);
  --bs-table-border-color: rgba(var(--dark-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--dark-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--dark-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list .table-light {
  --bs-table-color: #000;
  --bs-table-color-state: $black;
  --bs-table-bg: rgba(var(--light-rgb), 0.1);
  --bs-table-border-color: rgba(var(--light-rgb), 0.1);
  --bs-table-striped-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgba(var(--light-rgb), 0.3);
  --bs-table-hover-color: #000;
  color: #000;
  border-color: rgba(var(--light-rgb), 0.1);
  background-color: #FFF;
}
.hotel-list [data-theme-mode=dark] .table-dark {
  border-color: rgba(0, 0, 0, 0.025);
}
.hotel-list [dir=rtl] .table {
  margin-inline-end: 1px;
}
.hotel-list .invoice-table {
  border: 1px solid #E7EDF2;
  border-radius: 5px;
  margin: 20px 0;
}
.hotel-list .invoice-table thead th {
  border-bottom: 1px solid #E7EDF2;
}
.hotel-list .invoice-table thead th:first-child {
  width: 80%;
}
.hotel-list .invoice-table tbody tr:last-child td {
  border-bottom: 0;
}
.hotel-list .invoice-table .delete-invoive-list {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFEDE9;
  color: #FF0000;
  border-radius: 5px;
  font-size: 16px;
}
.hotel-list .invoice-product-table {
  border-top: 1px solid #E7EDF2;
}
.hotel-list .table {
  margin: 0;
}
.hotel-list .table tbody tr td {
  color: #393F4D;
  font-size: 14px;
}
.hotel-list .table tbody tr td .product-img img {
  border: 0;
}
.hotel-list .table tbody tr.active {
  border-bottom: 0;
}
.hotel-list .table tbody tr.active td {
  font-size: 18px;
  color: #393F4D;
  font-weight: 600;
  border-bottom: 0;
}
.hotel-list .table tbody tr .checkboxs .checkmarks {
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.hotel-list .new tbody tr td {
  border-bottom: none;
}
.hotel-list .dataTables_filter + .dataTables_filter {
  display: none;
}
.hotel-list .productimgname {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
}
.hotel-list .productimgname a {
  color: #074682;
  font-weight: 500;
}
.hotel-list .table .input-blocks input[type=text] {
  height: 40px;
}
.hotel-list .table {
  margin: 0;
}
.hotel-list .table tbody tr td {
  color: #393F4D;
}
.hotel-list .table tbody tr td .product-img img {
  border: 0;
}
.hotel-list .table tbody tr td a {
  color: #111827;
}
.hotel-list .table tbody tr td a.product-img {
  margin-right: 5px;
  flex-shrink: 0;
}
.hotel-list .table tbody tr td a .info-img {
  margin-right: 8px;
  width: 16px;
  height: 16px;
}
.hotel-list .table tbody tr td a:hover {
  color: #084d2a;
}
.hotel-list .table tbody tr.active {
  border-bottom: 0;
}
.hotel-list .table tbody tr.active td {
  font-size: 18px;
  color: #393F4D;
  font-weight: 600;
  border-bottom: 0;
}
.hotel-list table tbody .productimgname {
  min-width: 200px;
}
.hotel-list table tbody .productimgname a.stock-img.product-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-right: 8px;
}
.hotel-list table tbody .productimgname a.stock-img.product-img img {
  width: 50px;
  height: 50px;
  max-width: 100%;
  margin-right: 0;
}
.hotel-list table.table-bordered thead tr th p {
  margin-bottom: 0;
}
.hotel-list .custom-table {
  border-radius: 5px;
}
.hotel-list .custom-table table thead tr th {
  background: #C9CBCF;
  color: #111827;
  font-size: 14px;
  border: 0;
  padding: 12px 20px;
}
.hotel-list .custom-table table tbody tr td {
  border: 0;
  padding: 12px 20px;
}
.hotel-list .custom-table table tbody tr td .detail-link {
  font-weight: 600;
  color: #111827;
  text-decoration: underline;
}
.hotel-list .custom-table table tbody tr td .detail-link:hover {
  color: #084d2a;
}
.hotel-list .table tbody tr td a.delete-icon {
  font-size: 16px;
  color: #FF0000;
}
.hotel-list .table tbody tr td a.delete-icon:hover {
  color: #cc0000;
}
.hotel-list .custom-table {
  overflow: hidden;
}
.hotel-list .custom-table .table-responsive tr th {
  border: 0;
  border-bottom: 1px solid #E7EDF2;
}
.hotel-list .custom-table .table-responsive tr.report-first-head th {
  border-bottom: 0;
}
.hotel-list .custom-table .table-responsive tr td {
  border: 0;
  border-bottom: 1px solid #E7EDF2;
}
.hotel-list .custom-table .table-responsive tr td input.form-control {
  min-width: 200px;
}
.hotel-list .custom-table .table-responsive tr:last-child td {
  border-bottom: 0;
}
.hotel-list .table tr td .attendance-range {
  width: 8px;
  height: 15px;
  border-radius: 5px;
  display: block;
}

.hotel-list .table-responsive {
  border-radius: 0 0 10px 10px;
}
.hotel-list .table-responsive table tbody tr:last-child td {
  border-bottom: 0;
}

.cart-table .table-responsive {
  border-radius: 10px;
}

/****** Layout ******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  22.common
============================*/
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 50px !important;
}

::-webkit-scrollbar-track {
  background: #F1F4F7;
}

::-webkit-scrollbar-thumb {
  background: #AFB2B8;
}

::-webkit-scrollbar-thumb:hover {
  background: #AFB2B8;
}

.swal2-header .swal2-title {
  font-size: 18px;
}

.checkboxs {
  display: block;
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-left: 25px;
}
.checkboxs input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkboxs input ~ .checkmarks {
  border: 1px solid #E7EDF2;
  border-radius: 2px;
}

.checkboxs input:checked ~ .checkmarks {
  background-color: #084d2a;
  border-color: #084d2a;
}
.checkboxs input:checked ~ .checkmarks:after {
  display: block;
}

.checkboxs .checkmarks {
  height: 18px;
  width: 18px;
  position: absolute;
  top: 2px;
  left: 0;
}
.checkboxs .checkmarks::after {
  content: "";
  position: absolute;
  display: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  color: #FFF;
  font-weight: 600;
  font-size: 10px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  23.content
============================*/
.page-wrapper {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 0 0 252px;
  padding: 56px 0 0;
  position: relative;
  left: 0;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (max-width: 991.98px) {
  .page-wrapper {
    margin: 0;
    padding: 60px 0 0;
  }
}

.content {
  padding: 60px 0;
}
@media (max-width: 991.98px) {
  .content {
    padding: 40px 0;
  }
}
.content.content-two {
  padding-bottom: 36px;
}
@media (max-width: 767.98px) {
  .content.content-two {
    padding-bottom: 16px;
  }
}

.page-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.page-header .breadcrumb {
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .page-header {
    flex-direction: column;
    align-items: self-start;
  }
}
.page-header .page-title {
  margin-bottom: 10px;
}
.page-header h3 {
  font-weight: 700;
  color: #111827;
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .page-header h3 {
    font-size: 14px;
  }
}
.page-header h4 {
  font-weight: 600;
  color: #111827;
  font-size: 18px;
  margin-bottom: 5px;
}
@media (max-width: 991.98px) {
  .page-header h4 {
    font-size: 18px;
  }
}
.page-header h6 {
  font-size: 14px;
  color: #393F4D;
  font-weight: 400;
}
@media (max-width: 991.98px) {
  .page-header h6 {
    font-size: 12px;
  }
}
@media (max-width: 575.98px) {
  .page-header h6 {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

.back-to-top-icon {
  position: fixed;
  right: 15px;
  bottom: 30px;
  z-index: 9999;
  width: 36px;
  height: 36px;
  text-align: center;
  border-radius: 0 10px 0 10px;
  background: #084d2a;
  color: #FFF;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  transition: opacity 0.2s ease-out;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.back-to-top-icon:hover {
  color: #FFF;
  background: #084d2a;
}
.back-to-top-icon.show {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  25.header-three
============================*/
.header-three {
  margin-top: 20px;
}
.header-three.fixed {
  margin: 0;
}
.header-three .header__hamburger .sidebar-menu {
  color: #111827;
}
.header-three .header-nav {
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
}
.header-three .header-nav .main-menu-wrapper {
  padding: 0;
}
.header-three .header-nav .main-menu-wrapper .main-nav > li.active > a, .header-three .header-nav .main-menu-wrapper .main-nav > li:hover > a {
  color: #084d2a;
}
.header-three .header-nav .main-menu-wrapper .main-nav > li.active > a i, .header-three .header-nav .main-menu-wrapper .main-nav > li:hover > a i {
  color: #084d2a;
}
.header-three .header-nav .main-menu-wrapper .main-nav > li.active > a::after {
  color: #084d2a;
}
.header-three .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #111827;
}
.header-three .header-nav .main-menu-wrapper .main-nav > li > a i {
  color: #656B76;
}
.header-three .header-btn a {
  color: #111827;
  font-size: 20px;
}
.header-three .header-btn .btn {
  font-size: 13px;
}
@media (max-width: 767.98px) {
  .header-three .header-btn .cart-dropdown, .header-three .header-btn .fav-dropdown {
    display: none;
  }
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  26.header-four
============================*/
.main-header.main-header-four {
  position: relative;
}
.main-header.main-header-four .header__hamburger .sidebar-menu {
  color: #111827;
}
.main-header.main-header-four .header-nav .main-menu-wrapper {
  padding: 10px 0;
}
.main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li.active > a, .main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li:hover > a {
  color: #084d2a;
}
.main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li.active > a i, .main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li:hover > a i {
  color: #084d2a;
}
.main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #111827;
}
.main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li > a i {
  color: #656B76;
}

.header-topbar.topbar-four {
  background: #FFF;
  border-bottom: 1px solid #E4EBF1;
}
.header-topbar.topbar-four p {
  color: #4E5561;
}
.header-topbar.topbar-four .dropdown > a {
  color: #111827;
}
@media (max-width: 991.98px) {
  .header-topbar.topbar-four {
    display: none;
  }
}

.header-four .header-btn .theme-toggle {
  color: #111827;
}
@media (max-width: 767.98px) {
  .header-four .header-btn .dropdown {
    display: none;
  }
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  27.header-five
============================*/
.header-five {
  margin-top: 20px;
}
.header-five.fixed {
  margin: 0;
}
.header-five .header__hamburger .sidebar-menu {
  color: #111827;
}
.header-five .header-nav {
  background: #FFF;
  padding: 20px;
  border-radius: 10px;
}
.header-five .header-nav .main-menu-wrapper {
  padding: 0;
}
.header-five .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #111827;
}
.header-five .header-nav .main-menu-wrapper .main-nav > li > a i {
  color: #656B76;
}
.header-five .header-btn a {
  color: #111827;
  font-size: 13px;
}
.header-five .header-btn .btn {
  font-size: 13px;
}
.header-five .header-btn .fav-dropdown, .header-five .header-btn .cart-dropdown {
  display: none;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  28.footer
============================*/

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  29.footer-four
============================*/
footer.footer-four .footer-top {
  background: linear-gradient(184.15deg, #FFF 2.72%, #FFF2F2 95.98%);
  padding: 60px 0 40px;
}
footer.footer-four .footer-top .footer-widget h5 {
  margin-bottom: 16px;
}
footer.footer-four .footer-top .footer-widget h5::before {
  content: none;
}
@media (max-width: 991.98px) {
  footer.footer-four .footer-top {
    padding: 40px 0 20px;
  }
}
footer.footer-four .footer-input .input-group {
  width: 100%;
  border-radius: 54px;
  background: #FFF;
  padding: 8px 16px;
  border: 1px solid #084d2a;
}
footer.footer-four .footer-input .input-group .input-group-text {
  background: #FFF;
  border: 0 !important;
  border-radius: 54px 54px 54px 54px;
  color: #4E5561;
}
footer.footer-four .footer-input .input-group .form-control {
  border: 0 !important;
  box-shadow: none;
  margin-right: 5px;
  height: 37px;
  min-height: 37px;
  padding: 0 10px;
}
footer.footer-four .footer-input .input-group .btn {
  border-radius: 54px !important;
}
footer.footer-four .footer-bottom {
  padding: 12px 0 2px;
  border-top: #FBDCD7;
  background: #FEEDEB;
}
footer.footer-four .footer-bottom .social-icon li {
  margin-right: 8px;
  padding-right: 0;
}
footer.footer-four .footer-bottom .social-icon li a {
  width: 32px;
  height: 32px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
footer.footer-four .footer-bottom .social-icon li a:hover {
  background: #084d2a;
  color: #FFF;
}
footer.footer-four .footer-bottom .social-icon li::after {
  content: none;
}
footer.footer-four .footer-bottom .policy-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}
footer.footer-four .footer-bottom .policy-links li {
  margin: 0 16px 10px 0;
}
footer.footer-four .footer-bottom .policy-links li:last-child {
  margin-right: 0;
}
footer.footer-four .footer-bottom .policy-links li a {
  color: #4E5561;
}
footer.footer-four .footer-bottom .policy-links li a:hover {
  color: #084d2a;
}

.footer-input .input-group {
  width: 100%;
  border-radius: 54px;
  background: #FFF;
  padding: 8px 16px;
}
.footer-input .input-group .input-group-text {
  background: #FFF;
  border: 0 !important;
  border-radius: 54px 54px 54px 54px;
  color: #4E5561;
}
.footer-input .input-group .form-control {
  border: 0 !important;
  box-shadow: none;
  margin-right: 5px;
  height: 37px;
  min-height: 37px;
  padding: 0 10px;
}
.footer-input .input-group .btn {
  border-radius: 54px !important;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  30.footer-three
============================*/
footer.footer-three .footer-top {
  background: #111827;
  padding: 40px 0 20px 0;
}
footer.footer-three .footer-top .footer-widget h5 {
  margin-bottom: 24px;
  color: #FFF;
}
footer.footer-three .footer-top .footer-widget h5::before {
  background: #242B3A;
  width: 100%;
  bottom: -10px;
}
footer.footer-three .footer-top .footer-widget .footer-menu li a {
  color: #7D828C;
}
footer.footer-three .footer-top .footer-widget .footer-menu li a:hover {
  color: #084d2a;
}
footer.footer-three .footer-top .footer-about {
  max-width: 416px;
  width: 100%;
}
footer.footer-three .footer-top .footer-about p {
  color: #7D828C;
}
footer.footer-three .footer-top .footer-about h5::before {
  content: none;
}
footer.footer-three .social-icon li {
  margin-right: 8px;
  padding-right: 0;
}
footer.footer-three .social-icon li a {
  width: 32px;
  height: 32px;
  background: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
footer.footer-three .social-icon li a:hover {
  background: #084d2a;
  color: #FFF;
}
footer.footer-three .social-icon li::after {
  content: none;
}
footer.footer-three .footer-bottom {
  background: #111827;
  border-top: 1px solid #242B3A;
  padding: 20px 0 10px;
}
footer.footer-three .footer-bottom p {
  color: #7D828C;
}
footer.footer-three .footer-bottom .policy-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  flex-wrap: wrap;
}
footer.footer-three .footer-bottom .policy-links li {
  margin: 0 8px 10px 0;
}
footer.footer-three .footer-bottom .policy-links li a {
  color: #7D828C;
}
footer.footer-three .footer-bottom .policy-links li a:hover {
  color: #084d2a;
}

.footer-contact {
  padding: 20px 0;
}
.footer-contact .social-icon {
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .footer-contact .social-icon {
    margin-bottom: 16px;
  }
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 31.footer-five
============================*/
.footer-five .footer-top {
  padding-bottom: 20px;
}
.footer-five .footer-about {
  padding-right: 20px;
  margin-bottom: 20px;
}
.footer-five .footer-about .footer-input .input-group {
  width: 100%;
  border-radius: 54px;
  background: #FFF;
  padding: 8px;
}
.footer-five .footer-about .footer-input .input-group .input-group-text {
  background: #FFF;
  border: 0 !important;
  border-radius: 54px 54px 54px 54px;
  color: #4E5561;
}
.footer-five .footer-about .footer-input .input-group .form-control {
  border: 0 !important;
  box-shadow: none;
  margin-right: 5px;
  height: 30px;
  padding: 0 10px;
}
.footer-five .footer-about .footer-input .input-group .btn {
  border-radius: 50px !important;
  font-size: 13px;
  padding: 4px 12px;
  height: 40px;
}
.footer-five .footer-top .footer-widget h5::before {
  background: transparent;
}
.footer-five .customer-info {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.footer-five .customer-info .customer-info-icon span {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E4EBF1;
  font-size: 24px;
  font-weight: 700;
  color: #4E5561;
}
.footer-five .customer-info .customer-info-content {
  margin-left: 8px;
}
.footer-five .customer-info .customer-info-content span {
  color: #4E5561;
  font-size: 14px;
}
.footer-five .customer-info .customer-info-content h6 {
  color: #4E5561;
  font-size: 14px;
  font-weight: 500;
}
.footer-five .footer-bottom {
  background: transparent;
  border-top: 1px solid #E4EBF1;
}
.footer-five .footer-bottom .social-icon li:after {
  background: transparent;
}
.footer-five .footer-bottom .social-icon a {
  background: #E4EBF1;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
}
.footer-five .footer-bottom .social-icon a:hover {
  background: #084d2a;
  color: #fff;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  32.breadcrumb
============================*/
.breadcrumb-bar {
  padding: 150px 0 40px;
  position: relative;
  z-index: 1;
}
.breadcrumb-bar .breadcrumb-title {
  font-size: 36px;
  color: #FFF;
}
@media (max-width: 991.98px) {
  .breadcrumb-bar .breadcrumb-title {
    font-size: 26px;
  }
}
@media (max-width: 767.98px) {
  .breadcrumb-bar .breadcrumb-title {
    font-size: 22px;
  }
}
.breadcrumb-bar::before {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(95.36deg, rgba(0, 0, 0, 0.8) 13.15%, rgba(0, 0, 0, 0.5) 78.27%);
  z-index: -1;
}
@media (max-width: 767.98px) {
  .breadcrumb-bar {
    padding: 90px 0 30px;
  }
}

.breadcrumb .breadcrumb-item {
  color: #E4EBF1;
}
.breadcrumb .breadcrumb-item a {
  color: #FFF;
}
.breadcrumb .breadcrumb-item a:hover {
  color: #084d2a;
}
.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
  content: "\f054";
  font-family: "fontawesome";
  line-height: 2;
  font-size: 12px;
  color: #E4EBF1;
}
.breadcrumb .breadcrumb-item.active {
  color: #E4EBF1;
}

.breadcrumb-bg-01 {
  background: url("../img/bg/breadcrumb.jpg") no-repeat;
  background-size: cover;
}

.breadcrumb-bg-02 {
  background: url("../img/bg/breadcrumb-02.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.breadcrumb-bg-03 {
  background: url("../img/bg/breadcrumb-03.jpg") no-repeat;
  background-size: cover;
}

.breadcrumb-bg-04 {
  background-color: #111827;
}

.breadcrumb-bg-05 {
  background: url("../img/bg/breadcrumb-05.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

.breadcrumb-bg-06 {
  background: url("../img/bg/breadcrumb-04.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 33.sidebar
============================*/
.user-sidebar {
  background: #FFF;
  box-shadow: none;
}
.user-sidebar .submenu ul {
  display: none;
  margin-left: 22px;
}
.user-sidebar .submenu .menu-arrow {
  display: inline-block;
  font-family: "FontAwesome";
  text-rendering: auto;
  line-height: 40px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 22px;
  float: right;
}
.user-sidebar .submenu .menu-arrow::before {
  content: "\f105";
}
.user-sidebar .submenu .subdrop .menu-arrow::before {
  content: "\f107";
}
.user-sidebar .submenu .subdrop ~ ul {
  display: block;
}
.user-sidebar .user-sidebar-header {
  padding: 20px;
}
.user-sidebar .user-sidebar-header .profile-content {
  padding: 8px;
  border: 1px solid #E4EBF1;
}
.user-sidebar .user-sidebar-body ul li a {
  color: #4E5561;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #4E5561;
}
.user-sidebar .user-sidebar-body ul li a:hover, .user-sidebar .user-sidebar-body ul li a.active {
  color: #084d2a;
}
.user-sidebar .user-sidebar-body ul li a i {
  margin-right: 10px;
  font-size: 14px;
}
.user-sidebar .user-sidebar-body ul li .message-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user-sidebar .user-sidebar-body ul li .message-content .msg-count {
  width: 24px;
  height: 24px;
  background-color: #0E9384;
  padding: 4px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
}
.user-sidebar.agent-sidebar .agent-profile {
  position: relative;
  margin-bottom: 10px;
}
.user-sidebar.agent-sidebar .agent-profile img {
  width: 120px;
  height: 120px;
}
.user-sidebar.agent-sidebar .agent-profile a {
  position: absolute;
  right: 8px;
  bottom: 8px;
}
.user-sidebar.agent-sidebar .notify-item a {
  width: 36px;
  height: 36px;
  color: #4E5561;
}
.user-sidebar.agent-sidebar .notify-item a span {
  top: 6px;
  right: 8px;
}
.user-sidebar.agent-sidebar .notify-item a:hover {
  color: #FFF;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li {
  margin-bottom: 4px;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li:last-child {
  margin-bottom: 0;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li > a {
  border-radius: 4px;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li > a:hover, .user-sidebar.agent-sidebar .user-sidebar-body > ul > li > a.active {
  background: #084d2a;
  color: #FFF;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li.submenu a.subdrop, .user-sidebar.agent-sidebar .user-sidebar-body > ul > li.submenu a.active {
  background: #084d2a;
  color: #FFF;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li.submenu ul li a.active {
  color: #084d2a;
  background: transparent;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li.logout-link {
  border-top: 1px solid #E4EBF1;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li.logout-link a {
  color: #FF0000;
}
.user-sidebar.agent-sidebar .user-sidebar-body > ul > li.logout-link a:hover {
  color: rgb(229.5, 0, 0);
  background: transparent;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  34.rtl
============================*/
@media (min-width: 992px) {
  [dir=rtl] header .main-menu-wrapper .main-nav > li {
    margin: 0 0 0 30px;
  }
  [dir=rtl] header .main-menu-wrapper .main-nav > li:last-child {
    margin: 0;
  }
}
@media (max-width: 1399.98px) {
  [dir=rtl] header .main-menu-wrapper .main-nav > li {
    margin: 0 0 0 18px !important;
  }
  [dir=rtl] header .main-menu-wrapper .main-nav > li:last-child {
    margin: 0;
  }
}
[dir=rtl] header .main-menu-wrapper .main-nav > li a i {
  margin: 0 4px 0 0;
}
[dir=rtl] header .main-menu-wrapper .main-nav > li.active.has-submenu > a::after {
  left: calc(50% + 6px);
}
[dir=rtl] header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu .megamenu-wrapper::before {
  left: 0;
  right: auto;
  background-position: bottom right;
}
[dir=rtl] header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li a {
  padding: 0 14px 0 0;
}
[dir=rtl] header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li a::before {
  right: 0;
  left: auto;
}
[dir=rtl] header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li a:hover {
  padding: 0 15px 0 0;
}
[dir=rtl] .menu-img {
  margin-right: auto;
  margin-left: 0;
}
[dir=rtl] .header-dropdown .dropdown .dropdown-toggle::after {
  left: 12px;
  right: auto;
}
[dir=rtl] .offcanvas-info {
  left: 0;
  right: auto;
  transform: translateX(calc(-100% - 80px));
  -webkit-transform: translateX(calc(-100% - 80px));
  -ms-transform: translateX(calc(-100% - 80px));
}
[dir=rtl] .offcanvas-info.show {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
}
[dir=rtl] .mean-container .mean-nav ul li {
  float: right;
}
[dir=rtl] .mean-container .mean-nav ul li a {
  float: right;
  text-align: right;
}
[dir=rtl] .mean-container .mean-nav ul li a.mean-expand {
  left: 0;
  right: auto;
}
[dir=rtl] .banner-form .nav li {
  margin: 0 0 0 8px;
}
[dir=rtl] .banner-form .nav li:last-child {
  margin: 0;
}
[dir=rtl] .banner-form .form-info .form-item {
  text-align: right;
  border-right: 1px solid #E4EBF1;
  border-left: 0;
}
[dir=rtl] .banner-form .form-info .form-item:first-child {
  border-left: 0;
  border-right: 0;
}
@media (max-width: 991.98px) {
  [dir=rtl] .banner-form .form-info .form-item:nth-child(odd) {
    border-left: 0;
    border-right: 0;
  }
}
[dir=rtl] .banner-form .form-info .form-item .way-icon {
  left: auto;
  right: 0;
}
[dir=rtl] .banner-form .search-btn {
  margin: 0 24px 0 0;
}
@media (max-width: 991.98px) {
  [dir=rtl] .banner-form .search-btn {
    margin: 0;
  }
}
[dir=rtl] .banner-form .input-search .input-group .input-group-text {
  border-right: 0;
  border-radius: 4px !important;
  border-left: 1px solid #E4EBF1;
}
[dir=rtl] .banner-form .input-search .input-group .form-control {
  padding: 0 16px 0 0;
  border-radius: 4px !important;
  border-right: 1px solid #E4EBF1;
  border-left: 0;
}
[dir=rtl] .about-section .about-btn .btn {
  margin: 0 0 0 40px;
}
[dir=rtl] .about-image {
  margin: 0 0 0 60px;
}
@media (max-width: 1399.98px) {
  [dir=rtl] .about-image {
    margin: 0 0 0 36px;
  }
}
@media (max-width: 991.98px) {
  [dir=rtl] .about-image {
    margin: 0;
  }
}
[dir=rtl] .about-listing {
  left: 0;
  right: auto;
}
[dir=rtl] .about-progress {
  left: 50px;
  right: auto;
}
[dir=rtl] .nav-center .owl-nav button.owl-next {
  left: -20px;
  right: auto;
}
@media (max-width: 1199.98px) {
  [dir=rtl] .nav-center .owl-nav button.owl-next {
    left: -10px;
  }
}
@media (max-width: 991.98px) {
  [dir=rtl] .nav-center .owl-nav button.owl-next {
    left: 0;
  }
}
[dir=rtl] .nav-center .owl-nav button.owl-prev {
  right: -20px;
  left: auto;
}
@media (max-width: 1199.98px) {
  [dir=rtl] .nav-center .owl-nav button.owl-prev {
    right: -10px;
  }
}
@media (max-width: 991.98px) {
  [dir=rtl] .nav-center .owl-nav button.owl-prev {
    right: 0;
  }
}
[dir=rtl] .video-wrap .video-btn {
  top: 50%;
  left: -50%;
  transform: translate(50%, -50%);
}
[dir=rtl] .testimonial-slider-rtl.owl-carousel .owl-nav {
  text-align: center;
  margin-top: 16px;
}
[dir=rtl] .testimonial-slider-rtl.owl-carousel .owl-nav .owl-next {
  margin-right: 16px;
}
[dir=rtl] .social-icon li {
  margin: 0 0 0 12px;
  padding: 0 0 0 12px;
}
[dir=rtl] .social-icon li::after {
  right: auto;
  left: 0;
}
[dir=rtl] .social-icon li:last-child {
  margin: 0;
  padding: 0;
}
[dir=rtl] footer .footer-top .footer-widget h5::before {
  right: 0;
}
[dir=rtl] footer .footer-bottom .card-links li a {
  margin: 0 0 0 8px;
}
[dir=rtl] footer .footer-bottom .card-links li:last-child a {
  margin: 0;
}

/******* Pages ******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
    37.home
============================*/
.hero-section {
  position: relative;
  height: 724px;
  padding-top: 114px;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .hero-section {
    background-image: url(../img/banner/banner-01.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    position: relative;
    padding-top: 110px;
  }
  .hero-section::after {
    content: "";
    background: radial-gradient(47.9% 121.75% at 50% 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 32.98%, rgba(0, 0, 0, 0.6) 100%);
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
  }
}
@media (max-width: 767.98px) {
  .hero-section {
    padding-top: 70px;
  }
}
.hero-section .banner-sec {
  position: absolute;
  top: 0;
}
@media (max-width: 991.98px) {
  .hero-section .banner-sec {
    display: none;
  }
}
.hero-section .banner-sec img {
  height: 724px;
  object-fit: cover;
}
.hero-section .banner-sec::after {
  content: "";
  background: radial-gradient(47.9% 121.75% at 50% 0%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 32.98%, rgba(0, 0, 0, 0.6) 100%);
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.hero-section .banner-sec .owl-dots {
  position: absolute;
  right: 50px;
  top: 50%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  transform: translateY(-50%);
}
.hero-section .banner-sec .owl-dots button {
  color: #FFF;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(228, 235, 241, 0.2);
  margin: 3px 0;
}
.hero-section .banner-sec .owl-dots button.active {
  background: #FFF;
  outline: 1px solid #FFF;
  outline-offset: 3px;
  margin: 5px 0;
}
.hero-section .banner-sec .owl-dots button.owl-prev {
  margin-bottom: 10px;
}
.hero-section .banner-sec .owl-dots button:hover {
  color: #084d2a;
}
.hero-section .hero-content {
  padding: 93px 0;
  text-align: center;
  position: relative;
  z-index: 1;
}
.hero-section .hero-content p {
  max-width: 720px;
  width: 100%;
}
@media (max-width: 991.98px) {
  .hero-section .hero-content {
    padding: 80px 0;
  }
}
@media (max-width: 991.98px) {
  .hero-section .hero-content {
    padding: 60px 0;
  }
}
.hero-section .hero-content .banner-content {
  max-width: 850px;
  width: 100%;
  margin-bottom: 40px;
}
.hero-section .hero-content .banner-content h1 span {
  position: relative;
  z-index: 1;
  display: inline-block;
}
.hero-section .hero-content .banner-content h1 span::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10px;
  width: 100%;
  height: 16px;
  background: #084d2a;
  z-index: -1;
}

.banner-form .nav li {
  margin-right: 8px;
}
.banner-form .nav li:last-child {
  margin-right: 0;
}
.banner-form .nav li .nav-link {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  border-radius: 74px;
  padding: 8px 16px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.banner-form .nav li .nav-link.active, .banner-form .nav li .nav-link:hover {
  color: #FFF;
  background: #084d2a;
}
.banner-form .form-info {
  border: 1px solid #E4EBF1;
  border-radius: 4px;
  width: 100%;
}
@media (max-width: 991.98px) {
  .banner-form .form-info {
    flex-wrap: wrap;
    margin-bottom: 16px;
  }
}
.banner-form .form-info .form-item {
  flex: 1;
  text-align: left;
  padding: 8px;
  border-left: 1px solid #E4EBF1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .banner-form .form-info .form-item {
    width: 50%;
    flex: unset;
  }
}
@media (max-width: 575.98px) {
  .banner-form .form-info .form-item {
    width: 100%;
    border-left: 0;
    border-bottom: 1px solid #E4EBF1;
  }
  .banner-form .form-info .form-item:last-child {
    border-bottom: 0;
  }
}
.banner-form .form-info .form-item:first-child {
  border-left: 0;
}
@media (max-width: 991.98px) {
  .banner-form .form-info .form-item:nth-child(odd) {
    border-left: 0;
  }
}
.banner-form .form-info .form-item .way-icon {
  position: absolute;
  top: 50%;
  left: 0;
}
@media (max-width: 575.98px) {
  .banner-form .form-info .form-item .way-icon {
    left: 50px;
    top: 0;
  }
}
.banner-form .form-info .form-item .form-control {
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  min-height: 32px;
}
.banner-form .form-info .form-item.dropdown .dropdown-menu {
  padding: 20px;
  max-height: 300px;
  overflow-y: auto;
}
.banner-form .form-info .form-item.dropdown .dropdown-menu.dropdown-xl {
  min-width: 600px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .banner-form .form-info .form-item.dropdown .dropdown-menu.dropdown-xl {
    min-width: 300px;
  }
}
@media (max-width: 991.98px) {
  .banner-form .form-info .form-item.dropdown .dropdown-menu {
    max-height: 300px;
  }
}
.banner-form .form-info .form-item.round-drip, .banner-form .form-info .form-item.return-drop, .banner-form .form-info .form-item.dropoff-time, .banner-form .form-info .form-item.pickup-airport, .banner-form .form-info .form-item.hourly-time {
  display: none;
}
.banner-form .info-item {
  padding: 20px;
}
.banner-form .search-btn {
  padding: 20px;
  margin-left: 24px;
}
@media (max-width: 991.98px) {
  .banner-form .search-btn {
    width: 100%;
    margin: 0;
    padding: 12px;
  }
}
.banner-form .search-btn.btn-lg {
  padding: 13px 12px;
}
.banner-form .input-search .input-group .form-control {
  border-color: #E4EBF1;
  height: 44px;
  padding-left: 16px;
  font-size: 14px;
  font-weight: 400;
  border-right: 0;
}
.banner-form .input-search .input-group .input-group-text {
  background: transparent;
  border-color: #E4EBF1;
  color: #111827;
  border-left: 0;
}

.multi-trip {
  display: none;
}

.custom-increment .input-group .input-number {
  border: 0;
  width: 50px;
  text-align: center;
  color: #111827;
  font-size: 14px;
}
.custom-increment .input-group .btn-number {
  width: 32px;
  height: 32px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.custom-increment .input-group .btn-number:hover {
  background: #084d2a;
  color: #FFF;
}

.benefit-section {
  background-image: url("../img/bg/benefit-bg.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.benefit-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(30px);
  border-color: #FFF;
  box-shadow: none;
}
.benefit-card .benefit-icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.benefit-card .icon-view {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 48px;
  opacity: 0;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.benefit-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}
.benefit-card:hover .icon-view {
  opacity: 1;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}

.ripple-effect {
  position: relative;
}
.ripple-effect::before, .ripple-effect::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 33px;
  height: 33px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 #EAEBEE;
  animation: ripple 3s infinite;
}
.ripple-effect::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.ripple-effect::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 20px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
@media (max-width: 991.98px) {
  .sub-title {
    font-size: 15px;
  }
}

.round-animate {
  animation: round 5s linear infinite;
}

@keyframes round {
  50% {
    transform: rotate(10deg);
  }
}
.floating-x {
  -webkit-animation-name: floating-x;
  animation-name: floating-x;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes floating-x {
  0% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  50% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
}
.section-header {
  margin-bottom: 40px;
}

.floating-y {
  -webkit-animation-name: floating-y;
  animation-name: floating-y;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}

@keyframes floating-y {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  50% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
.section {
  padding: 60px 0;
}
@media (max-width: 991.98px) {
  .section {
    padding: 50px 0;
  }
}

.rating i.filled {
  color: #FFCA18;
}

.destination-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.destination-item::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #141414 105.28%);
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
}
.destination-item img {
  border-radius: 10px;
}
.destination-item .destination-info {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding: 15px 15px 0;
  width: 100%;
}
.destination-item .destination-content {
  padding-bottom: 20px;
}
.destination-item .destination-overlay {
  border-radius: 10px;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  display: none;
  width: calc(100% - 0px);
}
.destination-item .destination-overlay .count-info {
  padding: 14px;
}
.destination-item:hover {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.destination-item:hover .destination-info {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  transform: translate(-50%, -15px);
  -webkit-transform: translate(-50%, -15px);
  -ms-transform: translate(-50%, -15px);
}
.destination-item:hover .destination-content {
  padding-bottom: 0;
}
.destination-item:hover .destination-overlay {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  display: block;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  width: 44px;
  height: 44px;
  font-size: 20px;
  color: #111827;
  background: #FFF;
  text-shadow: none;
  top: 0;
  cursor: pointer;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  background: #084d2a;
  color: #FFF;
}
@media (max-width: 991.98px) {
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel .owl-nav button.owl-prev {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}

.nav-center .owl-nav button.owl-next,
.nav-center .owl-nav button.owl-prev {
  width: 44px;
  height: 44px;
  font-size: 20px;
  color: #111827;
  background: #FFF;
  text-shadow: none;
  top: 0;
  cursor: pointer;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 50px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.nav-center .owl-nav button.owl-next:hover,
.nav-center .owl-nav button.owl-prev:hover {
  background: #084d2a;
  color: #FFF;
}
@media (max-width: 1199.98px) {
  .nav-center .owl-nav button.owl-next,
  .nav-center .owl-nav button.owl-prev {
    width: 38px;
    height: 38px;
  }
}
@media (max-width: 991.98px) {
  .nav-center .owl-nav button.owl-next,
  .nav-center .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
    font-size: 16px;
  }
}
.nav-center .owl-nav button.owl-next {
  right: -20px;
}
@media (max-width: 1199.98px) {
  .nav-center .owl-nav button.owl-next {
    right: -10px;
  }
}
@media (max-width: 991.98px) {
  .nav-center .owl-nav button.owl-next {
    right: 0;
  }
}
.nav-center .owl-nav button.owl-prev {
  left: -20px;
}
@media (max-width: 1199.98px) {
  .nav-center .owl-nav button.owl-prev {
    left: -10px;
  }
}
@media (max-width: 991.98px) {
  .nav-center .owl-nav button.owl-prev {
    left: 0;
  }
}

.view-all .btn {
  margin-top: 16px;
}

.place-item {
  border-radius: 10px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.place-item .place-img {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
}
.place-item .place-img img {
  border-radius: 10px 10px 0 0;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.place-item .place-img .fav-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
.place-item .place-img .fav-item .badge {
  font-size: 13px;
  border-radius: 54px;
  font-weight: 400;
}
.place-item .place-img .fav-item .fav-icon {
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #E4EBF1;
  background: #FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.place-item .place-img .fav-item .fav-icon:hover, .place-item .place-img .fav-item .fav-icon.selected {
  color: #084d2a;
}
.place-item .place-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 28.82%, rgba(0, 0, 0, 0.5) 100%);
}
.place-item .place-content {
  padding: 20px;
  background: #FFF;
  flex-grow: 1;
}
.place-item .place-content .date-info {
  background: #F5F8FA;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}
.place-item .place-content .date-info p {
  color: #111827;
  font-size: 14px;
}
.place-item:hover .place-img img {
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.flight-loc .loc-name {
  background: #FFF;
  border: 1px solid #E4EBF1;
  border-radius: 64px;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 15px;
}
.flight-loc .arrow-icon {
  background: #111827;
  color: #FFF;
  border-radius: 54px;
  width: 30px;
  height: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}

.rotate-45 {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  display: inline-block;
}

.rotate-135 {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  display: inline-block;
}

.img-slider img, .image-slide img {
  border-radius: 10px 10px 0 0;
}
.img-slider .owl-dots, .image-slide .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.img-slider .owl-dots .owl-dot span, .image-slide .owl-dots .owl-dot span {
  width: unset;
  height: unset;
}
.img-slider .owl-dots .owl-dot, .image-slide .owl-dots .owl-dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FFF;
  margin: 0 0 15px 0;
  margin-right: 4px;
}
.img-slider .owl-dots .owl-dot.active, .image-slide .owl-dots .owl-dot.active {
  width: 9px;
  height: 9px;
  outline: 1px solid #FFF;
  outline-offset: 2px;
}
.img-slider.nav-center .owl-nav button, .image-slide.nav-center .owl-nav button {
  display: none;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 24px;
  height: 24px;
  font-size: 12px;
}
.img-slider.nav-center .owl-nav button.owl-prev, .image-slide.nav-center .owl-nav button.owl-prev {
  left: 16px;
}
.img-slider.nav-center .owl-nav button.owl-prev:hover, .image-slide.nav-center .owl-nav button.owl-prev:hover {
  background: #084d2a;
  color: #FFF !important;
}
.img-slider.nav-center .owl-nav button.owl-next, .image-slide.nav-center .owl-nav button.owl-next {
  right: 16px;
}
.img-slider.nav-center .owl-nav button.owl-next:hover, .image-slide.nav-center .owl-nav button.owl-next:hover {
  background: #084d2a;
  color: #FFF !important;
}
.img-slider.nav-center .owl-nav button:hover, .image-slide.nav-center .owl-nav button:hover {
  color: #FFF;
}
.img-slider.nav-center:hover .owl-nav button, .image-slide.nav-center:hover .owl-nav button {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: block;
}

.about-listing {
  background: #3538CD;
  border-radius: 10px;
  padding: 16px 16px 0;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.about-listing .btn {
  margin-top: -20px;
  z-index: 2;
  position: relative;
}
.about-listing .listing-img {
  position: relative;
  bottom: -50px;
  margin-top: -50px;
}
@media (max-width: 1399.98px) {
  .about-listing {
    max-width: 250px;
  }
}
@media (max-width: 575.98px) {
  .about-listing {
    position: relative;
    margin-bottom: 70px;
  }
}

.about-image {
  position: relative;
  margin-right: 60px;
  padding-top: 60px;
}
@media (max-width: 1399.98px) {
  .about-image {
    margin-right: 36px;
  }
}
@media (max-width: 991.98px) {
  .about-image {
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  .about-image {
    padding-top: 0;
    text-align: center;
  }
}

.about-img {
  background: #074682;
  border-radius: 20px;
  display: inline-block;
}
.about-img img {
  position: relative;
  z-index: 1;
}

.about-progress {
  background: #FFF;
  padding: 10px;
  border-bottom: 1px solid #084d2a;
  backdrop-filter: blur(30px);
  border-radius: 10px;
  position: absolute;
  bottom: 50px;
  right: 50px;
  z-index: 2;
}

.about-section {
  background: #F3F6F9;
  position: relative;
  z-index: 1;
}
.about-section .about-content {
  margin-bottom: 40px;
}
.about-section .about-btn .btn {
  margin-right: 40px;
}
.about-section .about-bg img {
  position: absolute;
}
.about-section .about-bg img.about-bg-01 {
  bottom: 40%;
  left: 0;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .about-section .about-bg img.about-bg-01 {
    display: none;
  }
}
.about-section .about-bg img.about-bg-02 {
  bottom: 10%;
  left: 0;
  z-index: -1;
  width: 100%;
}

.counter-wrap {
  backdrop-filter: blur(40px);
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 60px 60px 36px;
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .counter-wrap {
    margin-top: 50px;
    padding: 40px 40px 16px;
  }
}

.counter-item {
  text-align: center;
}

.place-nav .nav {
  margin-bottom: 24px;
}
.place-nav .nav li {
  margin-bottom: 16px;
  margin-right: 4px;
}
.place-nav .nav li:last-child {
  margin-right: 0;
}
.place-nav .nav li a {
  color: #111827;
  border-radius: 100px;
}
.place-nav .nav li a.active, .place-nav .nav li a:hover {
  background: #084d2a;
  color: #FFF;
}

.update-section {
  position: relative;
}
.update-section::before {
  position: absolute;
  background: #F3F6F9;
  content: "";
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
}

.update-sec {
  background: #FEEDEB;
  border-radius: 10px;
  padding: 40px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (max-width: 767.98px) {
  .update-sec {
    padding: 20px;
  }
}
.update-sec .section-header {
  margin-bottom: 20px;
}
.update-sec .input-group {
  max-width: 512px;
  width: 100%;
  border-radius: 54px;
  outline: 1px solid #F9CBC3;
  outline-offset: 4px;
  background: #FFF;
  padding: 12px 16px;
}
.update-sec .input-group .input-group-text {
  background: #FFF;
  border: 0 !important;
  border-radius: 54px 54px 54px 54px;
  color: #4E5561;
}
.update-sec .input-group .form-control {
  border: 0 !important;
  box-shadow: none;
  margin-right: 5px;
  height: 30px;
}
.update-sec .input-group .btn {
  border-radius: 54px !important;
  font-size: 13px;
  padding: 4px 12px;
}
.update-sec .update-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

.horizontal-slide {
  overflow: hidden;
}
.horizontal-slide[data-direction=right] {
  --_animation-direction: reverse;
}
.horizontal-slide[data-direction=left] {
  --_animation-direction: forwards;
}
.horizontal-slide[data-speed=fast] {
  --_animation-duration: 30s;
}
.horizontal-slide[data-speed=slow] {
  --_animation-duration: 120s;
}
.horizontal-slide .slide-list {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 60s) var(--_animation-direction, forwards) linear infinite;
}
.horizontal-slide .slide-list:hover {
  animation-play-state: paused;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.support-section {
  padding: 20px 0;
}

.support-item {
  position: relative;
  margin-right: 20px;
  padding-right: 44px;
}
.support-item::after {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 0;
  background: url("../img/icons/star-icon.svg");
  width: 24px;
  height: 24px;
}
.support-item h5 {
  white-space: nowrap;
  color: #FFF;
}

.expert-item {
  border: 1px solid #FFF;
  border-radius: 10px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}
.expert-item .expert-img {
  text-align: center;
  margin: 4px 4px 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  display: block;
}
.expert-item .expert-img img {
  width: auto;
  height: 190px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
  object-fit: cover;
}
.expert-item .expert-img .circle-shape {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 149px;
  height: 149px;
  border-radius: 50%;
  margin-top: -40px;
  z-index: 1;
}
.expert-item .expert-content {
  padding: 20px;
}
.expert-item .expert-content p {
  font-size: 14px;
}
.expert-item .expert-content img {
  width: auto;
  height: auto;
}

.client-img {
  text-align: center;
}
.client-img img {
  width: auto !important;
  height: auto;
  margin: 0 auto;
}

.video-wrap {
  width: 100%;
  height: 400px;
  position: relative;
  background: url("../img/video.jpg") top center no-repeat;
  background-size: cover;
  border-radius: 5px;
  overflow: hidden;
  background-attachment: fixed;
}
.video-wrap .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #FFF;
  color: #4E5561;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  z-index: 2;
}
.video-wrap .video-effect {
  position: relative;
  z-index: 3;
}
.video-wrap .video-effect::before, .video-wrap .video-effect::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: ripple 3s infinite;
}
.video-wrap .video-effect::before {
  animation-delay: 0.9s;
}
.video-wrap .video-effect::after {
  animation-delay: 0.6s;
}
@media (max-width: 767.98px) {
  .video-wrap {
    height: 250px;
  }
}
.video-wrap::before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@keyframes ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  100% {
    box-shadow: 0 0 20px 50px rgba(255, 255, 255, 0);
  }
}
.testimonial-section {
  background: #F3F6F9;
  position: relative;
}
.testimonial-section .testimonial-bg {
  position: absolute;
  top: 6%;
  right: 5%;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -webkit-animation-name: grow;
  -webkit-animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: grow;
  -moz-animation-duration: 9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}

.testimonial-slider.owl-carousel .owl-nav {
  text-align: center;
  margin-top: 16px;
}
.testimonial-slider.owl-carousel .owl-nav .owl-next {
  margin-left: 16px;
}

@-webkit-keyframes grow {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
.update-sec {
  background: #FEEDEB;
  border-radius: 10px;
}

.faq-section {
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/bg/faq-bg.png);
}

.faq-sec {
  padding: 60px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.79);
  backdrop-filter: blur(40px);
}
@media (max-width: 991.98px) {
  .faq-sec {
    padding: 40px;
  }
}
.faq-sec .accordion-item {
  background-color: transparent;
}
.faq-sec .accordion-item .accordion-button {
  padding: 0;
  background-color: transparent;
}
.faq-sec .accordion-item .accordion-body {
  padding: 8px 0 0;
}

.blog-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.blog-item .blog-img {
  position: relative;
  display: block;
  z-index: 1;
}
.blog-item .blog-img::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #141414 105.28%);
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  z-index: 2;
}
.blog-item .blog-img img {
  border-radius: 10px;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -ms-transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.blog-item .badge {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}
.blog-item .blog-info {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  padding: 20px;
  width: 100%;
  z-index: 2;
}
.blog-item .blog-info a {
  color: #FFF;
}
.blog-item .blog-info a:hover {
  color: #084d2a;
}
.blog-item .blog-info h5 a {
  color: #FFF;
}
.blog-item .blog-info h5 a:hover {
  color: #084d2a;
}
.blog-item h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-item:hover .blog-img img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
}

.overlay-circle-link {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFF;
  font-size: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  opacity: 0;
  z-index: 2;
}
.overlay-circle-link:hover {
  background: #084d2a;
  color: #FFF;
}

.destination-item:hover .overlay-circle-link {
  opacity: 1;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  35.home-03
============================*/
.hero-section-three {
  position: relative;
  padding: 190px 0 100px;
  background: url("../img/banner/car-banner.jpg") no-repeat;
  background-position: center;
  background-position: center;
  background-size: cover;
}
.hero-section-three .hero-content {
  text-align: left;
  position: relative;
  z-index: 1;
}
.hero-section-three .hero-content .banner-content {
  padding-bottom: 24px;
}
.hero-section-three .banner-content {
  max-width: 650px;
  width: 100%;
}
.hero-section-three .banner-content h1 {
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .hero-section-three .banner-content h1 {
    font-size: 34px;
  }
}
@media (max-width: 767.98px) {
  .hero-section-three {
    padding: 150px 0 60px;
  }
}

.support-section.support-three {
  transform: skew(0, -0.81deg);
  -webkit-transform: skew(0, -0.81deg);
  -ms-transform: skew(0, -0.81deg);
  margin-top: -15px;
}

.pickup-card {
  margin-bottom: 0;
}
.pickup-card h5 {
  max-width: 210px;
}

.category-wrapper {
  padding-top: 60px;
}
@media (max-width: 991.98px) {
  .category-wrapper {
    padding-top: 50px;
  }
}

.category-wrap {
  text-align: center;
  margin-bottom: 24px;
}
.category-wrap .category-img {
  background: #F8FAFB;
  border-radius: 10px;
  margin-bottom: 8px;
  text-align: center;
  height: 168px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  overflow: hidden;
  position: relative;
  padding: 10px;
}
.category-wrap .category-img img {
  transform: scale(1);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.category-wrap .category-img .badge {
  font-size: 14px;
  font-weight: 400;
  border-radius: 5px 0 0 5px;
  position: absolute;
  top: 10px;
  right: 0;
}
.category-wrap .category-img:hover img {
  transform: scale(1.12);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}

.feeback-section {
  position: relative;
}
.feeback-section::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  background: #F8FAFB;
  height: 50%;
  width: 100%;
  z-index: -1;
}
.feeback-section .rating-feedback {
  overflow: hidden;
}

.faq-section-three {
  background: url("../img/bg/faq-bg-03.png") no-repeat;
  background-position: top center;
  background-size: cover;
  position: relative;
  padding: 100px 0;
}
.faq-section-three::before {
  background: #F8FAFB;
  content: "";
  top: 0;
  left: 0;
  height: 20%;
  width: 100%;
  position: absolute;
  z-index: -1;
}
@media (max-width: 991.98px) {
  .faq-section-three {
    padding: 50px 0;
    background: #111827;
  }
}

.plan-sec {
  margin-right: 60px;
  z-index: 2;
  position: relative;
}
@media (max-width: 1399.98px) {
  .plan-sec {
    margin-right: 90px;
  }
}
@media (max-width: 1199.98px) {
  .plan-sec {
    margin-right: 30px;
  }
}
@media (max-width: 991.98px) {
  .plan-sec {
    margin-right: 0;
  }
}

.plan-card {
  background: #FFF;
  padding: 40px;
  border-radius: 10px;
  margin-bottom: 24px;
}
.plan-card:last-child {
  margin-bottom: 0;
}
.plan-card.active {
  background: #084d2a;
}
.plan-card.active h2 {
  color: #FFF;
}
.plan-card.active h2 span {
  color: #E4EBF1;
}
.plan-card.active h5 {
  color: #FFF;
}
.plan-card.active p {
  color: #E4EBF1;
}
.plan-card.active .btn {
  background: #FFF;
  border-color: #FFF;
  color: #111827;
}
.plan-card.active .btn:hover {
  background: #084d2a;
  border-color: #111827;
}

.work-item {
  margin-bottom: 48px;
}
.work-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .work-item {
    margin-bottom: 24px;
  }
}

.work-img {
  margin: 20px 30px;
  position: relative;
  z-index: 1;
  padding: 10px 0 45px;
}
.work-img::after {
  content: "";
  position: absolute;
  top: 0;
  right: 5%;
  background: #084d2a;
  width: 330px;
  height: 162px;
  border-radius: 0 110px 0 100px;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .work-img::after {
    width: 270px;
    right: 2%;
  }
}
.work-img::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 5%;
  background: #074682;
  width: 330px;
  height: 178px;
  border-radius: 0 110px 0 100px;
  z-index: -1;
}
@media (max-width: 1399.98px) {
  .work-img::before {
    width: 270px;
  }
}
@media (max-width: 1399.98px) {
  .work-img {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .work-img {
    display: none;
  }
}

.faq-three {
  z-index: 2;
  position: relative;
}
.faq-three .accordion-item {
  padding: 16px 0;
  background-color: transparent;
  border-color: #242B3A;
}
.faq-three .accordion-item:first-child {
  margin-top: 0;
}
.faq-three .accordion-item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.faq-three .accordion-item .accordion-button {
  padding: 8px 0 8px 30px;
  background-color: transparent;
  color: #FFF;
  font-size: 18px;
}
.faq-three .accordion-item .accordion-button::after {
  content: "\f055";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  color: #FFF;
}
.faq-three .accordion-item .accordion-button:not(.collapsed) {
  padding-bottom: 8px;
}
.faq-three .accordion-item .accordion-button:not(.collapsed)::after {
  content: "\f056";
  color: #084d2a;
}
.faq-three .accordion-item .accordion-body {
  position: relative;
  margin-left: 22px;
  padding: 0 0 16px 16px;
}
.faq-three .accordion-item .accordion-body::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 8px);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  background: #084d2a;
  width: 2px;
  height: 60%;
}
.faq-three .accordion-item .accordion-body p {
  color: #E4EBF1;
}

.faq-shape {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  left: 0;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .faq-shape {
    top: 25%;
  }
}
@media (max-width: 767.98px) {
  .faq-shape {
    width: 50%;
  }
}

.about-car {
  margin-right: 50px;
  position: relative;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .about-car {
    margin-right: 30px;
  }
}
@media (max-width: 991.98px) {
  .about-car {
    margin-right: 0;
  }
}
.about-car img {
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: scale(1.02);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
}
.about-car .about-img-01 {
  border-radius: 0px 60px;
  overflow: hidden;
}
.about-car .about-img-01 img {
  border-radius: 0px 60px;
}
.about-car .about-img-02 {
  overflow: hidden;
  border-radius: 60px 0px;
}
.about-car .about-img-02 img {
  border-radius: 60px 0px;
}
.about-car .about-img-03 {
  border-radius: 60px 0 60px 0;
  overflow: hidden;
}
.about-car .about-img-03 img {
  border-radius: 60px 0 60px 0;
}
.about-car .about-img-04 {
  border-radius: 0 60px 0 60px;
  overflow: hidden;
}
.about-car .about-img-04 img {
  border-radius: 0 60px 0 60px;
}
.about-car .about-exp {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: #084d2a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.about-car .about-exp h2 {
  color: #FFF;
}
.about-car .about-exp p {
  color: #E4EBF1;
}
.about-car:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.three-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.location-item {
  border-radius: 10px;
  border: 1px solid #E4EBF1;
  margin-bottom: 24px;
}
.location-item .location-img {
  border-radius: 10px 10px 0 0;
  position: relative;
  overflow: hidden;
  display: block;
}
.location-item .location-img::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.location-item .location-img img {
  border-radius: 10px 10px 0 0;
  transform: scale(1);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.location-item .location-img .location-name {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
  z-index: 2;
}
.location-item .location-img .location-name h5,
.location-item .location-img .location-name p {
  color: #FFF;
}
.location-item .location-info {
  padding: 20px;
}
.location-item .location-info .location-view {
  width: 32px;
  height: 32px;
  background: #E4EBF1;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
}
.location-item .location-info .location-view:hover {
  background: #084d2a;
  color: #FFF;
}
.location-item:hover {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}
.location-item:hover img {
  transform: scale(1.12);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}

.owl-dot-bottom .owl-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
}
.owl-dot-bottom .owl-dots .owl-dot span {
  width: unset;
  height: unset;
}
.owl-dot-bottom .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #E4EBF1;
  margin-right: 3px;
}
.owl-dot-bottom .owl-dots .owl-dot.active {
  width: 22px;
  height: 8px;
  outline: 1px solid #FFF;
  background: #084d2a;
  border-radius: 30px;
  outline: none;
}

.app-wrap {
  padding: 0 40px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  margin: 60px 0 110px;
}
.app-wrap .app-bg-01 {
  position: absolute;
  top: 0;
  right: 40px;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .app-wrap .app-bg-01 {
    width: 40%;
  }
}
.app-wrap .app-bg-02 {
  position: absolute;
  bottom: 0;
  right: 28%;
  z-index: -1;
}
@media (max-width: 1199.98px) {
  .app-wrap .app-bg-02 {
    width: 25%;
  }
}
.app-wrap .app-info {
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  flex-direction: column;
}
@media (max-width: 1199.98px) {
  .app-wrap .app-info .display-5 {
    font-size: 34px;
  }
}
@media (max-width: 767.98px) {
  .app-wrap .app-info .display-5 {
    font-size: 26px;
  }
}
.app-wrap .app-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  flex-direction: column;
}
.app-wrap .app-img img {
  position: relative;
  bottom: -50px;
}
@media (max-width: 991.98px) {
  .app-wrap .app-img {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .app-wrap {
    margin: 50px 0;
  }
}

.blog-item.blog-wrap {
  border: 1px solid #E4EBF1;
}
.blog-item.blog-wrap .blog-img {
  overflow: hidden;
  position: relative;
  border-radius: 10px 10px 0 0;
}
.blog-item.blog-wrap .blog-img img {
  border-radius: 10px 10px 0 0;
}
.blog-item.blog-wrap .blog-img::before {
  content: none;
}
.blog-item.blog-wrap .badge {
  bottom: 20px;
  top: auto;
}
.blog-item .blog-content {
  padding: 20px;
}

.testimonial-section-three {
  position: relative;
}
.testimonial-section-three .testimonial-icon {
  position: absolute;
  top: 10%;
  right: 10%;
}
@media (max-width: 575.98px) {
  .testimonial-section-three .testimonial-icon {
    display: none;
  }
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  36.home-04
============================*/
.hero-section-four {
  background-image: url("../img/banner/flight-banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  position: relative;
}
.hero-section-four .hero-content {
  padding: 120px 0;
  z-index: 1;
  position: relative;
}
@media (max-width: 767.98px) {
  .hero-section-four .hero-content {
    padding: 60px 0;
  }
}
.hero-section-four .hero-content h1 .flight-icon {
  position: relative;
  display: inline-block;
}
.hero-section-four .hero-content h1 .flight-icon img {
  animation: flight-motion 4s linear infinite;
}
.hero-section-four .hero-content h1 .flight-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 158px;
  height: 45px;
  border-radius: 40px;
  background: #084d2a;
  z-index: -1;
}
.hero-section-four .hero-content .video-btn {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #FFF;
  color: #4E5561;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  z-index: 2;
  margin: 110px auto 20px;
}
@media (max-width: 767.98px) {
  .hero-section-four .hero-content .video-btn {
    margin-top: 40px;
  }
}
.hero-section-four .hero-content .video-effect {
  position: relative;
  color: #4E5561;
}
.hero-section-four .hero-content .video-effect::before, .hero-section-four .hero-content .video-effect::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: ripple 3s infinite;
}
.hero-section-four .hero-content .video-effect::before {
  animation-delay: 0.9s;
}
.hero-section-four .hero-content .video-effect::after {
  animation-delay: 0.6s;
}
.hero-section-four::before {
  content: "";
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@keyframes flight-motion {
  0% {
    transform: translateX(0) translateY(-5px);
    opacity: 1;
  }
  50% {
    transform: translateX(10px) translateY(10px);
    opacity: 1;
  }
  75% {
    transform: translateX(5px) translateY(5px);
    opacity: 1;
  }
  100% {
    transform: translateX(0) translateY(-5px);
    opacity: 1;
  }
}
.banner-search-four {
  position: relative;
  margin-top: -100px;
  z-index: 2;
}
@media (max-width: 767.98px) {
  .banner-search-four {
    margin-top: -60px;
  }
}

.section-header.section-header-four h2 span {
  position: relative;
}
.section-header.section-header-four h2 span::before {
  width: 100%;
  height: 10px;
  content: "";
  background: #084d2a;
  position: absolute;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 50%, 100% 100%, 0% 100%);
}

.faq-four .accordion-item.show {
  background: #FFF;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  border-radius: 10px;
  border: 0;
}
.faq-four .accordion-item.show .accordion-button {
  padding-bottom: 8px;
  color: #084d2a;
}
.faq-four .accordion-item.show .accordion-button::after {
  color: #084d2a;
}
.faq-four .accordion-item .accordion-button {
  color: #111827;
  font-size: 16px;
  padding: 20px;
}
.faq-four .accordion-item .accordion-button::after {
  font-size: 16px;
}
.faq-four .accordion-item .accordion-body {
  padding: 0 20px 20px;
}

.client-section-four {
  position: relative;
  padding: 0;
}
.client-section-four::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #F8FAFB;
  height: 50%;
  width: 100%;
}

.business-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  z-index: 1;
  margin-top: 60px;
}
@media (max-width: 991.98px) {
  .business-wrap {
    margin-top: 50px;
  }
}
.business-wrap .business-info {
  padding: 43px 0 43px 100px;
}
@media (max-width: 1399.98px) {
  .business-wrap .business-info {
    padding-left: 80px;
  }
}
@media (max-width: 1199.98px) {
  .business-wrap .business-info {
    padding-left: 43px;
  }
}
@media (max-width: 991.98px) {
  .business-wrap .business-info {
    padding: 40px;
  }
}
.business-wrap::before {
  position: absolute;
  content: "";
  top: -90px;
  right: 100px;
  width: 300px;
  height: 600px;
  background: #084d2a;
  transform: rotate(-24deg);
  -webkit-transform: rotate(-24deg);
  -ms-transform: rotate(-24deg);
  z-index: -1;
}
@media (max-width: 991.98px) {
  .business-wrap .business-img {
    display: none;
  }
}

.about-section-four {
  position: relative;
  overflow: hidden;
}

.flight-about {
  position: relative;
  z-index: 1;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.flight-about .flight-bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 90%;
  height: 100%;
  z-index: -1;
  text-align: end;
}
.flight-about:hover {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.flight-about:hover > img {
  animation: flight-motion 4s linear infinite;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
@media (max-width: 767.98px) {
  .flight-about {
    display: none;
  }
}

.flight-bg-01 {
  position: absolute;
  top: 5%;
  left: 0;
  width: 171px;
  z-index: -1;
}

.flight-bg-02 {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: 171px;
  z-index: -1;
}

.blog-section-four .blog-item .blog-img::before {
  background: linear-gradient(180.13deg, rgba(0, 0, 0, 0) 36.74%, #000000 99.89%);
}
.blog-section-four .blog-item .blog-date {
  position: absolute;
  top: 20px;
  left: 20px;
  background: #FFF;
  border-radius: 5px;
  padding: 4px;
  z-index: 1;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}
.blog-section-four .blog-item .blog-info .badge {
  position: unset;
  border-radius: 34px;
  font-weight: 400;
}

.location-wrap {
  position: relative;
  border-radius: 20px;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  overflow: hidden;
}
.location-wrap::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 20px;
  z-index: 1;
}
.location-wrap img {
  border-radius: 20px;
  transform: scale(1);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.location-wrap .loc-name {
  display: inline-block;
  border-radius: 10px;
  font-weight: 500;
  padding: 4px 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  z-index: 2;
}
.location-wrap .loc-view {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 24px;
  background: #FFF;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  opacity: 0;
  z-index: 2;
}
.location-wrap .loc-view:hover {
  background: #084d2a;
  color: #FFF;
}
.location-wrap:hover {
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.location-wrap:hover .loc-name {
  opacity: 0;
  top: 70%;
}
.location-wrap:hover .loc-view {
  opacity: 1;
  top: 50%;
}
.location-wrap:hover img {
  transform: scale(1.2);
}
.location-wrap:hover .loc-view-bottom {
  background: #084d2a;
  color: #FFF;
}

.success-icon {
  position: absolute;
  top: -90px;
  right: 50px;
}
@media (max-width: 991.98px) {
  .success-icon {
    display: none;
  }
}

.success-wrap {
  max-width: 415px;
}

.testimonial-success {
  position: relative;
}
.testimonial-success .testimonial-bg-03 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 250px;
  z-index: -1;
}

.testimonial-bg-01 {
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 500px;
  z-index: -1;
}

.testimonial-bg-02 {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 500px;
  z-index: -1;
}

.package-sec {
  padding-top: 36px;
}
@media (max-width: 991.98px) {
  .package-sec {
    padding-top: 26px;
  }
}

.client-sec {
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 20px;
  padding: 60px;
}
.client-sec::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0px 0 0 0;
  transform-origin: left;
  transform: skewY(1.5deg);
  background: #084d2a;
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  .client-sec {
    padding: 40px;
  }
}
@media (max-width: 767.98px) {
  .client-sec {
    padding: 30px;
  }
}

.flight-expert {
  border: 1px solid #E4EBF1;
  border-radius: 10px;
  position: relative;
  padding: 20px;
}
.flight-expert:hover {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}
.flight-expert::before {
  content: "";
  background: #F8FAFB;
  height: 92px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 10px 10px 0 0;
}
.flight-expert .expert-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #FFF;
  border: 1px solid #E4EBF1;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 16px;
}
.flight-expert .expert-img img {
  width: auto;
  height: auto;
}
.flight-expert .fav-icon {
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #E4EBF1;
  background: #FFF;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  position: absolute;
  top: 10px;
  right: 10px;
}
.flight-expert .fav-icon:hover, .flight-expert .fav-icon.selected {
  color: #084d2a;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  38.cruise
============================*/
.hero-section-five {
  position: relative;
  padding: 100px 0 140px;
  background-image: url(../img/banner/cruise-banner.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991.98px) {
  .hero-section-five {
    height: auto;
    padding-bottom: 50px;
  }
}
.hero-section-five .banner-five {
  position: absolute;
  top: 0;
}
.hero-section-five .hero-content {
  text-align: left;
  position: relative;
  z-index: 1;
}
.hero-section-five .hero-content .banner-content {
  padding: 110px 0 40px;
}
@media (max-width: 991.98px) {
  .hero-section-five .hero-content .banner-content {
    padding: 50px 0;
  }
}
.hero-section-five .banner-content {
  max-width: 700px;
  width: 100%;
}
.hero-section-five .banner-content h1 {
  font-size: 52px;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .hero-section-five .banner-content h1 {
    font-size: 34px;
  }
}
@media (max-width: 767.98px) {
  .hero-section-five .banner-content h1 {
    font-size: 26px;
  }
}

.cruise-type {
  text-align: center;
}
.cruise-type:hover img {
  border-radius: 80px;
}
.cruise-type:hover h6 a {
  color: #084d2a;
}
.cruise-type img {
  border-radius: 100px;
  margin-bottom: 16px;
  transition: all 0.5s;
}

.cruise-slider {
  margin-bottom: 40px;
}

.guest-details ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.guest-details ul li {
  width: 50%;
  margin-bottom: 5px;
}
.guest-details ul li h6 {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
}
.guest-details ul li h6 span {
  color: #4E5561;
  font-weight: 400;
}
.guest-details ul li h6 i {
  color: #4E5561;
}

.rating-feedback {
  background: #212E47;
  border-radius: 10px;
  position: relative;
}
.rating-feedback ul {
  padding: 50px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .rating-feedback ul {
    padding: 20px;
  }
}
.rating-feedback ul li {
  width: 25%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .rating-feedback ul li {
    width: 50%;
    margin-bottom: 5px;
  }
}
@media (max-width: 767.98px) {
  .rating-feedback ul li {
    width: 100%;
  }
}
.rating-feedback ul li h6 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .rating-feedback ul li h6 {
    font-size: 16px;
  }
}
.rating-feedback ul li h4 {
  color: #fff;
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .rating-feedback ul li h4 {
    font-size: 24px;
  }
}

.city-type {
  margin-left: 25px;
  position: relative;
  color: #4E5561;
}
.city-type::after {
  position: absolute;
  content: "";
  background: #4E5561;
  width: 5px;
  height: 5px;
  border-radius: 50px;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.getintouch-div {
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.getintouch-div:after {
  position: absolute;
  content: "";
  background: #084d2a;
  width: 280px;
  height: 77px;
  left: 0;
  bottom: -10px;
}
@media (max-width: 991.98px) {
  .getintouch-div:after {
    display: none;
  }
}
.getintouch-div:hover .getintouch-img img {
  right: 50px;
}
.getintouch-div .getintouch-content {
  width: 543px;
  max-width: 100%;
  padding: 92px 70px 108px;
}
@media (max-width: 991.98px) {
  .getintouch-div .getintouch-content {
    padding: 20px 0 40px 20px;
  }
}
.getintouch-div .getintouch-img {
  position: relative;
}
@media (max-width: 991.98px) {
  .getintouch-div .getintouch-img {
    display: none;
  }
}
.getintouch-div .getintouch-img img {
  border-right: 5px solid #084d2a;
  transform: rotate(25deg);
  position: absolute;
  top: -120px;
  transition: all 1s;
  right: 10px;
}

.support-section-five .support-item::after {
  background: url(../img/icons/star-white.svg);
}

.destination-set {
  position: relative;
  margin-bottom: 24px;
  border-radius: 10px;
  overflow: hidden;
}
.destination-set:after {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.destination-set:hover:after {
  background: rgba(0, 0, 0, 0.7);
}
.destination-set:hover .destination-btn {
  top: 16px;
}
.destination-set:hover .destination-img img {
  transform: scale(1.2);
}
.destination-set .destination-img img {
  border-radius: 10px;
  transform: scale(1);
  transition: all 0.5s;
  width: 100%;
}
.destination-set .destination-content {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
  z-index: 9;
}
.destination-set .destination-btn {
  position: absolute;
  top: -30px;
  right: 16px;
  z-index: 9;
  transition: all 0.5s;
}
.destination-set .destination-btn a {
  width: 30px;
  height: 30px;
  border-radius: 50px;
  color: #084d2a;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FEEDEB;
}
.destination-set .destination-btn a i {
  transform: rotate(-45deg);
}
.destination-set .destination-btn a:hover {
  background: #084d2a;
  color: #fff;
}

.img-white {
  filter: brightness(0) invert(1);
}

.place-section {
  background: #F5F8FA;
}

.years-off {
  margin-bottom: 24px;
  text-align: center;
}
.years-off h4 {
  background: #06AED4;
  padding: 52px 40px;
  border-radius: 100px 0 0 0;
}
@media (max-width: 991.98px) {
  .years-off h4 {
    border-radius: 10px;
  }
}

.support-company-section {
  padding: 40px 0;
}

@media (max-width: 991.98px) {
  .discover-set-img-left {
    display: none;
  }
}
.discover-set-img-left img {
  border-radius: 0 0 0 100px;
}

@media (max-width: 991.98px) {
  .discover-set-img-right {
    display: none;
  }
}
.discover-set-img-right img {
  border-radius: 0 100px 100px 0;
}

@media (max-width: 991.98px) {
  .bg-div {
    display: none;
  }
}
.bg-div .bg-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: 10px;
}
.bg-div .bg-2 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.bg-div .bg-3 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.faq-secpath {
  background: #FEEDEB;
  position: relative;
  z-index: 1;
}

.faq-accordion-five {
  position: relative;
  z-index: 9;
  background: #FEEDEB;
}
.faq-accordion-five .accordion-button:not(.collapsed) {
  color: #084d2a;
}
.faq-accordion-five .accordion-item {
  border-radius: 10px;
}
.faq-accordion-five .accordion-item .accordion-button {
  border-radius: 10px !important;
}

@media (max-width: 991.98px) {
  .faq-five {
    display: none;
  }
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  39.login
============================*/
.login-or {
  text-align: center;
  font-size: 14px;
  color: #111827;
  font-weight: 500;
  position: relative;
}
.login-or::after {
  width: 100%;
  content: "";
  border-top: 1px solid #E4EBF1;
  position: absolute;
  top: 50%;
  right: 0;
}
.login-or::before {
  width: 100%;
  content: "";
  border-top: 1px solid #E4EBF1;
  position: absolute;
  top: 50%;
  left: 0;
}
.login-or .span-or {
  background-color: #FFF;
  padding: 0 16px;
  z-index: 9;
  position: relative;
}

.authentication-card .card-header {
  padding: 15px 40px;
}
.authentication-card .card-body {
  padding: 40px;
}

.authentication-wrapper {
  position: relative;
}
.authentication-wrapper::before {
  content: "";
  background-image: url(../img/bg/authetication-bg.png);
  position: absolute;
  width: 100%;
  height: 200px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  z-index: -1;
}
.authentication-wrapper::after {
  content: "";
  background-image: url(../img/bg/authentication-footer-bg.png);
  position: absolute;
  width: 100%;
  height: 150px;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 32px;
  z-index: -1;
}

.coprright-footer {
  background: #FFF;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.2509803922);
  padding: 10px;
  text-align: center;
}

.coming-soon-bg {
  background: #E0EBF8;
}

.counting-box {
  margin: 40px 0;
}
.counting-box li {
  position: relative;
  padding: 2px;
  z-index: 1;
  border-radius: 5px 5px 0 0;
  margin-right: 20px;
}
@media (max-width: 575.98px) {
  .counting-box li {
    margin-right: 10px;
  }
}
.counting-box li:last-child {
  margin-right: 0;
}
.counting-box li::before {
  content: "";
  background: linear-gradient(0deg, rgba(207, 52, 37, 0) 19.94%, #084d2a 94.37%);
  position: absolute;
  width: 100%;
  height: 30px;
  border-radius: 5px 5px 0 0;
  top: 0;
  left: 0;
  z-index: -1;
}
.counting-box .counts-card {
  width: 70px;
  height: 70px;
  position: relative;
  background: #E0EBF8;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .counting-box .counts-card {
    width: 60px;
    height: 60px;
  }
}
.counting-box .counts-card p {
  color: #111827;
  font-size: 14px;
}
.counting-box .counts-card h3 {
  font-size: 24px;
}
@media (max-width: 575.98px) {
  .counting-box .counts-card h3 {
    font-size: 20px;
  }
}

.coming-soon-wrapper {
  background-image: url(../img/bg/coming-soon-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
.coming-soon-wrapper h1 {
  font-size: 90px;
  color: #084d2a;
}
@media (max-width: 1399.98px) {
  .coming-soon-wrapper h1 {
    font-size: 70px;
  }
}
@media (max-width: 1199.98px) {
  .coming-soon-wrapper h1 {
    font-size: 60px;
  }
}
@media (max-width: 991.98px) {
  .coming-soon-wrapper h1 {
    font-size: 40px;
  }
}
.coming-soon-wrapper .subscribe-form {
  max-width: 500px;
  margin: auto;
}
.coming-soon-wrapper .subscribe-form input {
  color: #E4EBF1;
}
.coming-soon-wrapper .subscribe-form input::placeholder {
  color: #E4EBF1;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  40.hotel
============================*/
.form-checkbox {
  background: #F1F4F7;
  border-radius: 10px;
  padding: 8px;
}

.more-content {
  height: 148px;
  overflow: hidden;
  transition: height 0.5s ease;
}

.more-view {
  text-decoration: underline;
}

.recommend-wrap {
  border-radius: 10px;
}
.recommend-wrap .dropdown {
  margin-right: 14px;
}
.recommend-wrap .dropdown:last-child {
  margin-right: 0;
}
.recommend-wrap .dropdown .dropdown-menu {
  z-index: 999;
}

.list-item .list-icon {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  background: #FFF;
  color: #4E5561;
  font-size: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
.list-item .list-icon:hover, .list-item .list-icon.active {
  background: #084d2a;
  color: #FFF;
}

.hotel-type-item {
  padding: 8px 5px 8px 8px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #E4EBF1;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.hotel-type-item .avatar {
  overflow: hidden;
  border-radius: 50%;
}
.hotel-type-item .avatar img {
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.hotel-type-item:hover {
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  transform: translateY(-2px);
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
}
.hotel-type-item:hover img {
  -webkit-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.badge-amenity {
  border: 1px solid #E4EBF1;
  border-radius: 100px;
  padding: 8px 16px;
  color: #111827;
  font-weight: 400;
  font-size: 14px;
}
.badge-amenity:hover {
  background: #E4EBF1;
}
.badge-amenity .btn-close {
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.alert.badge-amenity {
  border: 1px solid #E4EBF1;
  border-radius: 100px;
  padding: 8px 34px 8px 16px;
  color: #111827;
  font-weight: 400;
  font-size: 14px;
}
.alert.badge-amenity:hover {
  background: #E4EBF1;
}
.alert.badge-amenity .btn-close {
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  right: 16px;
  opacity: 1;
  cursor: pointer;
}
.alert.badge-amenity .btn-close i {
  color: #111827;
  font-size: 14px;
}

.irs--flat .irs-handle > i:first-child {
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -1px;
  background-color: #084d2a;
  border-radius: 50px;
  border: 0;
}

.irs--flat .irs-line {
  top: 28px;
  height: 2px;
  background-color: #E4EBF1;
  border-radius: 4px;
}

.irs--flat .irs-bar {
  top: 28px;
  height: 2px;
  background-color: #084d2a;
}

.irs-with-grid .irs-grid {
  display: none;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
  color: white;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 4px 12px;
  background-color: #084d2a;
  border-radius: 4px;
  top: -10px;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  border-top-color: #084d2a;
  left: 60%;
}

.pagination-nav .pagination .page-item {
  margin-right: 8px;
}
.pagination-nav .pagination .page-item:first-child {
  margin-right: 13px;
}
.pagination-nav .pagination .page-item:first-child .page-link {
  background: transparent;
}
.pagination-nav .pagination .page-item:last-child {
  margin-right: 0;
  margin-left: 5px;
}
.pagination-nav .pagination .page-item:last-child .page-link {
  background: transparent;
}
.pagination-nav .pagination .page-item .page-link {
  border: 0;
  background: #E4EBF1;
  color: #4E5561;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  border-radius: 50%;
}
.pagination-nav .pagination .page-item.active .page-link, .pagination-nav .pagination .page-item:hover .page-link {
  background: #084d2a;
  color: #FFF;
}

.hotel-list .place-item {
  display: flex;
}
.hotel-list .place-item .place-img {
  width: 310px;
  flex-shrink: 0;
  height: inherit;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 1199.98px) {
  .hotel-list .place-item .place-img {
    width: 280px;
  }
}
.hotel-list .place-item .place-img .img-slider, .hotel-list .place-item .place-img .image-slide {
  height: 100%;
}
.hotel-list .place-item .place-img .img-slider .owl-stage-outer, .hotel-list .place-item .place-img .image-slide .owl-stage-outer {
  height: 100%;
}
.hotel-list .place-item .place-img .img-slider .owl-stage-outer .owl-stage, .hotel-list .place-item .place-img .image-slide .owl-stage-outer .owl-stage {
  height: 100%;
}
.hotel-list .place-item .place-img .img-slider .owl-stage-outer .owl-stage .owl-item, .hotel-list .place-item .place-img .image-slide .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}
.hotel-list .place-item .place-img .img-slider .owl-stage-outer .owl-stage .owl-item .slide-images, .hotel-list .place-item .place-img .image-slide .owl-stage-outer .owl-stage .owl-item .slide-images {
  height: 100%;
}
.hotel-list .place-item .place-img .img-slider .owl-stage-outer .owl-stage .owl-item .slide-images a, .hotel-list .place-item .place-img .image-slide .owl-stage-outer .owl-stage .owl-item .slide-images a {
  height: inherit;
  display: block;
}
.hotel-list .place-item .place-img .img-slider .owl-stage-outer .owl-stage .owl-item .slide-images a img, .hotel-list .place-item .place-img .image-slide .owl-stage-outer .owl-stage .owl-item .slide-images a img {
  height: 100%;
  object-fit: cover;
}
.hotel-list .place-item .place-img a {
  height: 100%;
  display: block;
}
.hotel-list .place-item .place-img a img {
  height: 100%;
  object-fit: cover;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 767.98px) {
  .hotel-list .place-item .place-img a img {
    border-radius: 10px 10px 0 0;
  }
}
@media (max-width: 767.98px) {
  .hotel-list .place-item .place-img {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
  }
}
.hotel-list .place-item .place-content {
  flex: 1;
}
@media (max-width: 767.98px) {
  .hotel-list .place-item {
    display: block;
  }
}

.line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.filter-sidebar .accordion-item {
  border-radius: 0;
}

.review-img img {
  border-radius: 10px;
  height: 130px;
  object-fit: cover;
  width: 100%;
}

.stripe-details, .paypal-details {
  display: none;
}

.room-slider img {
  border-radius: 10px;
}
.room-slider.nav-center .owl-nav button.owl-next,
.room-slider.nav-center .owl-nav button.owl-prev {
  width: 34px;
  height: 34px;
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .room-slider.nav-center .owl-nav button.owl-next,
  .room-slider.nav-center .owl-nav button.owl-prev {
    width: 32px;
    height: 32px;
  }
}
.room-slider.nav-center .owl-nav button.owl-next {
  right: 20px;
}
.room-slider.nav-center .owl-nav button.owl-prev {
  left: 20px;
}

.border-icon {
  position: relative;
  padding-left: 12px;
}
.border-icon::before {
  content: "";
  background: #0E9384;
  width: 4px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-radius: 4px;
}
.border-icon.secondary::before {
  background: #074682;
}
.border-icon.primary::before {
  background: #084d2a;
}
.border-icon.purple::before {
  background: #6938EF;
}
.border-icon.dark::before {
  background: #212E47;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  41.hotel-details
============================*/
.service-wrap img {
  border-radius: 10px;
}
.service-wrap .slider-wrap {
  position: relative;
}
.service-wrap .slider-wrap .view-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 9;
}
.service-wrap .nav-center .owl-nav button {
  width: 34px;
  height: 34px;
  font-size: 14px;
}
.service-wrap .nav-center .owl-nav button.owl-prev {
  left: 18px;
}
.service-wrap .nav-center .owl-nav button.owl-next {
  right: 18px;
}
@media (max-width: 767.98px) {
  .service-wrap .nav-center .owl-nav button {
    width: 24px;
    height: 24px;
  }
}

.highlight-box {
  background: #FFFAEE;
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 8px;
}
.highlight-box p i {
  margin-right: 10px;
}
.highlight-box:last-child {
  margin-bottom: 0;
}

.more-info {
  height: 70px;
  overflow: hidden;
  transition: height 0.5s ease;
}

.galley-wrap {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.galley-wrap > img {
  width: 100%;
  height: 100px;
  object-fit: cover;
  border-radius: 10px;
}
.galley-wrap.more-gallery {
  background: #E4EBF1;
}

.review-item .review-info .date-info p {
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.review-item .review-info .date-info p::before {
  position: absolute;
  content: "\f111";
  font-family: "Fontawesome";
  font-size: 4px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.review-item .review-info .date-info p:last-child {
  padding-right: 0;
  margin-right: 0;
}
.review-item .review-info .date-info p:last-child::before {
  content: none;
}
.review-item .review-info .like-info a {
  color: #4E5561;
  font-size: 14px;
}
.review-item .review-info .like-info a:hover {
  color: #084d2a;
}
.review-item .review-info.reply {
  margin-left: 70px;
  background: #F8FAFB;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .review-item .review-info.reply {
    margin-left: 50px;
  }
}
@media (max-width: 767.98px) {
  .review-item .review-info.reply {
    margin-left: 10px;
  }
}

.rating-item {
  border-radius: 10px;
  padding: 24px;
}
.rating-item p {
  font-size: 14px;
}

.rating-progress p {
  font-size: 14px;
}
.rating-progress .progress {
  height: 7px;
}
.rating-progress .progress-count {
  min-width: 36px;
  text-align: right;
}

.policy-wrap {
  border: 1px solid #E4EBF1;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  border-radius: 10px;
}
.policy-wrap .policy-info.hide {
  display: none;
}
.policy-wrap.expanded {
  box-shadow: none;
}

.faq-accordion .accordion-item {
  border: 1px solid #E4EBF1 !important;
}
.faq-accordion .accordion-item .accordion-button {
  font-size: 16px;
  border-radius: 5px;
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed) {
  color: #084d2a;
  background-color: transparent;
  box-shadow: none;
}
.faq-accordion .accordion-item .accordion-button:not(.collapsed):after {
  content: "\ea47";
  color: #084d2a;
}
.faq-accordion .accordion-item .accordion-button:after {
  font-family: "iconsax";
  content: "\ea48";
  transform: none;
  -webkit-transform: none;
  -ms-transform: none;
}
.faq-accordion .accordion-item .accordion-body {
  border-top: 1px solid #E4EBF1;
  padding-top: 16px;
  font-size: 14px;
}
.faq-accordion .accordion-item.show {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}

.contact-map {
  border-radius: 10px 10px 0 0;
  height: 195px;
  width: 100%;
}

.rating-selction {
  direction: rtl !important;
}
.rating-selction label {
  display: inline-block;
  color: #E4EBF1;
  cursor: pointer;
  font-size: 16px;
  transition: color 0.2s;
}
.rating-selction label:hover {
  color: #084d2a;
}
.rating-selction label:hover ~ label {
  color: #084d2a;
}
.rating-selction input {
  display: none;
}
.rating-selction input:checked ~ label {
  color: #084d2a;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  42.tour
============================*/
.vertical-splits {
  width: 1px;
  height: 20px;
}

.place-item {
  position: relative;
}
.place-item .place-content {
  position: relative;
}
.place-item .car-avatar-image {
  position: absolute;
  right: 20px;
  top: -20px;
  z-index: 1;
  border: 1px solid #FFF;
  border-radius: 50%;
  width: 36px;
  height: 36px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  43.about-us
============================*/
.about {
  position: relative;
  z-index: 1;
}
.about .about-bg {
  position: absolute;
  top: 10%;
  left: -53px;
  z-index: -1;
}
.about .about-bg-1 {
  position: absolute;
  right: 56%;
  top: 37%;
}

.choose-us-section {
  background-color: #F3F6F9;
  position: relative;
  z-index: 1;
}
.choose-us-section .choose-title {
  margin-bottom: 40px;
}
.choose-us-section .choose-card .choose-icon span {
  width: 64px;
  height: 64px;
  background-color: #212E47;
  padding: 20px;
}
.choose-us-section .choose-bg-01 {
  position: absolute;
  left: 0;
  top: 66%;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .choose-us-section .choose-bg-01 {
    display: none;
  }
}
.choose-us-section .choose-bg-02 {
  position: absolute;
  right: 0;
  top: 9%;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .choose-us-section .choose-bg-02 {
    display: none;
  }
}

.team-section {
  position: relative;
  z-index: 1;
}
.team-section .about-content {
  margin-bottom: 40px;
}
.team-section .about-btn .btn {
  margin-right: 40px;
}
.team-section .about-bg img {
  position: absolute;
}
.team-section .about-bg img.about-bg-02 {
  bottom: 10%;
  left: 0;
  z-index: -1;
  width: 100%;
}
.team-section .header-section {
  margin-bottom: 40px;
}
.team-section .team-item {
  position: relative;
  margin-bottom: 40px;
}
@media (max-width: 1199.98px) {
  .team-section .team-item {
    margin-bottom: 0;
  }
}
.team-section .team-item .card {
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.1);
}
.team-section .team-item .card .team-overlay {
  position: absolute;
  bottom: -22px;
  left: 50%;
  width: 80%;
  margin: auto;
  transform: translateX(-50%);
  border-radius: 38px;
  box-shadow: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36);
  z-index: 1;
}
@media (max-width: 1199.98px) {
  .team-section .team-item .card .team-overlay {
    bottom: 30px;
  }
}
.team-section .about-bg {
  bottom: 10%;
  left: 0;
  z-index: -1;
  width: 100%;
  position: absolute;
}

.user-section {
  position: relative;
}
.user-section .testimonial-bg {
  position: absolute;
  top: 6%;
  right: 5%;
  -webkit-transition-property: -webkit-transform;
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -webkit-animation-name: grow;
  -webkit-animation-duration: 9s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: grow;
  -moz-animation-duration: 9s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
}

.blog-details .blog-image {
  position: relative;
  display: block;
  z-index: 1;
}
.blog-details .blog-image::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #141414 105.28%);
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 10px;
  z-index: 2;
}
.blog-details .blog-user-image img {
  width: 108px;
  height: 108px;
}

.blog-search .search-content {
  padding: 20px;
  background-color: #FAFBFC;
  border-radius: 5px;
  border: 1px solid #E4EBF1;
}
.blog-search .search-content .search-feild {
  display: flex;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #E4EBF1;
  background-color: #FFF;
}
.blog-search .search-content .search-feild span {
  padding-left: 16px;
}
.blog-search .search-content .search-feild .form-control {
  border: 0;
}

.related-post {
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #E4EBF1;
}

.poplur-tag {
  background-color: #F1F4F7;
  padding: 8px 16px;
  border-radius: 10px;
}

.gallery-body {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.gallery-body .img-wrap {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  flex: 1 1 120px;
}
.gallery-body .img-wrap img {
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.gallery-body .img-wrap .img-overlay-1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.2);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.gallery-body .img-wrap .img-overlay-1 a {
  font-size: 14px;
  color: #FFF;
}
.gallery-body .img-wrap .img-overlay-1 .gallery-eye-icon {
  padding: 18px;
  width: 60px;
  height: 60px;
}
.gallery-body .img-wrap:hover .img-overlay-1, .gallery-body .img-wrap:focus .img-overlay-1, .gallery-body .img-wrap:active .img-overlay-1,
.gallery-body .img-wrap .active .img-overlay-1 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  border-radius: 10px;
}
.gallery-body .img-wrap .active .img-overlay-1 {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}

.faq .accordion-item {
  padding: 20px;
  border-radius: 10px;
  border: 1px dashed #E4EBF1;
}
.faq .accordion-header .accordion-button:not(.collapsed) {
  color: #084d2a;
}
.faq .accordion-header .accordion-button:not(.collapsed)::after {
  padding: 10px;
  border: 1px solid #084d2a;
  background-color: #FEEDEB;
  color: #084d2a;
  font-size: 12px;
}
.faq .accordion-header .accordion-button::after {
  padding: 10px;
  border: 1px solid #074682;
  color: #074682;
  font-size: 12px;
}

.pricing-header span {
  padding: 6px;
  border: 1px solid #DD2590;
  font-size: 10px;
  color: #DD2590;
}

.pricing-list-items p {
  margin-bottom: 8px;
}
.pricing-list-items p:last-child {
  margin-bottom: 0;
}

.pricing-plan-tab .nav {
  margin-bottom: 40px;
}
.pricing-plan-tab .nav .tab-btn {
  padding: 10px;
  background-color: #FAFBFC;
  border: 1px solid #E4EBF1;
  border-radius: 60px;
}
.pricing-plan-tab .nav .tab-btn .nav-link {
  font-weight: 500;
  font-size: 16px;
  border-radius: 40px;
}
.pricing-plan-tab .nav .tab-btn .nav-link.active {
  color: #FFF;
  background-color: #084d2a;
  border-radius: 40px;
  font-weight: 500;
  font-size: 16px;
}

.que-sec {
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .que-sec {
    margin-top: 20px;
  }
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  44.blog
============================*/
.blog-post {
  position: relative;
  padding: 15px;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}

.text-truncate {
  white-space: normal;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.text-truncate.line-clamb-3 {
  -webkit-line-clamp: 3;
}
.text-truncate.line-clamb-2 {
  -webkit-line-clamp: 2;
}

.blog-user-img {
  width: 16px !important;
  height: 16px !important;
}

.category-tag a.badge {
  background: #F1F4F7;
  color: #4E5561;
  border-radius: 10px;
}
.category-tag a.badge:hover {
  background: #084d2a;
  color: #FFF;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  45.team
============================*/
.team-member {
  position: absolute;
  width: 80%;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  padding: 8px 15px;
  background: #FFF;
  transition: all 0.5s;
}
.team-member p {
  font-size: 16px;
}

.team {
  position: relative;
}
.team .card-body {
  padding: 15px !important;
}
.team:hover .team-member {
  background: #084d2a;
  color: #FFF;
}
.team:hover .team-member a {
  color: #FFF;
}

.invoice-table thead tr th {
  font-weight: 600;
  border-color: #E9EDF4;
  background: #E5E7EB;
  font-size: 14px;
  color: #111827;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
 46.service
============================*/
.main-logo {
  margin-bottom: 60px;
}

.maintenance-img {
  margin-bottom: 60px;
}

.maintenance-update .input-group {
  max-width: 500px;
  width: 100%;
  border-radius: 54px;
  height: 62px;
  border: 1px solid #212E47;
  outline-offset: 4px;
  background: #FEEDEB;
  padding: 10px;
}
.maintenance-update .form-control {
  background: transparent;
  border: none;
  padding: 0 10px 0 0;
}

.map-grid {
  width: 100%;
  margin-top: 60px;
}
.map-grid iframe {
  border-radius: 10px;
}
@media (max-width: 991.98px) {
  .map-grid {
    margin-top: 40px;
  }
}

.error-img {
  max-width: 400px;
  margin: 0 auto 20px;
}

.error-main-logo {
  margin-bottom: 10px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  47.booking-confirmation
============================*/
.booking-confirmation {
  box-shadow: none;
}
.booking-confirmation .status::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #FFF;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: 2px;
}
@media (max-width: 767.98px) {
  .booking-confirmation .booking-hotels img {
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .booking-confirmation .booking-hotels img {
    margin-bottom: 10px;
  }
}
.booking-confirmation .booking-hotels .booking-details .booking-items p {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .booking-confirmation .booking-hotels .booking-details .booking-items p {
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .booking-confirmation .booking-hotels .booking-details .booking-items p {
    margin-bottom: 8px;
  }
}
.booking-confirmation .service-info span {
  color: #4E5561;
  font-weight: 400;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  48.cart
============================*/
.cart-table {
  box-shadow: none;
}
.cart-table .table thead tr th {
  background-color: #F8FAFB;
  border-bottom: none;
  padding: 12px 20px;
  white-space: nowrap;
}
.cart-table .table tbody {
  vertical-align: middle;
}
.cart-table .table tbody tr:last-child td {
  border-bottom: 0;
}
.cart-table .table tbody tr td {
  padding: 16px 20px;
}
.cart-table .table tbody tr td .cart-details .cart-items a {
  width: 30px;
  height: 30px;
  background-color: #E4EBF1;
  color: #4E5561;
}
.cart-table .table tbody tr td .cart-details .cart-items a.edit-icon:hover {
  background-color: rgb(204.4902439024, 217.5853658537, 228.8097560976);
  color: #4E5561;
}
.cart-table .table tbody tr td .cart-details .cart-items a.delete-icon {
  background-color: #FFE8E8;
  color: #FF0000;
}
.cart-table .table tbody tr td .cart-details .cart-items a.delete-icon:hover {
  background-color: rgb(255, 196.3, 196.3);
  color: #FF0000;
}
@media (max-width: 767.98px) {
  .cart-table .table tbody tr td .cart-details .cart-items a {
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .cart-table .table tbody tr td .cart-details .cart-items a {
    margin-bottom: 10px;
  }
}
.cart-table .table tbody tr td .cart-details .cart-image .cart-image-content {
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .cart-table .table tbody tr td .cart-details .cart-image img {
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .cart-table .table tbody tr td .cart-details .cart-image img {
    margin-bottom: 10px;
  }
}
.cart-table .table tbody tr td .guests-details {
  white-space: nowrap;
}

.cart-payment {
  box-shadow: none;
}

.checkout-card {
  box-shadow: none;
}

.coupoun {
  box-shadow: none;
}
.coupoun .coupoun-list {
  padding: 8px;
  background-color: #EDF9F0;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.coupoun .coupoun-list::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 40px;
  border-radius: 10px;
  background-color: #04BD6C;
  left: 0;
  top: 0;
}
@media (max-width: 767.98px) {
  .coupoun .coupoun-list::before {
    top: 13px;
  }
}
.coupoun .coupoun-list-two {
  padding: 8px;
  background-color: #FFEDE9;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
}
.coupoun .coupoun-list-two::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 40px;
  border-radius: 10px;
  background-color: #FF0000;
  left: 0;
  top: 0;
}

.payment-details {
  box-shadow: none;
}

.credit-card-details .card-detials .card-content {
  padding: 20px;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}
.credit-card-details .card-detials .card-content .card-edit-icon a {
  width: 22px;
  height: 22px;
  padding: 4px;
  background-color: #E4EBF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-card-details .card-detials .card-add {
  padding: 20px;
  border: 1px solid #084d2a;
  border-radius: 10px;
  background-color: #F8FAFB;
  width: 256px;
  height: 149px;
}
.credit-card-details .card-detials .card-add .add-option a {
  width: 22px;
  height: 22px;
  padding: 4px;
  background-color: #E4EBF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.credit-card-details .card-detials .card-add .add-option .file-input {
  display: none;
}
.credit-card-details .card-form .user-icon {
  display: flex;
  align-items: center;
  border: 1px solid #E4EBF1;
  border-radius: 5px;
}
.credit-card-details .card-form .user-icon .input-icon {
  padding-left: 10px;
}
.credit-card-details .card-form .user-icon .form-control {
  border: none;
}

.paypal-details .card-detials .card-content {
  padding: 20px;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}
.paypal-details .card-detials .card-content .card-edit-icon a {
  width: 22px;
  height: 22px;
  padding: 4px;
  background-color: #E4EBF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paypal-details .card-detials .card-add {
  padding: 20px;
  border: 1px solid #084d2a;
  border-radius: 10px;
  background-color: #F8FAFB;
  width: 256px;
  height: 149px;
}
.paypal-details .card-detials .card-add .add-option a {
  width: 22px;
  height: 22px;
  padding: 4px;
  background-color: #E4EBF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paypal-details .card-detials .card-add .add-option .file-input {
  display: none;
}
.paypal-details .card-form .user-icon {
  display: flex;
  align-items: center;
  border: 1px solid #E4EBF1;
  border-radius: 5px;
}
.paypal-details .card-form .user-icon .input-icon {
  padding-left: 10px;
}
.paypal-details .card-form .user-icon .form-control {
  border: none;
}

.stripe-details .card-detials .card-content {
  padding: 20px;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}
.stripe-details .card-detials .card-content .card-edit-icon a {
  width: 22px;
  height: 22px;
  padding: 4px;
  background-color: #E4EBF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stripe-details .card-detials .card-add {
  padding: 20px;
  border: 1px solid #084d2a;
  border-radius: 10px;
  background-color: #F8FAFB;
  width: 256px;
  height: 149px;
}
.stripe-details .card-detials .card-add .add-option a {
  width: 22px;
  height: 22px;
  padding: 4px;
  background-color: #E4EBF1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stripe-details .card-detials .card-add .add-option .file-input {
  display: none;
}

.user-icon {
  display: flex;
  align-items: center;
  border: 1px solid #E4EBF1;
  border-radius: 5px;
  position: relative;
}
.user-icon .input-icon {
  padding-left: 10px;
}
.user-icon .form-control {
  border: none;
}

.order-details {
  box-shadow: none;
}
.order-details .header-content a {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.booking-success-modal .booking-icon span {
  width: 48px;
  height: 48px;
}
.booking-success-modal .booking-icon span i {
  background-color: #04BD6C;
  color: #FFF;
}

.modal .modal-dialog.modal-sm {
  max-width: 400px;
}
.modal .modal-dialog.modal-sm .modal-body {
  padding: 40px;
}
.modal .modal-dialog.modal-md {
  max-width: 600px;
}

.chat-cont-left {
  display: flex;
}
.chat-cont-left.hidden {
  display: none;
}

.visible {
  display: flex !important;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  49.flight
============================*/
.carts-img {
  margin-left: 24px;
}
@media (max-width: 991.98px) {
  .carts-img {
    margin-left: 16px;
  }
}

.carts-contents {
  margin-left: 24px;
}
@media (max-width: 991.98px) {
  .carts-contents {
    margin-left: 16px;
  }
}

.notification-card .notification-delete-btn {
  visibility: hidden;
}
.notification-card:hover .notification-delete-btn {
  visibility: visible;
  transform: translateX(5px);
  transition: all 0.5s ease-in-out;
}

.tours-item {
  border: 1px solid #FFF;
  border-radius: 10px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  overflow: hidden;
}
.tours-item .tours-img {
  text-align: center;
  border-radius: 10px 10px 0 0;
  height: 97px;
  overflow: hidden;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  display: block;
}
.tours-item .tours-img img {
  height: 97px;
  border-radius: 10px 10px 0 0;
  object-fit: cover;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
}
.tours-item .tours-content {
  padding: 20px;
}
.tours-item:hover img {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}

.rebook-btn {
  background: #E4EBF1;
}
.rebook-btn:hover {
  background: #084d2a;
  color: #FFF;
}

.two-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  50.hotel-map
============================*/
.map-content {
  padding: 0 30px;
}
@media (max-width: 767.98px) {
  .map-content {
    padding: 0 15px;
  }
}

.map-lists-widget {
  padding: 30px 30px;
}
@media (max-width: 767.98px) {
  .map-lists-widget {
    padding: 15px;
  }
}

.filter-range .irs--round {
  height: 20px;
}
.filter-range .irs--round .irs-handle {
  width: 10px;
  height: 10px;
  background-color: #084d2a;
  border: 0;
  top: -4px;
}
.filter-range .irs--round .irs-line {
  top: 0;
  background: #E4EBF1;
}
.filter-range .irs--round .irs-bar {
  background-color: #084d2a;
  top: 0;
}
.filter-range .irs--round .irs-min,
.filter-range .irs--round .irs-max,
.filter-range .irs--round .irs-single {
  display: none;
}

.map-right {
  top: 0;
  height: 100%;
  min-height: 100%;
  position: sticky;
  right: 0;
  z-index: 1029;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1199.98px) {
  .map-right.map-top {
    top: 0;
  }
}
.map-right.map-top .map-listing {
  height: 100vh;
}
@media (max-width: 1199.98px) {
  .map-right {
    position: relative;
    top: 0;
    padding-right: 15px;
  }
}
.map-right .map-listing {
  height: 100vh;
  width: 100%;
}
.map-right .map-listing .profile-widget {
  padding: 0;
  border: 0;
  margin-bottom: 0;
}
@media (max-width: 575.98px) {
  .map-right .map-listing .profile-widget {
    flex-direction: column;
  }
}
.map-right .list-map-img {
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 10px;
}
.map-right .list-map-img img {
  border-radius: 4px;
  transform: translateZ(0);
  transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
}
.map-right .list-map-img:hover img {
  transform: scale(1.15);
}
.map-right .profile-widget.rent-list-view .pro-content {
  position: relative;
}
.map-right .profile-widget.rent-list-view .pro-content .list-head p {
  margin: 0 0 14px;
  font-weight: 400;
}
.map-right .profile-widget.rent-list-view .pro-content .list-head p i {
  margin-right: 0;
}
.map-right .profile-widget.rent-list-view .pro-content .date {
  font-size: 12px;
}
.map-right .profile-widget.rent-list-view .pro-content .list {
  font-size: 12px;
}
.map-right .profile-widget.rent-list-view .pro-content p {
  font-size: 12px;
  margin-bottom: 10px;
}
.map-right .profile-widget.rent-list-view .pro-content .product-amount span {
  font-size: 20px;
}
.map-right .profile-widget.rent-list-view .pro-content .title {
  font-size: 16px;
  color: #0168b3;
}
.map-right .profile-widget.rent-list-view .pro-content .title a {
  display: inline-block;
}
.map-right .profile-widget .verified {
  margin-left: 3px;
}
.map-right .profile-widget p.speciality {
  font-size: 14px;
  color: #4f4f4f;
  margin-bottom: 5px;
  min-height: 40px;
}
.map-right .rating {
  list-style: none;
  width: 100%;
  font-weight: 400;
  margin-bottom: 15px;
}
.map-right .rating i {
  color: #dedfe0;
}
.map-right .rating span {
  margin-left: 5px;
}
.map-right .available-info {
  font-size: 13px;
  color: #757575;
  font-weight: 400;
}
.map-right .available-info li + li {
  margin-top: 5px;
}
.map-right .available-info li i {
  width: 22px;
}

.add-tab-list li a {
  padding: 8px 16px;
  border-radius: 5px;
  display: flex;
}
.add-tab-list li a.active {
  background: #084d2a;
  color: #FFF;
}
.add-tab-list li a:hover {
  background: #084d2a;
  color: #FFF;
}

.rounded-edit {
  width: 30px;
  height: 30px;
  background: #E4EBF1;
  border-radius: 50%;
}

.trash-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #FFE8E8;
  flex-shrink: 0;
}

.file-upload {
  border: 1px dashed #E7EDF2;
  border-radius: 5px;
  text-align: center;
  position: relative;
  padding: 40px 20px;
}
.file-upload input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.gallery-upload-img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  position: relative;
  transition: 0.5s all;
}
.gallery-upload-img img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.gallery-upload-img .gallery-trash {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translatex(-50%);
  opacity: 0;
  transition: 0.5s all;
}
.gallery-upload-img:hover .gallery-trash {
  opacity: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s all;
}

.text-editor .note-editor.note-frame {
  border-color: #E4EBF1;
}
.text-editor .note-toolbar {
  background: #FFF;
  border-color: #E4EBF1;
}
.text-editor .note-statusbar {
  display: none;
}

.modal .modal-body h6 {
  font-weight: 500;
}

.curise-details p {
  font-size: 14px;
}

.cruise-build p {
  font-size: 14px;
}

.cruise-list-item p {
  padding-right: 8px;
}
.cruise-list-item p:last-child {
  border-right: none;
  padding-right: 0;
}
@media (max-width: 1199.98px) {
  .cruise-list-item p {
    border-right: 0;
    padding-right: 4px;
  }
}

.fancybox-image {
  border-radius: 10px;
  border: 1px solid #E4EBF1;
}

.invoice-logo-white {
  display: none;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  51.tour-details
============================*/
.vertical-slider .view-btn {
  right: 15% !important;
}
.vertical-slider .slider-for {
  max-width: 90%;
  padding-right: 24px;
  width: 100%;
  float: left;
}
.vertical-slider .slider-nav .slick-prev {
  top: -15px;
}
.vertical-slider .slider-nav .slick-next {
  bottom: -15px;
}
.vertical-slider .slider-nav .slick-prev,
.vertical-slider .slider-nav .slick-next {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 24px;
  height: 24px;
  font-size: 12px;
  color: #111827;
  background: #FFF;
  box-shadow: 0px 4px 14px 0px rgba(141, 141, 141, 0.25);
  text-shadow: none;
  cursor: pointer;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  z-index: 9;
}
.vertical-slider .slider-nav .slick-prev:hover,
.vertical-slider .slider-nav .slick-next:hover {
  background: #084d2a;
  color: #FFF;
}
.vertical-slider .slick-slide img {
  margin: 5px 0;
}

.card-bg-light {
  padding: 20px;
  border-radius: 10px;
}

.stage-flow .flows-step .flow-step {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #084d2a;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 24px;
  z-index: 3;
  margin-bottom: 24px;
}
.stage-flow .flows-step .flow-content {
  position: relative;
  z-index: 1;
  padding-bottom: 24px;
}
.stage-flow .flows-step .flow-content::before {
  content: "";
  border: 1px dashed #E4EBF1;
  width: 1px;
  height: 100%;
  position: absolute;
  left: -45px;
  top: 60px;
  z-index: -1;
}
.stage-flow .flows-step:last-child .flow-content {
  padding-bottom: 0;
}
.stage-flow .flows-step:last-child .flow-content::before {
  display: none;
}

.tour-detail-map {
  height: 400px;
  border-radius: 10px;
}

.details-info {
  margin-bottom: 16px;
}
.details-info:last-child {
  margin-bottom: 0;
}
.details-info h6 {
  min-width: 160px;
}

.tour-vertical-slide .slider-for img {
  height: 370px;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .tour-vertical-slide .slider-for img {
    height: auto;
  }
}

.snow-editor {
  min-height: 150px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  52.car-details
============================*/
.card-top-head {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.2509803922);
  padding: 20px 0;
}

.vertical-slider.vertical-slider-two .slider-for {
  padding-left: 24px;
  padding-right: 0;
}
.vertical-slider.vertical-slider-two .slider-for img {
  height: 360px;
  object-fit: cover;
}
@media (max-width: 767.98px) {
  .vertical-slider.vertical-slider-two .slider-for img {
    height: auto;
  }
}
.vertical-slider.vertical-slider-two .view-btn {
  right: 15px !important;
}

.active-tab-list li a.active {
  background: #084d2a;
  color: #FFF;
}
.active-tab-list li a:hover {
  background: #084d2a;
  color: #FFF;
}

.accordion.custom-accordion > .accordion-item {
  border-radius: 10px;
  padding: 20px;
  border: 1px solid #E4EBF1;
}
.accordion.custom-accordion > .accordion-item > .accordion-header {
  padding: 0;
}
.accordion.custom-accordion > .accordion-item > .accordion-header .accordion-button {
  padding: 0;
}
.accordion.custom-accordion > .accordion-item > .accordion-header .accordion-button::after {
  content: "\f078";
  font-family: "Fontawesome";
  font-size: 14px;
}
.accordion.custom-accordion > .accordion-item > .accordion-collapse > .accordion-body {
  padding: 15px 0 0;
  border-top: 1px solid #E4EBF1;
  margin-top: 15px;
}

.circle-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #084d2a;
}
.circle-middle:hover {
  background: #084d2a !important;
  color: #FFF;
}

.service-wrap.slider-wrap-four .slider-wrap .view-btn {
  top: 15px;
  bottom: unset;
}
.service-wrap.slider-wrap-four .slider-nav-thumbnails {
  max-width: 80%;
  margin: -80px auto 0;
}
.service-wrap.slider-wrap-four .slider-nav-thumbnails img {
  border: 2px solid #FFF;
}
.service-wrap.slider-wrap-four .slider-nav-thumbnails .owl-nav {
  display: none;
}

.accordion-shadow > .accordion-item {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.2509803922);
}

.detail-cabin-card .card-img {
  width: 40%;
  flex-shrink: 0;
}
@media (max-width: 767.98px) {
  .detail-cabin-card .card-img {
    width: 100%;
  }
}
.detail-cabin-card .card-img .place-img {
  border-radius: 10px 0 0 10px;
}
.detail-cabin-card .card-img .place-img::before {
  width: 100%;
  height: 100%;
}
.detail-cabin-card .card-img img {
  object-fit: cover;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 767.98px) {
  .detail-cabin-card .card-img img {
    width: 100%;
  }
}

.divide-point {
  width: 4px;
  height: 4px;
  display: inline-flex;
  border-radius: 50%;
}

.slider-wrap-five .slider-nav-thumbnails .owl-nav {
  display: none;
}

.accordion.custom-accordion.accordion-shadow-none > .accordion-item {
  padding: 0;
}
.accordion.custom-accordion.accordion-shadow-none > .accordion-item > .accordion-header .accordion-button {
  padding: 0;
}
.accordion.custom-accordion.accordion-shadow-none > .accordion-item > .accordion-collapse > .accordion-body {
  padding: 15px 0 0;
  border-top: 0;
}

.icon-rotate-up {
  transform: rotate(45deg);
  display: inline-flex;
}

.icon-rotate-down {
  transform: rotate(135deg);
  display: inline-flex;
}

.avatar.play-video {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
}
.avatar.play-video span {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.note-btn-group .dropdown-toggle::after {
  content: none;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  53.hotel-booking
============================*/
.booking-header {
  margin-bottom: 24px;
}
.booking-header .header-content {
  padding: 20px;
}
@media (max-width: 767.98px) {
  .booking-header .header-content h6 {
    margin-bottom: 8px;
  }
}
@media (max-width: 767.98px) {
  .booking-header .header-content p {
    margin-bottom: 8px;
  }
}
.booking-header .header-content .input-icon-start .form-control {
  color: #4E5561;
  min-height: 32px;
  padding: 4px 8px;
  padding-left: 28px;
  min-width: 210px;
}
@media (max-width: 575.98px) {
  .booking-header .header-content .input-icon-start {
    margin-bottom: 8px;
  }
}
.booking-header .header-content .dropdown .dropdown-toggle {
  padding: 5px 8px;
}
.booking-header .header-content .dropdown .dropdown-toggle::after {
  color: #4E5561;
  font-size: 12px;
}

.hotel-list .list-header {
  padding: 16px 16px 8px;
}
.hotel-list .list-header .input-icon-start {
  margin-bottom: 8px;
}
.hotel-list .list-header .input-icon-start .form-control {
  color: #4E5561;
  min-height: 32px;
  padding: 4px 8px;
  padding-left: 28px;
}
.hotel-list .list-header .dropdown {
  margin-bottom: 8px;
}
.hotel-list .list-header .dropdown .dropdown-toggle {
  padding: 5px 8px;
}
.hotel-list .list-header .dropdown .dropdown-toggle::after {
  color: #4E5561;
  font-size: 12px;
}
.hotel-list .list-header .bookingrange.form-control {
  min-height: 32px;
  min-width: 210px;
}
.hotel-list .list-header .input-icon-end,
.hotel-list .list-header h6,
.hotel-list .list-header .sort-by {
  margin-bottom: 8px;
}
.hotel-list .list-header .sort-by .dropdown {
  margin-bottom: 0;
}

.paginations {
  border: none;
  color: black !important;
  font-size: 14px;
}
.paginations .page-link-1 {
  background: #E4EBF1;
  color: #4E5561;
  width: 25px;
  height: 25px;
  padding: 5px;
  border-radius: 45px;
}
.paginations .page-link-1:hover {
  background: #084d2a;
  color: #FFF;
}
.paginations .page-link-1.active {
  background: #084d2a;
  color: #FFF;
}

.value select {
  margin: 0 10px 0;
  border: 2px solid #F5F5F5;
  border-radius: 5px;
  padding: 5px 30px 5px 10px;
  color: #28283C;
  font-weight: 500;
  font-size: 14px;
}
.value span {
  color: #111827;
}

.modal .modal-body .upcoming-content .upcoming-title {
  background-color: #F8FAFB;
  border: 1px solid #E4EBF1;
}
@media (min-width: 768px) {
  .modal .modal-body .upcoming-content .upcoming-title {
    flex-wrap: wrap;
  }
}
@media (max-width: 767.98px) {
  .modal .modal-body .upcoming-content .upcoming-title {
    flex-wrap: wrap;
  }
}
@media (max-width: 991.98px) {
  .modal .modal-body .upcoming-content .upcoming-title .avatar {
    margin-bottom: 8px;
  }
}
.modal .modal-body .upcoming-content .upcoming-title .title-list {
  display: flex;
  align-items: center;
}
.modal .modal-body .upcoming-content .upcoming-title .title-list p {
  margin-bottom: 0;
}
@media (max-width: 767.98px) {
  .modal .modal-body .upcoming-content .upcoming-title .title-list p {
    border-right: 0 !important;
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .modal .modal-body .upcoming-content .upcoming-title .title-list p {
    margin-bottom: 8px;
  }
}
@media (min-width: 768px) {
  .modal .modal-body .upcoming-content .upcoming-title .title-list {
    flex-wrap: wrap;
    border-right: 0;
  }
}
@media (max-width: 767.98px) {
  .modal .modal-body .upcoming-content .upcoming-title .title-list {
    flex-wrap: wrap;
    border-right: 0;
  }
}
.modal .modal-body .upcoming-content .upcoming-details {
  padding-bottom: 24px;
  border-bottom: 1px solid #E4EBF1;
  margin-bottom: 24px;
}
.modal .modal-body .upcoming-content .upcoming-details:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  54.settings
============================*/
.settings {
  box-shadow: none;
}
.settings .card-body .settings-link {
  margin-bottom: 16px;
}
.settings .card-body .settings-link a {
  padding: 8px;
  display: flex;
  align-items: center;
  margin-right: 16px;
  font-size: 16px;
  font-weight: 500;
  color: #4E5561;
}
.settings .card-body .settings-link a:last-child {
  margin-right: 0;
}
.settings .card-body .settings-link a i {
  color: #111827;
}
.settings .card-body .settings-link a.active {
  color: #084d2a;
  border-bottom: 2px solid #084d2a;
}
.settings .card-body .settings-link a.active i {
  color: #084d2a;
}
.settings .card-body .settings-link a:hover {
  color: #084d2a;
}
.settings .card-body .settings-link a:hover i {
  color: #084d2a;
}
.settings .card-body .upload-btn {
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #FFF;
  background-color: #084d2a;
  border-radius: 54px;
}
.settings .card-body .security-content {
  padding: 16px;
  border-bottom: 1px solid #E4EBF1;
}
.settings .card-body .security-content .form-check-input {
  height: 18px;
}
.settings .card-body .notification-content {
  padding: 16px;
  border-bottom: 1px solid #E4EBF1;
}
.settings .card-body .preference-content {
  padding: 15px;
  border: 1px solid #E4EBF1;
  border-radius: 10px;
}
.settings .card-body .integration-card {
  box-shadow: none;
}
.settings .card-body .integration-card .card-body {
  padding: 15px;
}
.settings .card-body .integration-card .card-body .integration-content .icons {
  padding: 8px;
  background-color: #F7F8FA;
  border-radius: 5px;
}
.settings .card-footer {
  border: 0;
  padding-top: 0;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  55.home-02
============================*/
.section-header .text-bar {
  width: 30px;
  height: 2px;
  border-radius: 10px;
  background: #084d2a;
  display: flex;
  margin-right: 8px;
}

.home-vertical-slider .slider-fors {
  position: absolute;
  top: 0;
  width: 100%;
}
.home-vertical-slider .slider-fors .slick-track {
  display: flex;
}
.home-vertical-slider .slider-fors .service-img {
  width: 100% !important;
  opacity: 1 !important;
}
.home-vertical-slider .slider-fors .service-img::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.home-vertical-slider .slider-fors .slick-slide img {
  width: 100%;
  height: 615px;
  object-fit: cover;
  border-radius: 20px;
}
.home-vertical-slider .slider-nav {
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media (max-width: 991.98px) {
  .home-vertical-slider .slider-nav {
    display: none;
  }
}
.home-vertical-slider .slider-nav .slick-slide img {
  width: 200px;
  height: 100px;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 15px;
}
.home-vertical-slider .slider-nav .slick-track {
  display: flex;
  flex-direction: column;
}

.hero-section.hero-sec-two {
  height: 615px;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .hero-section.hero-sec-two {
    height: auto;
    padding: 40px 0;
  }
}
.hero-section.hero-sec-two .banner-content {
  margin-bottom: 120px !important;
}
@media (max-width: 991.98px) {
  .hero-section.hero-sec-two .banner-content {
    margin-bottom: 40px !important;
  }
}
.hero-section.hero-sec-two::after {
  display: none;
}

.banner-form-tab {
  background: #FFF;
  border-radius: 70px;
  padding: 12px;
  display: inline-flex;
  margin-bottom: 16px;
}
@media (max-width: 767.98px) {
  .banner-form-tab {
    border-radius: 15px;
  }
}
.banner-form-tab .nav li {
  margin-right: 8px;
}
.banner-form-tab .nav li:last-child {
  margin-right: 0;
}
.banner-form-tab .nav li .nav-link {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  border-radius: 74px;
  padding: 8px 16px;
}
.banner-form-tab .nav li .nav-link.active, .banner-form-tab .nav li .nav-link:hover {
  color: #FFF;
  background: #084d2a;
}

.rounded-arrow-next {
  width: 32px;
  height: 32px;
  background: #E4EBF1;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.5s all;
}
.rounded-arrow-next:hover {
  background: #084d2a;
  transition: 0.5s all;
  color: #FFF;
}

.travelers-card {
  box-shadow: none;
}
.travelers-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.2509803922);
}
.travelers-card:hover .rounded-arrow-next {
  background: #084d2a;
  color: #FFF;
}
.travelers-card .card-img {
  position: relative;
  overflow: hidden;
}
.travelers-card .card-img:before {
  content: "";
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.5s all;
  border-radius: 0.375rem;
}
.travelers-card .card-img .overlay-icon {
  color: #FFF;
  font-size: 40px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.travelers-card .card-img img {
  transition: 0.5s all;
}
.travelers-card .card-img:hover img {
  transform: scale(1.14);
  transition: 0.5s all;
}

.travelers-slider .owl-nav {
  text-align: center;
  margin-top: 16px;
}
.travelers-slider .owl-nav .owl-prev {
  margin-right: 8px;
}

.support-sec-two .support-item::after {
  background: url("../img/icons/star-icon-2.svg");
}

.more-companies-logo {
  margin-top: 40px;
}
.more-companies-logo .client-img {
  border: 1px solid #E4EBF1;
  border-radius: 10px;
  background: #FFF;
  padding: 20px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.offers-section {
  background: #111827;
  margin-bottom: 80px;
  position: relative;
  z-index: 1;
}

.offer-slider {
  border-radius: 20px;
}
.offer-slider .owl-stage-outer {
  border-radius: 20px;
}
.offer-slider .owl-nav {
  position: absolute;
  top: 50%;
  left: 60px;
}

.offer-slider-img {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.offer-slider-img::before {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 20px;
}
.offer-slider-img img {
  border-radius: 20px;
}
@media (max-width: 991.98px) {
  .offer-slider-img img {
    min-height: 450px;
    object-fit: cover;
  }
}

.offer-sec {
  position: relative;
}
.offer-sec .offers-content {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
  padding: 80px 60px;
}
@media (max-width: 575.98px) {
  .offer-sec .offers-content {
    padding: 20px;
  }
}

.slider-video-btn .video-btn {
  width: 36px;
  height: 36px;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.slider-video-btn .video-effect {
  position: relative;
  z-index: 3;
}
.slider-video-btn .video-effect::before, .slider-video-btn .video-effect::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: ripple 3s infinite;
}
.slider-video-btn .video-effect::before {
  animation-delay: 0.9s;
}
.slider-video-btn .video-effect::after {
  animation-delay: 0.6s;
}

.offers-counter {
  max-width: 85%;
  margin: -100px 0 60px auto;
  position: relative;
  z-index: 3;
  right: -15px;
}
.offers-counter .offer-counter-inner {
  padding: 40px;
}
@media (max-width: 575.98px) {
  .offers-counter {
    right: 0;
    margin: -100px auto 60px;
  }
}

.slide-nav button {
  width: 44px;
  height: 44px;
  font-size: 20px;
  color: #111827;
  background: #FFF;
  text-shadow: none;
  top: 0;
  cursor: pointer;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 50px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}
.slide-nav button:hover {
  background: #084d2a;
  color: #FFF;
}
.slide-nav button.owl-prev {
  margin-right: 8px;
}
@media (max-width: 991.98px) {
  .slide-nav button {
    width: 36px;
    height: 36px;
    font-size: 16px;
  }
}

.seperate-dot span {
  display: block;
  position: relative;
}
.seperate-dot span + span {
  margin-left: 8px;
  padding-left: 10px;
}
.seperate-dot span + span::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #084d2a;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.popular-hotel-slider {
  margin-bottom: -140px;
  position: relative;
  z-index: 2;
}

.loc-name-top {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 2;
}

.loc-view-bottom {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: 24px;
  background: #FFF;
  position: absolute;
  bottom: 20px;
  right: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  z-index: 2;
}
.loc-view-bottom:hover {
  background: #084d2a;
  color: #FFF;
}

.avatar.rounded-icon-md {
  width: 56px;
  height: 56px;
}

.section-right-img {
  padding-left: 50px;
  position: relative;
  text-align: right;
}
.section-right-img img {
  width: 100%;
}
@media (max-width: 991.98px) {
  .section-right-img {
    margin-top: 24px;
    padding-left: 0;
  }
}

.review-rate-top {
  position: absolute;
  top: 30px;
  left: 0;
}

.work-section {
  background: #084d2a;
  padding-bottom: 36px;
  position: relative;
  z-index: 1;
}
.work-section::before {
  content: "";
  background: url(../img/bg/hotel-bg-07.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.work-icon {
  color: #111827;
}
.work-icon i {
  font-size: 40px;
}

.testimonial-divide-dot {
  position: relative;
  margin-left: 8px;
  padding-left: 10px;
}
.testimonial-divide-dot::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4E5561;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.faq-secpath-two {
  background: #FEEDEB;
  position: relative;
  z-index: 1;
  padding: 60px 40px;
  border-radius: 10px;
}
@media (max-width: 575.98px) {
  .faq-secpath-two {
    padding: 20px;
  }
}
.faq-secpath-two .bg-3 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.blog-grid {
  box-shadow: none;
}
.blog-grid .blog-date {
  width: 64px;
  height: 64px;
  background: #FFF;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-grid .blog-date h6 {
  font-size: 18px;
}
.blog-grid .card-img {
  position: relative;
  overflow: hidden;
}
.blog-grid .card-img img {
  transition: 0.5s all;
}
.blog-grid:hover {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.2509803922);
}
.blog-grid:hover .card-img img {
  transform: scale(1.14);
  transition: 0.5s all;
}
.blog-grid:hover .rounded-arrow-next {
  background: #084d2a;
  color: #FFF;
}

.blog-sec-two .owl-nav {
  text-align: center;
  margin-top: 16px;
}
.blog-sec-two .owl-nav .owl-prev {
  margin-right: 8px;
}

.news-letter {
  padding: 40px;
  background: #084d2a;
  margin-bottom: 60px;
}
.news-letter .input-group {
  outline: none;
  max-width: 100%;
}
@media (max-width: 991.98px) {
  .news-letter .input-group {
    margin-top: 24px;
  }
}
.news-letter .section-header {
  margin-bottom: 0;
}

.footer-two {
  background: #F5F8FA;
}
.footer-two .footer-top {
  padding: 60px 0 40px;
}
.footer-two .customer-info {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
}
.footer-two .customer-info .customer-info-icon span {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E4EBF1;
  font-size: 24px;
  font-weight: 700;
  color: #4E5561;
}
.footer-two .customer-info .customer-info-content {
  margin-left: 8px;
}
.footer-two .customer-info .customer-info-content span {
  color: #4E5561;
  font-size: 14px;
}
.footer-two .customer-info .customer-info-content h6 {
  color: #4E5561;
  font-size: 14px;
  font-weight: 500;
}
.footer-two .footer-bottom {
  background: #F1F4F7;
  border-top: 1px solid #E4EBF1;
}
.footer-two .social-icon-two::after {
  display: none;
}
.footer-two .social-icon-two li {
  margin-right: 8px;
  padding-right: 0;
}
.footer-two .social-icon-two li a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-two .social-icon-two li a:hover {
  background: #E4EBF1;
}

.traveling-sec {
  position: relative;
  z-index: 1;
  padding-top: 130px;
}
@media (max-width: 991.98px) {
  .traveling-sec {
    padding-top: 50px;
  }
}

.travel-sec-bg .bg-1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.travel-sec-bg .bg-2 {
  position: absolute;
  left: 50px;
  top: 20%;
  z-index: -1;
}
.travel-sec-bg .bg-3 {
  position: absolute;
  right: 50px;
  bottom: 20%;
  z-index: -1;
}

.offer-sec-bg .bg-1 {
  position: absolute;
  left: 50px;
  top: 20%;
  z-index: -1;
}
.offer-sec-bg .bg-2 {
  position: absolute;
  right: 50px;
  bottom: 30%;
  z-index: -1;
}

.adavantages-sec {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.adavantages-sec .btn-white i {
  color: #084d2a;
}
.adavantages-sec .btn-white:hover i {
  color: #FFF;
}
.adavantages-sec .adavantages-sec-bg .bg-1 {
  position: absolute;
  left: 0;
  bottom: -70px;
  z-index: -1;
}
.adavantages-sec .adavantages-sec-bg .bg-2 {
  position: absolute;
  left: 50px;
  top: 10%;
  z-index: -1;
}
.adavantages-sec .adavantages-sec-bg .bg-3 {
  position: absolute;
  right: 50px;
  bottom: 10%;
  z-index: -1;
}

.testi-sec-two {
  z-index: 1;
}
.testi-sec-two .testi-sec-bg .bg-1 {
  position: absolute;
  right: 50px;
  top: 10%;
  z-index: -1;
}

.faq-sec-two {
  position: relative;
  z-index: 1;
}
.faq-sec-two .faq-sec-bg .bg-1 {
  position: absolute;
  left: 50px;
  top: 10%;
  z-index: -1;
}

.news-letter-sec {
  position: relative;
  z-index: 1;
}
.news-letter-sec .news-sec-bg .bg-1 {
  position: absolute;
  right: 50px;
  top: 0;
  z-index: -1;
}

.benifit-section .owl-nav {
  text-align: center;
  margin-top: 16px;
}
.benifit-section .owl-nav .owl-prev {
  margin-right: 8px;
}
.benifit-section .img-slider .owl-nav, .benifit-section .image-slide .owl-nav {
  margin-top: 0;
}

.location-wrap-two:before {
  background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
}

.footer-two .social-icon-two li:after {
  display: none;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  56.chat
============================*/
.header-navigation {
  padding-bottom: 20px;
  border-bottom: 1px solid #E4EBF1;
  margin-bottom: 20px;
}

.chat-scroll {
  max-height: calc(100vh - 170px);
  overflow-y: auto;
}
.chat-scroll::-webkit-scrollbar {
  width: 3px;
  background: #FFF;
  height: 3px;
}
.chat-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FFF;
  border-radius: 10px;
}
.chat-scroll::-webkit-scrollbar-thumb {
  background: #E7EDF2;
  border-radius: 10px;
}
.chat-scroll::-webkit-scrollbar-thumb:hover {
  background: #FAFBFC;
}

.chat-cont-left .chat-scroll {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
}
.chat-cont-left .chat-scroll::-webkit-scrollbar {
  width: 3px;
  background: #FFF;
  height: 3px;
}
.chat-cont-left .chat-scroll::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FFF;
  border-radius: 10px;
}
.chat-cont-left .chat-scroll::-webkit-scrollbar-thumb {
  background: #E7EDF2;
  border-radius: 10px;
}
.chat-cont-left .chat-scroll::-webkit-scrollbar-thumb:hover {
  background: #E7EDF2;
}
.chat-cont-left .chat-header {
  padding: 15px;
}
.chat-cont-left .chat-header h6 {
  font-size: 20px;
}
.chat-cont-left .chat-header p {
  margin-bottom: 0;
  font-size: 14px;
}
.chat-cont-left .chat-header.inner-chat-header {
  padding: 15px 0;
}
.chat-cont-left .chat-header.inner-chat-header h6 {
  font-size: 18px;
  margin-bottom: 0;
}
.chat-cont-left .card {
  border: 1px solid #E4EBF1;
  box-shadow: none;
}
.chat-cont-left .chat-users-list .chat-member {
  background: #FFF;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #E4EBF1;
}
.chat-cont-left .chat-users-list .chat-member .avatar img {
  border-radius: 10px;
}
.chat-cont-left .chat-users-list .chat-member .avatar.active img {
  border: 2px solid #FFCA18;
}
.chat-cont-left .chat-users-list .chat-member .msg-count {
  width: 20px;
  height: 20px;
  box-shadow: none;
}

.msg_card_body {
  overflow-y: auto;
}
.msg_card_body.card-body {
  padding-bottom: 0;
}
.msg_card_body .media .media-body .msg-box + .msg-box {
  margin-top: 5px;
}
.msg_card_body .media:last-child {
  margin-bottom: 0;
}
.msg_card_body ul.list-unstyled {
  margin: 0 auto;
  padding: 1rem 0 0;
  width: 100%;
}
.msg_card_body .media.received {
  margin-bottom: 20px;
  max-width: 550px;
  margin-right: auto;
}
.msg_card_body .media.received .media-body .msg-box {
  position: relative;
  display: inline-block;
}
.msg_card_body .media.received .media-body .msg-box .received-message {
  background-color: #F8FAFB;
  color: #111827;
  padding: 15px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  border: 1px solid #E4EBF1;
}
.msg_card_body .media.received .media-body .msg-box .received-message .img-count {
  position: relative;
}
.msg_card_body .media.received .media-body .msg-box .received-message .img-count a::before {
  content: "";
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: 1;
  backdrop-filter: blur(3px);
  border-radius: 5px;
}
.msg_card_body .media.received .media-body .msg-box .received-message .img-count .counts {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.msg_card_body .media.received .media-body .msg-box:first-child .received-message {
  margin-top: 0;
}
.msg_card_body .media.sent {
  margin-bottom: 20px;
  max-width: 550px;
  margin-left: auto;
}
.msg_card_body .media.sent .media-body {
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  margin-left: 0;
  margin-right: 6px;
}
.msg_card_body .media.sent .media-body .msg-box {
  margin-left: 70px;
  position: relative;
}
.msg_card_body .media.sent .media-body .msg-box:first-child .sent-message {
  margin-top: 0;
  background: #F8FAFB;
  padding: 14px;
  color: #111827;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 0;
  border: 1px solid #E4EBF1;
}
.msg_card_body .media.sent .avatar {
  -ms-flex-order: 3;
  order: 3;
}

.microphone-chat {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.chat-input {
  width: 688px;
}
.chat-input .form-control {
  border-radius: 10px;
}

.chat-input-icons a {
  padding: 8px;
}

.type_msg {
  background: #FFF;
  border-radius: 50px;
  overflow-y: auto;
  min-height: 40px;
  border-radius: 10px !important;
  font-size: 14px;
}
.type_msg:focus {
  box-shadow: none;
  outline: 0px;
  z-index: unset !important;
}

.send-action {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
}
.send-action .send-action-btn {
  width: 30px;
  height: 30px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  margin-right: 7px;
  font-size: 12px;
  border-radius: 50%;
  padding: 0;
}

.btn_send {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  display: -webkit-inline-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  padding: 0;
  font-size: 12px;
}
@media (max-width: 767.98px) {
  .btn_send {
    width: 35px;
    height: 35px;
  }
}
.btn_send i {
  font-size: 20px;
}
@media (max-width: 767.98px) {
  .btn_send i {
    font-size: 15px;
  }
}

.search_btn {
  background-color: transparent;
  border: 0;
  line-height: 0;
}

.msg_head {
  position: relative;
  background-color: transparent;
}

.chat-cont-right .msg_head {
  padding: 15px;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  border: 0;
  border-radius: 10px;
  background-color: #F8FAFB;
  z-index: 15;
}
.chat-cont-right .msg_head .back-user-list {
  display: none;
  padding-right: 10px;
  margin-left: -10px;
  padding-left: 10px;
}
@media (max-width: 767.98px) {
  .chat-cont-right .msg_head .back-user-list {
    display: block;
  }
}

.card-body.chat-users-list {
  padding: 15px;
}

.chat-cont-right.chat-window-long {
  display: flex;
}

.card.chat-window {
  width: 100%;
  margin-right: 0;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.chat-cont-profile.chat-profile-right {
  width: 0;
  display: none;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.chat-cont-right.chat-window-long.window-full-width .card.chat-window {
  width: 65%;
  margin-right: 24px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}
.chat-cont-right.chat-window-long.window-full-width .chat-cont-profile.chat-profile-right {
  width: 35%;
  display: flex;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.chat-page-body .sidebar-overlay.opened {
  display: none;
}

.form-control.type_msg.empty_check {
  padding-right: 130px;
}

.media.sent .message-more-option {
  position: absolute;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}

.media.received .message-more-option {
  position: absolute;
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
}

.day-badge {
  position: relative;
  z-index: 1;
}
.day-badge::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border: 1px solid #E4EBF1;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.search-icon-right {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
}

.chat-search {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  opacity: 0;
  visibility: hidden;
}
.chat-search input[type=text] {
  padding: 8px 8px 8px 15px;
  width: 100%;
  min-height: 37px;
  border-radius: 5px;
  background-color: #FFF;
  color: #111827;
}

.chat-search .input-group {
  flex-wrap: nowrap;
}
.chat-search .input-group .form-control {
  border-right: none;
}
.chat-search .input-group .input-group-prepend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  color: #393F4D;
  pointer-events: none;
  z-index: 4;
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
}
.chat-search .input-group .input-group-text {
  background-color: #FFF;
}
.chat-search.visible-chat {
  opacity: 1;
  visibility: visible;
  top: 100%;
  transition: ease all 0.5s;
  -webkit-transition: ease all 0.5s;
  -ms-transition: ease all 0.5s;
  z-index: 9;
  padding: 0 20px;
}

.card-footer .no-bg {
  margin-right: 0;
  padding: 8px;
  background-color: #FFF;
  border: #FFF;
  color: #111827;
}
.card-footer .no-bg.show {
  background-color: #FFF;
  border-color: #FFF;
  color: #111827;
}
.card-footer .no-bg:hover {
  background-color: #FFF;
  border: #FFF;
  color: #111827;
}

.emoj-action-foot {
  margin-right: 2px;
  position: relative;
}

.emoj-action-foot .down-emoji-circle ul {
  padding: 10px;
}

.emoj-action-foot .down-emoji-circle ul li:last-child a {
  width: 34px;
  height: 34px;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.emoj-group-list-foot {
  display: none;
  position: absolute;
  top: -80px;
  left: -30px;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.emoj-group-list-foot ul {
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #FFF;
  border: 1px solid #E4EBF1;
  border-radius: 8px;
  padding: 8px;
}

.emoj-group-list-foot ul li a {
  padding: 0;
  display: flex;
  align-items: center;
  display: flex;
  width: 16px;
  margin-right: 8px;
}

.emoj-group-list-foot ul li.add-emoj a {
  background: #F1F4F7;
}

.emoj-group-list-foot ul li.add-emoj a i {
  font-size: 20px;
}

.chat-cont-right {
  display: flex;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  57.home-06
============================*/
.header-top-six p {
  color: #4E5561;
}
.header-top-six .dropdown > a {
  color: #111827;
}
.header-top-six .cart-dropdown a {
  color: #111827;
}
.header-top-six .fav-dropdown a {
  color: #111827;
}
@media (max-width: 991.98px) {
  .header-top-six {
    display: none;
  }
}

.header-six {
  background: #084d2a;
}
.header-six .main-menu-wrapper {
  justify-content: center !important;
}
.header-six .main-menu-wrapper .header-logo {
  display: none;
}
@media (max-width: 991.98px) {
  .header-six .main-menu-wrapper .header-logo {
    display: block;
  }
}
.header-six .header-btn {
  display: none;
}
@media (max-width: 991.98px) {
  .header-six .header-btn {
    display: flex;
  }
}
.header-six .header-nav .main-menu-wrapper {
  padding: 10px 0;
}
.header-six .header-nav .main-menu-wrapper .main-nav > li.active > a, .header-six .header-nav .main-menu-wrapper .main-nav > li:hover > a {
  color: #084d2a;
}
.header-six .header-nav .main-menu-wrapper .main-nav > li.active > a i, .header-six .header-nav .main-menu-wrapper .main-nav > li:hover > a i {
  color: #084d2a;
}
.header-six .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #FFF !important;
}
.header-six .header-nav .main-menu-wrapper .main-nav > li > a i {
  color: #FFF !important;
}
.header-six.fixed {
  background: #084d2a;
}
.header-six.fixed .main-menu-wrapper {
  justify-content: space-between !important;
}
.header-six.fixed .main-menu-wrapper .header-logo {
  display: block;
}
.header-six.fixed .header-btn {
  display: flex;
}
.header-six.fixed .header-btn .dropdown > a {
  color: #FFF;
}
.header-six.fixed .header-btn .cart-dropdown a {
  color: #FFF;
}
.header-six.fixed .header-btn .fav-dropdown a {
  color: #FFF;
}
.header-six.fixed .header-btn > div > a {
  color: #FFF;
}

.sec-head-btn {
  margin-bottom: 40px;
}

.hero-sec-six {
  background: url(https://i0.wp.com/www.afrovertextours.com/wp-content/uploads/2025/05/afro-vertex-tours-and-safaris.jpg?w=1080&ssl=1);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  padding: 100px 0;
  position: relative;
  z-index: 1;
}
.hero-sec-six::after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.banner-form-tab-six {
  margin-bottom: 15px;
}
.banner-form-tab-six .nav li {
  margin-right: 8px;
}
.banner-form-tab-six .nav li:last-child {
  margin-right: 0;
}
.banner-form-tab-six .nav li .nav-link {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  background: #FFF;
  border-radius: 74px;
  padding: 8px 16px;
}
.banner-form-tab-six .nav li .nav-link.active, .banner-form-tab-six .nav li .nav-link:hover {
  color: #FFF;
  background: #084d2a;
}

.section-header-six {
  margin-bottom: 40px;
  text-align: center;
}
.section-header-six--left {
  text-align: left;
}
.section-header-six--left .badge {
  margin-left: 0;
}
.section-header-six__desc {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #6c757d;
  margin-top: 10px;
  max-width: 560px;
}
.section-header-six .badge {
  position: relative;
  padding-left: 25px;
}
.section-header-six .badge::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 50%;
  background: #084d2a;
  transform: translateY(-50%);
}

.categories-card {
  position: relative;
  border-radius: 10px;
  transition: 0.5s all;
  overflow: hidden;
  margin-bottom: 30px;
}
.categories-card::after {
  content: "";
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 10px;
}
.categories-card img {
  border-radius: 10px;
  width: 100%;
  transition: 0.5s all;
}
.categories-card:hover img {
  transform: scale(1.14);
  transition: 0.5s all;
}
.categories-card .cat-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  z-index: 1;
}

.categories-slider-six .owl-dots {
  text-align: center;
}
.categories-slider-six .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  background: #E4EBF1;
  margin-right: 8px;
  border-radius: 30px;
}
.categories-slider-six .owl-dots .owl-dot.active {
  width: 22px;
  background: #084d2a;
}

.tours-grid-slide .owl-nav {
  display: none;
}
.tours-grid-slide .owl-dots {
  display: block;
}

.support-section.section-skew {
  transform: skewY(-0.6deg);
  transform-origin: left;
}

.section-right-img-two {
  position: relative;
  display: inline-block;
  margin-right: 30px;
}
.section-right-img-two .review-rate-top {
  position: absolute;
  right: -30px;
  top: 30px;
  left: unset;
}

.blog-sec-six {
  padding-bottom: 36px;
}

.testi-sec-six {
  background: #FEEDEB;
  position: relative;
  padding-top: 40px;
}
@media (max-width: 991.98px) {
  .testi-sec-six .testi-info-six {
    margin-bottom: 24px;
  }
}
.testi-sec-six .testi-info-six .testi-para {
  max-width: 500px;
  font-size: 18px;
  font-weight: 600;
}
.testi-sec-six::before {
  content: "";
  background-image: url(../img/bg/section-top-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  position: absolute;
  width: 100%;
  height: 60px;
  top: -50px;
}

.client-logos-sec {
  background: #084d2a;
  padding: 40px 0;
}

.tourism-text-info {
  padding-right: 50px;
}
@media (max-width: 1199.98px) {
  .tourism-text-info {
    padding-right: 30px;
  }
}
@media (max-width: 991.98px) {
  .tourism-text-info {
    padding-right: 0;
  }
}
.tourism-text-info .text-header {
  margin-bottom: 40px;
}
.tourism-text-info .text-header img {
  border-radius: 80px;
}

.blog-grid-six .card-img {
  position: relative;
}
.blog-grid-six .card-img .badge {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.blog-grid-six .card-img img {
  object-fit: cover;
}

.footer-six .footer-widget h5::before {
  display: none;
}
@media (max-width: 991.98px) {
  .footer-six .footer-input {
    margin-bottom: 24px;
  }
}

.section.faq-sec {
  padding: 60px 0;
}

.faq-cards-six .accordion-item {
  padding: 20px;
  margin-bottom: 8px;
}
.faq-cards-six .accordion-item.show {
  background: #FFF;
  border: 0;
}
.faq-cards-six .accordion-item.show .accordion-button {
  color: #084d2a;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  58.theme
============================*/
.dark-mode body {
  background: #0D0D0D;
}
.dark-mode body a {
  color: #FAFCFF;
}
.dark-mode body a:hover {
  color: #084d2a;
}
.dark-mode body h1, .dark-mode body h2, .dark-mode body h3, .dark-mode body h4, .dark-mode body h5, .dark-mode body h6 {
  color: #FAFCFF;
}
.dark-mode body p, .dark-mode body span {
  color: #FAFCFF;
}
.dark-mode body .plan-card {
  background: #0D0D0D;
}
.dark-mode body .badge {
  background: #0D0D0D;
}
.dark-mode body .counter-wrap {
  background: rgba(255, 255, 255, 0.1);
}
.dark-mode body .bg-white {
  background: #0D0D0D !important;
}
.dark-mode body .card {
  background: #0D0D0D;
  border-color: #17222C;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}
.dark-mode body .place-item {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}
.dark-mode body .form-control {
  color: #FAFCFF;
}
.dark-mode body .main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #FAFCFF;
}
.dark-mode body .main-header.main-header-four .header-nav .main-menu-wrapper .main-nav > li > a i {
  color: #FAFCFF;
}
.dark-mode body header.fixed .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #FAFCFF;
}
.dark-mode body header.fixed .header-logo.logo-dark {
  display: none;
}
.dark-mode body header.fixed .header-logo.logo-white {
  display: block;
}
.dark-mode body header.fixed {
  background: #0D0D0D;
}
.dark-mode body .dropdown-menu {
  background: #0D0D0D;
  border-color: #17222C;
}
.dark-mode body .border, .dark-mode body .border-bottom, .dark-mode body .border-top, .dark-mode body .border-start, .dark-mode body .border-end, .dark-mode body .border-white {
  border-color: #17222C !important;
}
.dark-mode body .banner-form-tab {
  background: #0D0D0D;
}
.dark-mode body .banner-form-tab .nav li .nav-link {
  color: #FAFCFF;
}
.dark-mode body .banner-form .form-info {
  border-color: #17222C;
}
.dark-mode body .banner-form .form-info .form-item {
  border-color: #17222C;
}
.dark-mode body .banner-form .nav li .nav-link {
  color: #FAFCFF;
}
.dark-mode body .select2-container--default .select2-results > .select2-results__options {
  background: #0D0D0D;
  color: #FFF;
}
.dark-mode body .rounded-arrow-next {
  color: #0D0D0D;
}
.dark-mode body .bg-light-200 {
  background: #121212 !important;
}
.dark-mode body .place-item .place-content {
  background: #0D0D0D;
}
.dark-mode body .more-companies-logo .client-img {
  background: #0D0D0D;
  border-color: #17222C;
}
.dark-mode body .form-check-input:checked ~ .form-check-label {
  color: #D8DFEE;
}
.dark-mode body .offer-counter-inner .counter {
  color: #FFF;
}
.dark-mode body .slider-video-btn .video-btn {
  background: #0D0D0D;
}
.dark-mode body .text-white {
  color: #FAFCFF !important;
}
.dark-mode body .loc-view-bottom {
  background: #0D0D0D;
}
.dark-mode body .accordion-item {
  background: #0D0D0D;
}
.dark-mode body .accordion-header .accordion-button {
  background: #0D0D0D;
  color: #FAFCFF;
}
.dark-mode body .blog-grid .blog-date {
  background: #0D0D0D;
}
.dark-mode body .owl-carousel .owl-nav button.owl-next, .dark-mode body .owl-carousel .owl-nav button.owl-prev {
  background: #0D0D0D;
  color: #FAFCFF;
}
.dark-mode body .footer-two {
  background: #141414;
  background: #181818;
}
.dark-mode body .footer-two .footer-bottom {
  background: #181818;
  border-color: #17222C;
}
.dark-mode body .footer-two .social-icon-two li a {
  background: #0D0D0D;
}
.dark-mode body .footer-two .customer-info .customer-info-content span, .dark-mode body .footer-two .customer-info .customer-info-content h6 {
  color: #FAFCFF;
}
.dark-mode .btn-white {
  background: #0D0D0D;
  border-color: #17222C;
}
.dark-mode .bg-light-300 {
  background: #141414 !important;
}
.dark-mode .about-section {
  background: #161616;
}
.dark-mode .expert-item {
  border-color: #17222C;
}
.dark-mode .testimonial-section {
  background: #161616;
}
.dark-mode .update-section {
  background: #0D0D0D;
}
.dark-mode .faq-sec {
  background: #0D0D0D;
}
.dark-mode footer {
  background: #181818;
}
.dark-mode footer .footer-bottom {
  background: #17222C;
}
.dark-mode .btn-light {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .btn-light:active, .dark-mode .btn-light:focus {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .custom-increment .input-group .input-number {
  background: #181818;
}
.dark-mode .header-three .header-nav {
  background: #0D0D0D;
}
.dark-mode .header-three .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #FAFCFF;
}
.dark-mode .pickup-card {
  background: #17222C !important;
}
.dark-mode .category-wrap .category-img {
  background: #121212;
}
.dark-mode .location-item, .dark-mode .blog-item.blog-wrap {
  border-color: #17222C;
}
.dark-mode .feeback-section, .dark-mode .faq-section-three {
  background: #0D0D0D;
}
.dark-mode header.fixed .header-btn .theme-toggle, .dark-mode .header-four .header-btn .theme-toggle {
  color: #FFF;
}
.dark-mode .card .card-header {
  border-color: #17222C;
}
.dark-mode .place-section, .dark-mode .client-section-four::before {
  background: #0D0D0D;
}
.dark-mode .place-content .date-info {
  background: #141414;
  border: 1px solid #17222C;
}
.dark-mode .place-content .date-info p {
  color: #FFF;
}
.dark-mode .flight-expert::before {
  background: #121212;
}
.dark-mode .flight-expert, .dark-mode .megamenu-wrapper .single-demo {
  border-color: #17222C;
}
.dark-mode .header-five .header-nav {
  background: #0D0D0D;
}
.dark-mode .header-five .header-nav .main-menu-wrapper .main-nav > li > a, .dark-mode .header-five .header-btn a {
  color: #FAFCFF;
}
.dark-mode header .main-menu-wrapper .main-nav li.has-submenu > .submenu {
  background: #0D0D0D;
}
.dark-mode .header-top-six .dropdown > a, .dark-mode .text-gray-9 {
  color: #FAFCFF !important;
}
.dark-mode .table {
  --bs-table-bg: $darkmode-white;
}
.dark-mode .table tr td {
  border-color: #17222C;
}
.dark-mode .table tr th {
  background: #121212 !important;
  color: #FAFCFF;
  border-color: #17222C !important;
}
.dark-mode .tours-item, .dark-mode .user-sidebar .user-sidebar-header .profile-content {
  border-color: #17222C;
}
.dark-mode .form-control {
  background: #121212;
  border-color: #17222C;
}
.dark-mode .hotel-list .table .thead-light th {
  color: #FAFCFF;
}
.dark-mode .chat-cont-left .chat-users-list .chat-member, .dark-mode .chat-cont-right .msg_head {
  background: #121212;
  border-color: #17222C;
}
.dark-mode .msg_card_body .media .media-body .msg-box:first-child .sent-message {
  background: #121212 !important;
  border-color: #17222C !important;
}
.dark-mode .msg_card_body .media .media-body .msg-box:first-child .received-message {
  background: #121212 !important;
  border-color: #17222C !important;
}
.dark-mode .select2-selection.select2-selection--single {
  background: #121212 !important;
  border-color: #17222C !important;
}
.dark-mode .accordion-item, .dark-mode .accordion-button, .dark-mode .faq-accordion .accordion-item .accordion-body {
  border-color: #17222C !important;
}
.dark-mode header .header-nav .main-menu-wrapper .main-nav > li .submenu li a {
  color: #FAFCFF;
}
.dark-mode .hotel-type-item, .dark-mode .recommend-wrap {
  background: #121212;
  border-color: #17222C;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.5);
}
.dark-mode .btn.btn-white, .dark-mode header.fixed .header__hamburger .sidebar-menu {
  color: #FAFCFF;
}
.dark-mode .offcanvas-wrap, .dark-mode .mean-container .mean-bar, .dark-mode .mean-container .mean-nav {
  background: #0D0D0D;
}
.dark-mode .mean-container .mean-nav > ul > li {
  border-color: #17222C;
}
.dark-mode .offcanvas-info {
  background: #0D0D0D !important;
}
.dark-mode .white-logo-responsive {
  display: block;
}
.dark-mode .black-logo-responsive {
  display: none;
}
.dark-mode .offcanvas-close {
  color: #FAFCFF !important;
}
.dark-mode .wishlist-info, .dark-mode .header-dropdown {
  background: #121212;
}
.dark-mode header.header-five .header-logo.logo-dark {
  display: block !important;
}
.dark-mode header.header-five .header-logo.logo-white {
  display: none !important;
}
.dark-mode header.header-four .header-logo.logo-dark {
  display: block !important;
}
.dark-mode header.header-four .header-logo.logo-white {
  display: none !important;
}
.dark-mode header.header-three .header-logo.logo-dark {
  display: block !important;
}
.dark-mode header.header-three .header-logo.logo-white {
  display: none !important;
}
.dark-mode .header-topbar.topbar-four {
  border-color: #17222C;
}
.dark-mode .footer-five .footer-bottom {
  border-color: #17222C;
}
.dark-mode .footer-five .footer-about .footer-input .input-group {
  background: #17222C;
}
.dark-mode .input-group-text {
  background: #121212 !important;
  border-color: #17222C !important;
}
.dark-mode .footer-five .footer-bottom .social-icon a {
  background: #17222C;
}
.dark-mode .package-sec .card {
  background: #121212 !important;
}
.dark-mode .accordion .accordion-body {
  background: #0D0D0D;
}
.dark-mode .bg-light {
  background: #17222C !important;
  border-color: #17222C !important;
}
.dark-mode .faq-secpath-two, .dark-mode .faq-accordion-five {
  background: #17222C;
}
.dark-mode .flight-loc .loc-name {
  background: #0D0D0D;
  border-color: #17222C;
}
.dark-mode .form-checkbox {
  background: #181818;
}
.dark-mode .menu-img img, .dark-mode .btn-outline-light {
  border-color: #17222C !important;
}
.dark-mode .btn-outline-light {
  color: #FAFCFF !important;
}
.dark-mode .btn-outline-light:hover {
  background: #17222C !important;
}
.dark-mode .review-item .review-info.reply {
  background: #121212;
  border-color: #17222C;
}
.dark-mode .bg-light-500 {
  background: #181818 !important;
}
.dark-mode .text-editor .note-toolbar {
  background: #121212;
  border-color: #17222C;
}
.dark-mode .text-editor .note-editor.note-frame {
  border-color: #17222C;
}
.dark-mode .btn.btn-light {
  color: #FAFCFF !important;
}
.dark-mode .alert.badge-amenity {
  border-color: #17222C;
  color: #FAFCFF;
}
.dark-mode .accordion.accordion-list .accordion-item .accordion-header .accordion-button {
  color: #FAFCFF;
}
.dark-mode .policy-wrap {
  border-color: #17222C;
}
.dark-mode .pagination-nav .pagination .page-item .page-link {
  background: #121212;
}
.dark-mode .list-item .list-icon {
  background: #121212;
}
.dark-mode .modal-header, .dark-mode .modal-body, .dark-mode .modal-footer {
  background: #0D0D0D;
  border-color: #17222C;
}
.dark-mode .accordion.custom-accordion > .accordion-item > .accordion-collapse > .accordion-body {
  border-color: #17222C;
}
.dark-mode .badge.badge-light {
  background: #17222C;
}
.dark-mode .service-wrap.slider-wrap-four .slider-nav-thumbnails img {
  border-color: #17222C;
}
.dark-mode .stage-flow .flows-step .flow-content::before {
  border-color: #17222C;
}
.dark-mode .file-upload {
  border-color: #17222C;
}
.dark-mode .choose-us-section {
  background: #161616;
}
.dark-mode .bg-light-400 {
  background: #161616 !important;
}
.dark-mode .pricing-plan-tab .nav .tab-btn {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .team-member {
  background: #17222C;
}
.dark-mode .invoice-table {
  border-color: #17222C;
}
.dark-mode .invoice-logo-dark {
  display: none;
}
.dark-mode .invoice-logo-white {
  display: block;
}
.dark-mode .bg-light-100 {
  background: #17222C !important;
}
.dark-mode .blog-post, .dark-mode .blog-search .search-content .search-feild {
  border-color: #17222C;
}
.dark-mode .category-tag a.badge {
  background: #161616;
}
.dark-mode .blog-search .search-content {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .blog-search .search-content .search-feild {
  background: #0D0D0D;
}
.dark-mode .update-sec {
  background: #161616;
}
.dark-mode .update-sec .input-group {
  background: #0D0D0D;
}
.dark-mode .update-sec .input-group {
  outline-color: #17222C;
}
.dark-mode .header-navigation {
  border-color: #17222C;
}
.dark-mode .credit-card-details .card-form .user-icon {
  border-color: #17222C;
}
.dark-mode .settings .card-body .notification-content, .dark-mode .settings .card-body .security-content, .dark-mode .settings .card-body .preference-content {
  border-color: #17222C;
}
.dark-mode .galley-wrap.more-gallery {
  background: #17222C;
}
.dark-mode .header-three .header-btn a, .dark-mode .booking-confirmation .service-info span {
  color: #FAFCFF;
}
.dark-mode .footer-input .input-group {
  background: #0D0D0D;
}
.dark-mode footer.footer-four .footer-top, .dark-mode footer.footer-four .footer-input .input-group {
  background: #161616;
}
.dark-mode footer.footer-four .footer-bottom .social-icon li a {
  background: #0D0D0D;
}
.dark-mode footer.footer-three .social-icon li a {
  background: #0D0D0D;
}
.dark-mode .footer-logo-dark {
  display: block;
}
.dark-mode .footer-logo-light {
  display: none !important;
}
.dark-mode .tourism-text-info .card {
  background: #121212 !important;
}
.dark-mode .faq-cards-six .accordion-item.show {
  background: #0D0D0D;
}
.dark-mode .dropdown-divider {
  border-color: #17222C;
}
.dark-mode .rounded-edit {
  background: #17222C !important;
}
.dark-mode .card .card-footer {
  border-color: #17222C;
}
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #FAFCFF !important;
}
.dark-mode .bg-transparent-success, .dark-mode .credit-card-details .card-detials .card-add {
  background: #17222C !important;
}
.dark-mode .rebook-btn {
  background: #17222C;
}
.dark-mode .credit-card-details .card-detials .card-content {
  border-color: #17222C;
}
.dark-mode .fancybox-image {
  border-color: #17222C;
}
.dark-mode .about-progress {
  background: #17222C;
}
.dark-mode .video-wrap .video-btn {
  background: #17222C;
  color: #FAFCFF;
}
.dark-mode .text-default, .dark-mode .text-gray-6, .dark-mode .text-gray-7 {
  color: #FAFCFF !important;
}
.dark-mode .day-badge::after {
  border-color: #17222C;
}
.dark-mode .hotel-list .table tbody tr td, .dark-mode .booking-header .header-content .input-icon-start .form-control {
  color: #FAFCFF;
}
.dark-mode .settings .card-body .settings-link a {
  color: #FAFCFF;
}
.dark-mode .settings .card-body .settings-link a i {
  color: #FAFCFF;
}
.dark-mode .settings .card-body .settings-link a.active, .dark-mode .settings .card-body .settings-link a:hover {
  color: #084d2a;
}
.dark-mode .settings .card-body .settings-link a.active i, .dark-mode .settings .card-body .settings-link a:hover i {
  color: #084d2a;
}
.dark-mode .user-sidebar .user-sidebar-body ul li a {
  color: #FAFCFF;
}
.dark-mode .place-item .place-img .fav-item .fav-icon, .dark-mode .work-avatar {
  background: #17222C;
}
.dark-mode #loader-wrapper {
  background: #0D0D0D;
}
.dark-mode .location-wrap .loc-view {
  background: #17222C;
}
.dark-mode .flight-expert .expert-img {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .faq-secpath {
  background: #161616;
}
.dark-mode .banner-form-tab-six .nav li .nav-link {
  background: #17222C;
  color: #FAFCFF;
}
.dark-mode .banner-form-tab-six .nav li .nav-link.active {
  background: #084d2a;
}
.dark-mode .header-top-six .cart-dropdown a {
  color: #FAFCFF;
}
.dark-mode .header-topbar .logo-dark {
  display: none;
}
.dark-mode .header-topbar .logo-white {
  display: block;
}
.dark-mode .testi-sec-six {
  background: #161616;
}
.dark-mode .testi-sec-six:before {
  display: none;
}
.dark-mode .value select {
  background: #17222C;
  border-color: #17222C;
  color: #FAFCFF;
}
.dark-mode .paginations .page-link-1 {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .modal .modal-body .upcoming-content .upcoming-title {
  background: #17222C;
  border-color: #17222C;
}
.dark-mode .upcoming-details {
  border-color: #17222C !important;
}
.dark-mode .btn-close {
  --bs-btn-close-color: $darkmode-white;
}
.dark-mode .text-dark, .dark-mode .hotel-list .table tbody tr td a {
  color: #FAFCFF !important;
}
.dark-mode .note-toolbar {
  background: #181818;
  border-color: #17222C;
}
.dark-mode .note-btn {
  background: #17222C;
  border-color: #17222C;
  color: #FAFCFF;
}
.dark-mode .bg-gray-transparent {
  background: #17222C !important;
}
.dark-mode .user-sidebar.agent-sidebar .user-sidebar-body > ul > li.logout-link {
  border-color: #17222C;
}
.dark-mode .bg-success-100 h6, .dark-mode .bg-pink-100 h6, .dark-mode .bg-danger-100 h6, .dark-mode .bg-purple-100 h6, .dark-mode .bg-cyan-100 h6 {
  color: #17222C;
}
.dark-mode .guest-details ul li h6 span, .dark-mode .guest-details ul li h6 i {
  color: #FAFCFF;
}
.dark-mode .edit-delete-item a {
  color: #17222C;
}
.dark-mode .banner-form .input-search .input-group .form-control {
  border-color: #17222C;
}
.dark-mode .banner-form .input-search .input-group .input-group-text {
  color: #17222C;
}
.dark-mode .login-or .span-or {
  background: #0D0D0D;
}
.dark-mode .login-or::before, .dark-mode .login-or::after {
  border-color: #17222C;
}
.dark-mode .wishlist-info .cart-dropdown a, .dark-mode .wishlist-info .fav-dropdown a, .dark-mode .mean-container .mean-nav > ul li a,
.dark-mode .header-dropdown .dropdown .dropdown-toggle, .dark-mode footer.footer-four .footer-input .input-group .input-group-text,
.dark-mode .custom-increment .input-group .input-number, .dark-mode .header-five .header__hamburger .sidebar-menu, .dark-mode .header-three .header__hamburger .sidebar-menu {
  color: #FAFCFF;
}
.dark-mode .bootstrap-datetimepicker-widget table th {
  color: #FAFCFF;
}
.dark-mode .bootstrap-datetimepicker-widget table td {
  color: #FAFCFF;
}
.dark-mode footer.footer-four .footer-bottom .policy-links li a, .dark-mode footer .footer-top .footer-widget .footer-menu li a {
  color: #FAFCFF;
}
.dark-mode footer.footer-four .footer-bottom .policy-links li a:hover, .dark-mode footer .footer-top .footer-widget .footer-menu li a:hover {
  color: #084d2a;
}
.dark-mode .header-top-six .fav-dropdown a, .dark-mode .header-topbar.topbar-four .dropdown > a, .dark-mode .form-check-label, .dark-mode .guest-details ul li h6,
.dark-mode .header-topbar.topbar-four p, .dark-mode .main-header.main-header-four .header__hamburger .sidebar-menu, .dark-mode .accordion-button:after,
.dark-mode .footer-five .customer-info .customer-info-content span, .dark-mode .footer-five .customer-info .customer-info-content h6, .dark-mode .form-label {
  color: #FAFCFF;
}
.dark-mode .footer-five .form-control, .dark-mode .footer-five .input-group-text, .dark-mode .footer-three .form-control, .dark-mode .footer-three .input-group-text, .dark-mode .news-letter-sec .form-control, .dark-mode .news-letter-sec .input-group-text {
  background: transparent !important;
}
.dark-mode .place-nav .nav li a {
  color: #FAFCFF;
}
.dark-mode .client-img img, .dark-mode .flight-expert .expert-img img {
  filter: invert(1);
}
.dark-mode .location-item .location-info .location-view {
  color: #17222C;
}
.dark-mode .flight-expert .fav-icon, .dark-mode .highlight-box, .dark-mode .avatar.play-video span, .dark-mode .place-nav.listing-nav li a {
  background: #17222C;
}
.dark-mode .place-nav .nav li a.active, .dark-mode .place-nav .nav li a:hover {
  background: #084d2a;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  59.loader
============================*/
#loader-wrapper {
  background-color: #FFF;
  height: 100%;
  width: 100%;
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#loader-wrapper #loader {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#loader-wrapper #loader .loader-line {
  display: inline-grid;
  width: 40px;
  aspect-ratio: 1;
  margin: 30px;
}
#loader-wrapper #loader .loader-line::before, #loader-wrapper #loader .loader-line::after {
  content: "";
  grid-area: 1/1;
  border-radius: 50%;
  background: repeating-conic-gradient(#084d2a 0 60deg, #111827 0 120deg);
}
#loader-wrapper #loader .loader-line::before {
  transform: rotate(0turn) translate(100%) rotate(0turn);
  animation: l5 4s linear infinite;
}
#loader-wrapper #loader .loader-line::after {
  padding: 20%;
  mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
  scale: -1 1;
}

@keyframes l5 {
  to {
    transform: rotate(1turn) translate(100%) rotate(1turn);
  }
}
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  64.agent-list
============================*/
.place-nav.listing-nav li a {
  background: #E4EBF1;
}

.add-reply:hover {
  background: #084d2a !important;
  color: #FFF !important;
}

.review-reply {
  display: none;
}
.review-reply.show {
  display: block;
}

.earning-box .avatar-md {
  width: 40px;
  height: 40px;
  background: #DB5D4F;
}

.card.card-detail {
  background: #FDFDFE;
}
.card.card-detail p {
  color: #4E5561;
}

.modal-lg.invoice-modal {
  max-width: 945px;
}

.modal-md.w-500 {
  max-width: 500px !important;
}

.digit-group input {
  width: 40px;
  height: 40px;
  text-align: center;
}

.integration-card {
  position: relative;
}
.integration-card .circle-check-top {
  position: absolute;
  top: -8px;
  right: -8px;
  opacity: 0;
}
.integration-card.selected {
  border-color: #04BD6C;
}
.integration-card.selected .circle-check-top {
  opacity: 1;
}

.payment-img {
  width: 50px;
  height: 43px;
}

.edit-delete-icon .avatar {
  width: 30px;
  height: 30px;
  color: #4E5561;
}
.edit-delete-icon .avatar:hover {
  background: #084d2a;
  color: #FFF;
  border-color: #084d2a !important;
}

.edit-delete-item {
  position: absolute;
  right: 15px;
  top: 15px;
}
.edit-delete-item a {
  width: 30px;
  height: 30px;
  background: #FFF;
  border-radius: 50%;
}
.edit-delete-item a:hover {
  background: #084d2a;
  color: #FFF;
}

.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
  display: block;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  65.expert
============================*/
.local-expert > div {
  margin-bottom: 20px;
}
.local-expert > div:last-child {
  margin-bottom: 0;
}
.local-expert .avatar {
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

.expert-video {
  width: 100%;
  height: 500px;
  position: relative;
  background: url("../img/tours/tours-35.jpg") top center no-repeat;
  background-size: cover;
  border-radius: 20px;
  overflow: hidden;
  background-attachment: fixed;
}
.expert-video .video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #FFF;
  color: #4E5561;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  z-index: 2;
}
.expert-video .video-effect {
  position: relative;
  z-index: 3;
}
.expert-video .video-effect::before, .expert-video .video-effect::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 52px;
  height: 52px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: transparent;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  animation: ripple 3s infinite;
}
.expert-video .video-effect::before {
  animation-delay: 0.9s;
}
.expert-video .video-effect::after {
  animation-delay: 0.6s;
}
@media (max-width: 767.98px) {
  .expert-video {
    height: 250px;
  }
}
.expert-video::before {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.update-section.expert-update::before {
  content: none;
}

.work-card {
  box-shadow: none;
}
.work-card .work-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
}
.work-card .work-icon i {
  right: -6px;
  position: absolute;
}
.work-card .display-3 {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 79, 79, 0.4) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
.work-card:hover {
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
}

/******* Vendors ******/
/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  60.meanmenu
============================*/
.mean-container a.meanmenu-reveal {
  display: none !important;
}
.mean-container .mean-bar {
  background: #FFF;
}
.mean-container .mean-nav {
  background: #FFF;
  margin-top: 0;
}
.mean-container .mean-nav ul li.active > a {
  color: #084d2a;
}
.mean-container .mean-nav ul li .submenu li:last-child {
  margin-bottom: 12px;
}
.mean-container .mean-nav ul li .submenu li a {
  font-size: 14px;
  font-weight: 400;
  padding: 4px 4px 4px 16px;
  width: 100%;
}
.mean-container .mean-nav > ul {
  display: block !important;
}
.mean-container .mean-nav > ul > li {
  border-bottom: 1px solid #E4EBF1;
}
.mean-container .mean-nav > ul li a {
  color: #4E5561;
  font-weight: 500;
  padding: 16px 0;
  border: 0;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  62.select2
============================*/
.select2-container {
  min-width: 100% !important;
  z-index: 99;
}
.select2-container .select2-selection--single {
  height: 40px;
}

.select2-container--default .select2-selection--single {
  border: 1px solid var(--Stroke, rgba(145, 158, 171, 0.3));
  border-radius: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #111827 !important;
  line-height: 40px;
  border-radius: 5px;
  padding-left: 10px;
  font-size: 14px;
  font-weight: 400;
  padding-right: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.select2-container--default .select2-selection--single .select2-selection__rendered span img {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 5px;
}
.select2-container--default .select2-selection--single .select {
  width: 219px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 38px;
  right: 7px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  position: absolute;
  top: 50%;
  left: 50%;
  border-color: #393F4D;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 3px;
  height: 0;
  margin-left: -6px;
  margin-top: -3px;
  width: 0;
  transform: rotate(45deg) translateY(-50%);
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: #000;
  border-width: 1px 0 0 1px;
  margin-top: 3px;
  padding: 3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #084d2a;
  color: #FFF;
}

.select2-container--focus .select2-selection--single {
  background: #FFF !important;
  border-color: #E7EDF2;
}

span.select2-container.select2-container--default.select2-container--open {
  z-index: 9999;
  box-shadow: 0px 4.4px 12px -1px rgba(222, 222, 222, 0.36);
}

.select2-container--classic .select2-selection--single,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple,
.select2-container--classic .select2-selection--single .select2-selection__arrow,
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  border-color: #E4EBF1;
  color: #4E5561;
}

.select2-dropdown {
  border-color: #E4EBF1;
}

.select2-container--default .select2-selection--multiple {
  line-height: 27px;
  height: auto;
  min-height: 40px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: #155EEF;
  border-color: #155EEF;
  color: #FFF;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-color: #084d2a;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #084d2a;
}

.select2-container--open .ti-filter {
  z-index: 9999 !important;
}

.select2-results__option span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.select2-results__option span img {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  margin-right: 5px;
}

/*---------------------------------------------------------------------------------

    Template Name: DreamsTour
    Version      : 1.0
    Author: Dreams Technologies
    Author URI: https://themeforest.net/user/dreamstechnologies

-----------------------------------------------------------------------------------

/*============================
[Table of CSS]

1.variables
2.mixins
3.rangepicker-plugin
4.base
5.background
6.alerts
7.avatar
8.boostrap
9.button
10.badge
11.border
12.dropdown
13.font
14.typography
15.forms
16.accordion
17.cards
18.navs-tabs
19.grid
20.cursor
21.tables
22.common
23.content
24.header
25.header-three
26.header-four
27.header-five
28.footer
29.footer-four
30.footer-three
31.footer-five
32.breadcrumb
33.sidebar
34.rtl
35.home-03
36.home-04
37.home
38.cruise
39.login
40.hotel
41.hotel-details
42.tour
43.about-us
44.blog
45.team
46.service
47.booking-confirmation
48.cart
49.flight
50.hotel-map
51.tour-details
52.car-details
53.hotel-booking
54.settings
55.home-02
56.chat
57.home-06
58.theme
59.loader
60.meanmenu
62.select2
63.datatables
64.agent-list
65.expert

============================*/
/****** Utils ******/
/*============================
  63.datatables
============================*/
table.dataTable {
  margin: 0 !important;
}

table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:after,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:after {
  right: 10px !important;
  content: "\f0d7" !important;
  font-family: "Font Awesome 5 Free";
  bottom: 8px !important;
  color: #AFB2B8 !important;
  font-size: 10px !important;
  opacity: 1 !important;
  position: absolute;
  font-weight: 600;
  line-height: 1px !important;
}

table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:before {
  right: 10px !important;
  content: "\f0d8" !important;
  font-family: "Font Awesome 5 Free";
  top: 18px !important;
  color: #AFB2B8 !important;
  font-size: 10px !important;
  opacity: 1 !important;
  position: absolute;
  font-weight: 600;
  line-height: 1px !important;
}

.dataTables_paginate .paging_numbers {
  float: right;
}

.dataTables_info {
  font-size: 15px;
  color: #393F4D;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  .dataTables_info {
    font-size: 12px;
  }
}

.custom-select {
  min-width: 80px;
  background: url(../img/icons/dropdown.html) no-repeat 95% 50%;
}

.dataTables_paginate .pagination {
  justify-content: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
}
.dataTables_paginate .pagination li {
  margin: 0 2px;
}
.dataTables_paginate .pagination li a {
  background: transparent;
  border-color: transparent;
  border-radius: 5px !important;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #393F4D;
  font-size: 14px;
}
.dataTables_paginate .pagination li a:hover {
  background: #084d2a;
  color: #FFF;
}
.dataTables_paginate .pagination li.active a.page-link {
  background: #084d2a;
  border-color: #084d2a;
  border-radius: 5px;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataTables_paginate .pagination li.previous.disabled, .dataTables_paginate .pagination li.prev {
  width: auto;
  margin: 0 13px 0 0;
}
.dataTables_paginate .pagination li.previous.disabled a, .dataTables_paginate .pagination li.prev a {
  background-color: transparent;
  border: 0;
  width: auto;
  padding: 0;
}
.dataTables_paginate .pagination li.previous.disabled a i, .dataTables_paginate .pagination li.prev a i {
  margin-right: 8px;
}
.dataTables_paginate .pagination li.previous.disabled a:hover, .dataTables_paginate .pagination li.prev a:hover {
  color: #04BD6C;
}
.dataTables_paginate .pagination li.next.disabled, .dataTables_paginate .pagination li.next {
  width: auto;
  margin: 0 0 0 13px;
}
.dataTables_paginate .pagination li.next.disabled a, .dataTables_paginate .pagination li.next a {
  background-color: transparent;
  border: 0;
  width: auto;
  padding: 0;
}
.dataTables_paginate .pagination li.next.disabled a i, .dataTables_paginate .pagination li.next a i {
  margin-left: 8px;
}
.dataTables_paginate .pagination li.next.disabled a:hover, .dataTables_paginate .pagination li.next a:hover {
  color: #04BD6C;
}
@media (max-width: 767.98px) {
  .dataTables_paginate .pagination {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
  }
}

.dataTables_length {
  margin-bottom: 15px;
}

.dataTables_paginate {
  margin-top: 15px !important;
}

.dataTables_length label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #393F4D;
  font-size: 14px;
}
.dataTables_length label .form-select {
  width: 61px;
  border: 1px solid #E7EDF2;
  border-radius: 6px;
  color: #393F4D;
  margin: 0 8px;
  background-position: right 5px center;
  padding-right: 15px;
}

@media (max-width: 767.98px) {
  .datatable-length {
    text-align: center;
  }
}

div.dataTables_wrapper div.dataTables_info {
  padding-top: 15px;
}

table.dataTable thead > tr > th.no-sort.sorting_asc:before {
  display: none;
}

table.dataTable thead > tr > th.no-sort.sorting_asc::after {
  display: none;
}

table.dataTable thead > tr > th.no-sort.sorting:before {
  display: none;
}

table.dataTable thead > tr > th.no-sort.sorting::after {
  display: none;
}

.custom-table .table-responsive {
  border: 1px solid #E7EDF2;
  border-radius: 6px;
}

table.table.dataTable > tbody > tr {
  border-color: #E7EDF2;
}
table.table.dataTable > tbody > tr td {
  color: #393F4D;
  border-bottom: 1px solid #E7EDF2;
  padding: 12px 20px;
}
table.table.dataTable > thead > tr {
  border-color: #E7EDF2;
}
table.table.dataTable > thead > tr th {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  padding: 12px 20px;
}

.dataTables_filter {
  margin-bottom: 15px;
}

#select-all ~ .checkmarks {
  top: -7px;
}

#select-all2 ~ .checkmarks {
  top: -7px;
}

#select-all3 ~ .checkmarks {
  top: -7px;
}

.custom-datatable-filter [class*=col-md] {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.no-datatable_length .dataTables_length {
  display: none;
}
.no-datatable_length .dataTables_filter {
  display: none;
}
.no-datatable_length .dataTables_info {
  display: none;
}
.no-datatable_length .dataTables_paginate {
  display: none;
}

.datatable-info .dataTables_info {
  display: none !important;
}
.datatable-info .dataTables_info:first-child {
  display: block !important;
}

.datatable-length .dataTables_length {
  display: none !important;
}
.datatable-length .dataTables_length:first-child {
  display: block !important;
}

.datatable-paginate .dataTables_paginate {
  display: none !important;
}
.datatable-paginate .dataTables_paginate:first-child {
  display: block !important;
}

/*# sourceMappingURL=style.css.map */

/* =============================================
   AFRO-VERTEX TOURS — HERO REDESIGN
   ============================================= */

/* Chat Now Button */
.afro-btn-chat {
  background: #084d2a;
  color: #FFF !important;
  border-radius: 8px;
  padding: 8px 20px;
  font-size: 14px;
  font-weight: 600;
  border: none;
  transition: background 0.3s ease, transform 0.2s ease;
}
.afro-btn-chat:hover {
  background: #0a6635;
  color: #FFF !important;
  transform: translateY(-1px);
}

/* ── Hero Section ─────────────────────────── */
.afro-hero {
  position: relative;
  width: 100%;
  min-height: 760px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: visible;
  z-index: 50;
  background: #111827;
}

/* Background Image */
.afro-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
.afro-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

/* Gradient Overlay */
.afro-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg,
      rgba(12, 20, 35, 0.85) 0%,
      rgba(12, 20, 35, 0.65) 25%,
      rgba(15, 25, 45, 0.50) 50%,
      rgba(10, 18, 30, 0.60) 75%,
      rgba(12, 20, 35, 0.80) 100%
    ),
    linear-gradient(180deg,
      rgba(8, 77, 42, 0.08) 0%,
      rgba(180, 120, 50, 0.06) 50%,
      rgba(8, 77, 42, 0.08) 100%
    );
}

/* Content Container */
.afro-hero__content {
  position: relative;
  z-index: 2;
  padding: 120px 0 100px;
  text-align: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Headline */
.afro-hero__title {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 68px;
  font-weight: 700;
  line-height: 1.1;
  color: #FFFFFF;
  max-width: 1100px;
  margin: 0 auto 20px;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.3);
  letter-spacing: -0.5px;
}

/* Subtitle */
.afro-hero__subtitle {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
  max-width: 700px;
  margin: 0 auto 40px;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}

/* ── Search Panel ─────────────────────────── */
.afro-search {
  max-width: 1420px;
  width: 100%;
  margin: 0 auto;
}

.afro-search__form {
  width: 100%;
}

.afro-search__fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 0;
  background: rgba(30, 24, 18, 0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 18px;
  padding: 6px;
  box-shadow:
    0 8px 40px rgba(0, 0, 0, 0.35),
    0 2px 8px rgba(0, 0, 0, 0.2);
}

.afro-search__field {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 14px 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.afro-search__field:last-of-type {
  border-right: none;
}

.afro-search__label {
  font-size: 12px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.afro-search__input-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #FFFFFF;
  border-radius: 10px;
  padding: 0 14px;
  height: 52px;
  min-height: 52px;
  transition: box-shadow 0.25s ease;
}
.afro-search__input-wrap:focus-within {
  box-shadow: 0 0 0 3px rgba(8, 77, 42, 0.25);
}

.afro-search__icon {
  font-size: 20px;
  color: #084d2a;
  flex-shrink: 0;
}

.afro-search__input {
  border: none;
  outline: none;
  background: transparent;
  font-size: 15px;
  font-weight: 500;
  color: #111827;
  width: 100%;
  height: 100%;
  padding: 0;
  font-family: 'Montserrat', 'Inter', sans-serif;
}
.afro-search__input::placeholder {
  color: #8C95A4;
  font-weight: 400;
}
.afro-search__input:focus {
  box-shadow: none;
}

/* Search Button */
.afro-search__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: #084d2a;
  color: #FFFFFF;
  border: none;
  border-radius: 12px;
  padding: 0 36px;
  height: 100%;
  min-height: 52px;
  font-size: 16px;
  font-weight: 700;
  font-family: 'Montserrat', 'Inter', sans-serif;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  white-space: nowrap;
  box-shadow: 0 4px 16px rgba(8, 77, 42, 0.3);
}
.afro-search__btn:hover {
  background: #0a6635;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(8, 77, 42, 0.4);
}
.afro-search__btn:active {
  transform: translateY(0);
}
.afro-search__btn:focus-visible {
  outline: 3px solid rgba(8, 77, 42, 0.5);
  outline-offset: 2px;
}

.afro-search__btn-icon {
  font-size: 20px;
  transition: transform 0.25s ease;
}
.afro-search__btn:hover .afro-search__btn-icon {
  transform: translateX(3px);
}

/* ── Trust Strip ─────────────────────────── */
.afro-trust {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-top: 1px solid rgba(8, 77, 42, 0.08);
}

.afro-trust__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.afro-trust__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 18px 16px;
  border-right: 1px solid rgba(8, 77, 42, 0.08);
  transition: background 0.2s ease;
}
.afro-trust__item:last-child {
  border-right: none;
}
.afro-trust__item:hover {
  background: rgba(8, 77, 42, 0.03);
}

.afro-trust__icon {
  font-size: 20px;
  color: #084d2a;
  flex-shrink: 0;
}

.afro-trust__text {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  white-space: nowrap;
}

/* ── Entrance Animations ──────────────────── */
@keyframes afroFadeUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.afro-hero__text.wow.animated,
.afro-hero__text.animated {
  animation: afroFadeUp 0.8s ease-out both;
}
.afro-search.wow.animated,
.afro-search.animated {
  animation: afroFadeUp 0.8s ease-out 0.2s both;
}

@media (prefers-reduced-motion: reduce) {
  .afro-hero__text,
  .afro-search {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ── Responsive: Large Desktop (1440px+) ──── */
@media (min-width: 1440px) {
  .afro-hero {
    min-height: 800px;
  }
  .afro-hero__title {
    font-size: 72px;
  }
}

/* ── Responsive: Desktop (1200px) ─────────── */
@media (max-width: 1399.98px) {
  .afro-hero__title {
    font-size: 58px;
  }
  .afro-search__fields {
    border-radius: 16px;
  }
  .afro-search__btn {
    padding: 0 28px;
    font-size: 15px;
  }
}

/* ── Responsive: Tablet (1024px) ──────────── */
@media (max-width: 1199.98px) {
  .afro-hero__title {
    font-size: 48px;
    max-width: 900px;
  }
  .afro-hero__subtitle {
    font-size: 19px;
    max-width: 600px;
  }
  .afro-search__fields {
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    border-radius: 14px;
    padding: 8px;
  }
  .afro-search__field:nth-child(2) {
    border-right: none;
  }
  .afro-search__field:nth-child(1),
  .afro-search__field:nth-child(2) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  }
  .afro-search__btn {
    grid-column: 1 / -1;
    height: 56px;
    border-radius: 12px;
  }
  .afro-trust__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .afro-trust__item:nth-child(2) {
    border-right: none;
  }
  .afro-trust__item:nth-child(1),
  .afro-trust__item:nth-child(2) {
    border-bottom: 1px solid rgba(8, 77, 42, 0.08);
  }
}

/* ── Responsive: Tablet Portrait (768px) ──── */
@media (max-width: 991.98px) {
  .afro-hero {
    min-height: 720px;
  }
  .afro-hero__content {
    padding: 100px 0 120px;
  }
  .afro-hero__title {
    font-size: 40px;
    max-width: 700px;
  }
  .afro-hero__subtitle {
    font-size: 17px;
    max-width: 520px;
    margin-bottom: 32px;
  }
  .afro-search__fields {
    grid-template-columns: 1fr 1fr;
    border-radius: 14px;
  }
  .afro-search__field {
    padding: 12px 16px;
  }
  .afro-search__input-wrap {
    height: 48px;
    min-height: 48px;
    border-radius: 8px;
  }
  .afro-search__input {
    font-size: 14px;
  }
  .afro-search__btn {
    height: 52px;
    font-size: 15px;
    padding: 0 24px;
  }
  .afro-trust__text {
    font-size: 13px;
  }
}

/* ── Responsive: Mobile Landscape (576px) ─── */
@media (max-width: 767.98px) {
  .afro-hero {
    min-height: 720px;
  }
  .afro-hero__content {
    padding: 90px 16px 110px;
  }
  .afro-hero__title {
    font-size: 34px;
    line-height: 1.15;
    max-width: 100%;
  }
  .afro-hero__subtitle {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 28px;
  }
  .afro-search__fields {
    grid-template-columns: 1fr;
    border-radius: 12px;
    padding: 6px;
  }
  .afro-search__field {
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 10px 14px;
  }
  .afro-search__field:last-of-type {
    border-bottom: none;
  }
  .afro-search__input-wrap {
    height: 48px;
    min-height: 48px;
  }
  .afro-search__btn {
    height: 50px;
    border-radius: 10px;
    margin-top: 2px;
  }
  .afro-trust__grid {
    grid-template-columns: 1fr 1fr;
  }
  .afro-trust__item {
    padding: 14px 12px;
  }
  .afro-trust__icon {
    font-size: 18px;
  }
  .afro-trust__text {
    font-size: 12px;
  }
}

/* ── Responsive: Mobile Portrait (390px) ──── */
@media (max-width: 575.98px) {
  .afro-hero {
    min-height: 720px;
  }
  .afro-hero__content {
    padding: 80px 16px 100px;
  }
  .afro-hero__title {
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 14px;
  }
  .afro-hero__subtitle {
    font-size: 15px;
    line-height: 1.55;
    margin-bottom: 24px;
  }
  .afro-search__fields {
    border-radius: 10px;
    padding: 4px;
  }
  .afro-search__field {
    padding: 8px 12px;
  }
  .afro-search__label {
    font-size: 11px;
  }
  .afro-search__input-wrap {
    height: 44px;
    min-height: 44px;
    padding: 0 12px;
    border-radius: 8px;
  }
  .afro-search__icon {
    font-size: 18px;
  }
  .afro-search__input {
    font-size: 13px;
  }
  .afro-search__btn {
    height: 48px;
    font-size: 14px;
    padding: 0 20px;
    border-radius: 10px;
  }
  .afro-search__btn-icon {
    font-size: 18px;
  }
  .afro-hero {
    min-height: auto;
    padding-bottom: 0;
  }
  .afro-hero__content {
    padding: 80px 16px 40px;
  }
  .afro-trust {
    position: relative;
  }
  .afro-trust__grid {
    grid-template-columns: 1fr;
  }
  .afro-trust__item {
    border-right: none;
    border-bottom: 1px solid rgba(8, 77, 42, 0.08);
    padding: 14px 16px;
    justify-content: flex-start;
  }
  .afro-trust__item:last-child {
    border-bottom: none;
  }
  .afro-trust__text {
    font-size: 13px;
    white-space: normal;
  }
}

/* ── Responsive: Small Mobile (360px) ─────── */
@media (max-width: 374.98px) {
  .afro-hero__title {
    font-size: 26px;
  }
  .afro-hero__subtitle {
    font-size: 14px;
  }
  .afro-search__input-wrap {
    height: 42px;
  }
  .afro-search__btn {
    height: 46px;
    font-size: 13px;
  }
  .afro-trust__item {
    padding: 12px 14px;
  }
  .afro-trust__text {
    font-size: 12px;
  }
}

/* ═══════════════════════════════════════════════════
   ABOUT US SECTION — Afro-Vertex Tours & Safaris
   ═══════════════════════════════════════════════════ */

/* ── Base ────────────────────────────────────────── */
.afro-about {
  background: #FFFEFB;
  padding: 120px 0 130px;
  overflow: hidden;
}

.afro-about__container {
  max-width: 1760px;
  width: 100%;
  margin: 0 auto;
  padding: 0 96px;
}

.afro-about__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

/* ── Left Column: Content ────────────────────────── */
.afro-about__eyebrow {
  display: block;
  text-align: center;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #B99455;
  margin-bottom: 20px;
}

.afro-about__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 54px;
  font-weight: 500;
  line-height: 1.15;
  text-align: center;
  color: #20201D;
  margin: 0 0 28px;
  max-width: 620px;
}

.afro-about__text {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.85;
  color: #515A5B;
  max-width: 600px;
  margin: 0 0 36px;
}

/* ── Trust Checklist ─────────────────────────────── */
.afro-about__checklist {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 40px;
  margin-bottom: 40px;
}

.afro-about__check-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.afro-about__check-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  min-width: 28px;
  border-radius: 50%;
  background: #B99455;
}

.afro-about__check-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #20201D;
  line-height: 1.4;
}

/* ── Discover More Button ────────────────────────── */
.afro-about__btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #B99455;
  color: #FFFFFF;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 0 36px;
  height: 62px;
  border-radius: 11px;
  border: none;
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(185, 148, 85, 0.3);
  transition: background 0.35s ease, transform 0.3s ease, box-shadow 0.35s ease;
  width: 240px;
  justify-content: center;
}

.afro-about__btn:hover {
  background: #A07D3E;
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(185, 148, 85, 0.4);
  color: #FFFFFF;
  text-decoration: none;
}

.afro-about__btn:active {
  transform: translateY(0);
}

.afro-about__btn:focus-visible {
  outline: 3px solid rgba(185, 148, 85, 0.5);
  outline-offset: 3px;
}

.afro-about__btn-arrow {
  transition: transform 0.3s ease;
  flex-shrink: 0;
}

.afro-about__btn:hover .afro-about__btn-arrow {
  transform: translateX(4px);
}

/* ── Right Column: Photo Stack ───────────────────── */
.afro-about__photos {
  position: relative;
  width: 100%;
  min-height: 520px;
}

.afro-about__photos-bg {
  position: absolute;
  top: -20px;
  left: -30px;
  width: 120%;
  height: 120%;
  background: radial-gradient(ellipse at center, rgba(185, 148, 85, 0.10) 0%, rgba(185, 148, 85, 0.03) 50%, transparent 75%);
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
}

/* ── Polaroid Card Base ──────────────────────────── */
/* Rotation lives in --rot so entrance / float / hover / breakpoints
   can all compose without ever fighting over `transform`. */
.afro-about__polaroid {
  position: absolute;
  --rot: 0deg;
  --drift: 8px;
  --in-delay: 0s;
  --float-dur: 7s;
  --float-delay: 0s;
  background: #FFFFFF;
  padding: 10px 10px 0;
  border-radius: 4px;
  box-shadow:
    0 4px 12px rgba(0, 0, 0, 0.08),
    0 12px 40px rgba(0, 0, 0, 0.12);
  transform: rotate(var(--rot));
  transition:
    transform 0.55s cubic-bezier(0.22, 0.68, 0.35, 1.02),
    box-shadow 0.45s ease;
  will-change: transform, translate;
  z-index: 1;
  /* Two co-operating animations: one-shot entrance on `transform`,
     endless idle bob on the independent `translate`/`rotate` props. */
  animation:
    afroPolaroidIn 0.7s cubic-bezier(0.16, 0.84, 0.32, 1) var(--in-delay) backwards,
    afroPolaroidFloat var(--float-dur) ease-in-out var(--float-delay) infinite;
}

/* Hover: lift, straighten towards upright, deepen shadow */
.afro-about__polaroid:hover {
  transform: rotate(calc(var(--rot) * 0.45)) translateY(-8px) scale(1.03);
  box-shadow:
    0 10px 24px rgba(0, 0, 0, 0.14),
    0 26px 58px rgba(0, 0, 0, 0.20);
  animation-play-state: running, paused;
}

.afro-about__polaroid-img-wrap {
  position: relative;
  width: 280px;
  height: 200px;
  overflow: hidden;
  border-radius: 2px;
}

.afro-about__polaroid-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.7s cubic-bezier(0.22, 0.68, 0.35, 1);
}

.afro-about__polaroid:hover .afro-about__polaroid-img {
  transform: scale(1.07);
}

/* Shine sweep across the photo on hover */
.afro-about__polaroid-img-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  left: -85%;
  width: 55%;
  height: 100%;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.38) 50%, transparent 100%);
  transform: skewX(-18deg);
  pointer-events: none;
}

.afro-about__polaroid:hover .afro-about__polaroid-img-wrap::after {
  animation: afroPolaroidShine 0.9s ease forwards;
}

.afro-about__polaroid-caption {
  display: block;
  font-family: 'Caveat', cursive;
  font-size: 18px;
  font-weight: 500;
  color: #3a3a38;
  text-align: center;
  padding: 10px 8px 14px;
  line-height: 1.2;
  transition: color 0.4s ease;
}

.afro-about__polaroid:hover .afro-about__polaroid-caption {
  color: #b9904f;
}

/* ── Photo Variants ──────────────────────────────── */
.afro-about__polaroid--back {
  top: 0;
  left: 0;
  --rot: -7deg;
  --drift: 9px;
  --in-delay: 0.15s;
  --float-dur: 7.5s;
  --float-delay: -2s;
  z-index: 1;
}

.afro-about__polaroid--mid {
  top: 140px;
  left: 100px;
  --rot: 7deg;
  --drift: 7px;
  --in-delay: 0.30s;
  --float-dur: 9s;
  --float-delay: -4.5s;
  z-index: 2;
}

.afro-about__polaroid--front {
  top: 40px;
  left: 200px;
  --rot: 4deg;
  --drift: 10px;
  --in-delay: 0.45s;
  --float-dur: 6.5s;
  --float-delay: -1s;
  z-index: 3;
  box-shadow:
    0 6px 16px rgba(0, 0, 0, 0.10),
    0 16px 48px rgba(0, 0, 0, 0.15);
}

/* ── Entrance Animations ─────────────────────────── */
@keyframes afroAboutFadeUp {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Entrance: drops in from below with an overshoot of tilt, lands on
   the card's own resting angle (var(--rot)) — fill:backwards keeps it
   hidden during its stagger delay, then RELEASES transform afterwards
   so rotation, hover and breakpoints keep working. */
@keyframes afroPolaroidIn {
  from {
    opacity: 0;
    transform: rotate(calc(var(--rot, 0deg) - 6deg)) translateY(52px) scale(0.85);
  }
  60% {
    opacity: 1;
  }
  to {
    opacity: 1;
    transform: rotate(var(--rot, 0deg)) translateY(0) scale(1);
  }
}

/* Idle bob: gentle endless drift using independent translate/rotate,
   so it composes with `transform` instead of replacing it.
   Each card gets its own duration/delay → organic, never in sync. */
@keyframes afroPolaroidFloat {
  0%, 100% {
    translate: 0 0;
    rotate: 0deg;
  }
  50% {
    translate: 0 calc(-1 * var(--drift, 8px));
    rotate: 0.8deg;
  }
}

@keyframes afroPolaroidShine {
  to { left: 135%; }
}

.wow.fadeInUp {
  animation: afroAboutFadeUp 0.8s ease-out both;
}

/* Ambient glow behind the stack slowly breathes */
.afro-about__photos-bg {
  animation: afroAboutGlowPulse 8s ease-in-out infinite;
}

@keyframes afroAboutGlowPulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50%      { opacity: 0.55; transform: scale(1.06); }
}

@media (prefers-reduced-motion: reduce) {
  .wow.fadeInUp,
  .afro-about__content,
  .afro-about__photos,
  .afro-about__photos-bg,
  .afro-about__polaroid {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    translate: none !important;
    rotate: none !important;
  }
  .afro-about__polaroid {
    transform: rotate(var(--rot, 0deg)) !important;
  }
}

/* ═══════════════════════════════════════════════════
   RESPONSIVE — ABOUT SECTION
   ═══════════════════════════════════════════════════ */

/* ── Large Desktop (1440px+) ─────────────────────── */
@media (min-width: 1440px) {
  .afro-about {
    padding: 130px 0 140px;
  }
  .afro-about__title {
    font-size: 58px;
  }
}

/* ── Desktop (≤1399px) ───────────────────────────── */
@media (max-width: 1399.98px) {
  .afro-about__container {
    padding: 0 80px;
  }
  .afro-about__grid {
    gap: 60px;
  }
  .afro-about__title {
    font-size: 48px;
  }
}

/* ── Small Desktop / Tablet Landscape (≤1199px) ──── */
@media (max-width: 1199.98px) {
  .afro-about__container {
    padding: 0 60px;
  }
  .afro-about__grid {
    gap: 48px;
  }
  .afro-about__title {
    font-size: 44px;
    max-width: 520px;
  }
  .afro-about__text {
    font-size: 18px;
    max-width: 520px;
  }
  .afro-about__polaroid-img-wrap {
    width: 240px;
    height: 170px;
  }
  .afro-about__polaroid--mid {
    left: 80px;
    top: 120px;
  }
  .afro-about__polaroid--front {
    left: 170px;
    top: 30px;
  }
}

/* ── Tablet Portrait (≤991px) ────────────────────── */
@media (max-width: 991.98px) {
  .afro-about {
    padding: 100px 0 110px;
  }
  .afro-about__container {
    padding: 0 40px;
  }
  .afro-about__title {
    font-size: 38px;
    max-width: 100%;
  }
  .afro-about__text {
    font-size: 17px;
    max-width: 100%;
  }
  .afro-about__grid {
    gap: 40px;
  }
  .afro-about__polaroid-img-wrap {
    width: 220px;
    height: 160px;
  }
  .afro-about__polaroid--back {
    top: 0;
    left: 0;
  }
  .afro-about__polaroid--mid {
    left: 70px;
    top: 100px;
  }
  .afro-about__polaroid--front {
    left: 140px;
    top: 20px;
  }
}

/* ── Mobile Landscape (≤767px) ───────────────────── */
@media (max-width: 767.98px) {
  .afro-about {
    padding: 80px 0 90px;
  }
  .afro-about__container {
    padding: 0 24px;
  }
  .afro-about__grid {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .afro-about__content {
    order: 1;
  }
  .afro-about__photos {
    order: 2;
    min-height: 340px;
  }
  .afro-about__title {
    font-size: 34px;
    max-width: 100%;
  }
  .afro-about__text {
    font-size: 16px;
    max-width: 100%;
  }
  .afro-about__checklist {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 32px;
  }
  .afro-about__btn {
    width: 100%;
    height: 58px;
  }
  .afro-about__polaroid-img-wrap {
    width: 200px;
    height: 145px;
  }
  .afro-about__polaroid-caption {
    font-size: 16px;
    padding: 8px 6px 12px;
  }
  .afro-about__polaroid--back {
    top: 0;
    left: 10px;
    --rot: -5deg;
  }
  .afro-about__polaroid--mid {
    top: 80px;
    left: 60px;
    --rot: 5deg;
  }
  .afro-about__polaroid--front {
    top: 10px;
    left: 110px;
    --rot: 3deg;
  }
}

/* ── Mobile Portrait (≤575px) ────────────────────── */
@media (max-width: 575.98px) {
  .afro-about {
    padding: 64px 0 72px;
  }
  .afro-about__container {
    padding: 0 20px;
  }
  .afro-about__eyebrow {
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 16px;
  }
  .afro-about__title {
    font-size: 30px;
  }
  .afro-about__text {
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 28px;
  }
  .afro-about__check-label {
    font-size: 15px;
  }
  .afro-about__check-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }
  .afro-about__check-icon svg {
    width: 12px;
    height: 12px;
  }
  .afro-about__btn {
    height: 54px;
    font-size: 15px;
    border-radius: 10px;
  }
  .afro-about__photos {
    min-height: 280px;
  }
  .afro-about__polaroid-img-wrap {
    width: 170px;
    height: 125px;
  }
  .afro-about__polaroid-caption {
    font-size: 15px;
    padding: 6px 5px 10px;
  }
  .afro-about__polaroid--back {
    left: 0;
    top: 0;
    --rot: -5deg;
  }
  .afro-about__polaroid--mid {
    left: 40px;
    top: 70px;
    --rot: 5deg;
  }
  .afro-about__polaroid--front {
    left: 80px;
    top: 5px;
    --rot: 3deg;
  }
}

/* ── Small Mobile (≤374px) ───────────────────────── */
@media (max-width: 374.98px) {
  .afro-about__title {
    font-size: 27px;
  }
  .afro-about__text {
    font-size: 14px;
  }
  .afro-about__check-label {
    font-size: 14px;
  }
  .afro-about__polaroid-img-wrap {
    width: 145px;
    height: 105px;
  }
  .afro-about__polaroid-caption {
    font-size: 14px;
  }
  .afro-about__polaroid--mid {
    left: 30px;
    top: 60px;
  }
  .afro-about__polaroid--front {
    left: 65px;
    top: 0;
  }
}

/* ═══════════════════════════════════════════════════
   FLOATING CONTACT BUTTONS
   ═══════════════════════════════════════════════════ */

.afro-float-contact {
  position: fixed;
  bottom: 28px;
  right: 28px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  z-index: 998;
}

.afro-float-contact__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: #FFFFFF;
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: none;
}

.afro-float-contact__btn--whatsapp {
  background: #08BE72;
}

.afro-float-contact__btn--whatsapp:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 24px rgba(8, 190, 114, 0.4);
  color: #FFFFFF;
  text-decoration: none;
}

.afro-float-contact__btn--email {
  background: #075B3A;
}

.afro-float-contact__btn--email:hover {
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 24px rgba(7, 91, 58, 0.4);
  color: #FFFFFF;
  text-decoration: none;
}

.afro-float-contact__btn:focus-visible {
  outline: 3px solid rgba(185, 148, 85, 0.6);
  outline-offset: 3px;
}

.afro-search__input--select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
  cursor: pointer;
}

.afro-search__input--select option {
  font-size: 16px;
  color: #20201D;
  padding: 8px;
}

@media (max-width: 767.98px) {
  .afro-float-contact {
    bottom: 20px;
    right: 16px;
    gap: 10px;
  }
  .afro-float-contact__btn {
    width: 50px;
    height: 50px;
  }
  .afro-float-contact__btn svg {
    width: 24px;
    height: 24px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   SAFARI ATLAS EXPLORER — Premium Interactive Country Explorer
   ══════════════════════════════════════════════════════════════════════ */

.sae {
  padding: 72px 0 88px;
  background: #F6F1E7;
  position: relative;
  overflow: hidden;
}

.sae::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cpath d='M0 200 Q100 160 200 200 T400 200' fill='none' stroke='%23173B32' stroke-width='1.5'/%3E%3Cpath d='M0 140 Q100 100 200 140 T400 140' fill='none' stroke='%23173B32' stroke-width='1'/%3E%3Cpath d='M0 260 Q100 220 200 260 T400 260' fill='none' stroke='%23173B32' stroke-width='1'/%3E%3Cpath d='M0 80 Q100 50 200 80 T400 80' fill='none' stroke='%23173B32' stroke-width='.7'/%3E%3Cpath d='M0 320 Q100 290 200 320 T400 320' fill='none' stroke='%23173B32' stroke-width='.7'/%3E%3C/svg%3E");
  background-size: 400px 400px;
  pointer-events: none;
}

.sae__inner {
  width: 100%;
  max-width: 1340px;
  margin: 0 auto;
  padding: 0 40px;
  position: relative;
  z-index: 1;
}

/* ── Header ────────────────────────────────────────── */

.sae__header {
  max-width: 540px;
  margin-bottom: 48px;
}

.sae__eyebrow {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #B68A4A;
  margin: 0 0 14px;
}

.sae__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(36px, 3.4vw, 52px);
  font-weight: 700;
  line-height: 1.1;
  color: #173B32;
  margin: 0 0 16px;
}

.sae__subtitle {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.55;
  color: #4A5A52;
  margin: 0;
}

/* ── Country Journey Rail ───────────────────────────── */

.sae__rail-wrap {
  position: relative;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 12px;
}

.sae__rail {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  padding: 4px 0 12px;
  flex: 1;
  min-width: 0;
}

.sae__rail::-webkit-scrollbar {
  display: none;
}

.sae__marker {
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding: 12px 22px 16px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  scroll-snap-align: start;
  transition: color .3s ease;
  min-width: 120px;
}

.sae__marker::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 22px;
  right: 22px;
  height: 2px;
  background: transparent;
  transition: background .3s ease;
}

.sae__marker-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 600;
  color: #8A948E;
  transition: color .3s ease;
}

.sae__marker-name {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #5C6B63;
  letter-spacing: .2px;
  transition: color .3s ease;
}

.sae__marker-rating {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #B68A4A;
  opacity: .7;
  transition: opacity .3s ease;
}

.sae__marker:hover .sae__marker-name {
  color: #173B32;
}

.sae__marker:hover .sae__marker-num {
  color: #173B32;
}

.sae__marker:focus-visible {
  outline: 2px solid #B68A4A;
  outline-offset: -2px;
  border-radius: 4px;
}

.sae__marker--active .sae__marker-num {
  color: #B68A4A;
}

.sae__marker--active .sae__marker-name {
  color: #173B32;
  font-weight: 700;
}

.sae__marker--active .sae__marker-rating {
  opacity: 1;
}

.sae__marker--active::after {
  background: #B68A4A;
}

.sae__rail-arrow {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1.5px solid #C5B99A;
  background: rgba(255, 255, 255, .7);
  color: #173B32;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .25s, border-color .25s, opacity .25s;
}

.sae__rail-arrow:hover {
  background: #fff;
  border-color: #B68A4A;
}

.sae__rail-arrow:disabled {
  opacity: .35;
  cursor: default;
}

.sae__rail-arrow:disabled:hover {
  background: rgba(255, 255, 255, .7);
  border-color: #C5B99A;
}

.sae__rail-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: #E0D5C0;
  border-radius: 1px;
}

.sae__rail-progress-fill {
  display: block;
  height: 100%;
  background: #B68A4A;
  border-radius: 1px;
  width: 0%;
  transition: width .4s ease;
}

/* ── Expedition Canvas ──────────────────────────────── */

.sae__canvas {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  position: relative;
  min-height: 560px;
}

/* ── Visual storytelling area ───────────────────────── */

.sae__visual {
  position: relative;
  min-height: 540px;
}

.sae__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .42s ease;
  pointer-events: none;
}

.sae__slide--active {
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

.sae__img-frame {
  width: 100%;
  height: 100%;
  min-height: 540px;
  border-radius: 0 160px 0 0;
  overflow: hidden;
  position: relative;
  box-shadow: 0 10px 40px rgba(0, 0, 0, .40), 0 2px 10px rgba(0, 0, 0, .25);
}

.sae__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
  display: block;
}

.sae__rank-hero {
  position: absolute;
  top: -10px;
  right: 30px;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(120px, 12vw, 200px);
  font-weight: 700;
  color: #B68A4A;
  opacity: .12;
  line-height: 1;
  pointer-events: none;
  z-index: 2;
  user-select: none;
}

.sae__location-tag {
  position: absolute;
  bottom: 24px;
  left: 28px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  z-index: 3;
}

.sae__location-continent {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .7);
}

.sae__location-slash {
  display: none;
}

.sae__location-country {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.sae__location-tours {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  color: rgba(255, 255, 255, .65);
  margin-top: 2px;
}

/* ── Floating Country Seal ──────────────────────────── */

.sae__seal {
  position: absolute;
  bottom: -32px;
  right: 48px;
  width: 120px;
  height: 120px;
  z-index: 10;
}

.sae__seal-ring {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  border: 2px solid rgba(182, 138, 74, .35);
}

.sae__seal-inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #B68A4A;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  box-shadow: 0 4px 20px rgba(182, 138, 74, .3);
}

.sae__seal-rank {
  font-family: 'Cormorant Garamond', serif;
  font-size: 28px;
  font-weight: 700;
  color: #173B32;
  line-height: 1;
}

.sae__seal-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #173B32;
  line-height: 1.3;
  margin-top: 2px;
}

/* ── Information panel ──────────────────────────────── */

.sae__info {
  display: flex;
  align-items: stretch;
}

.sae__info-inner {
  width: 100%;
  padding: 48px 52px 52px 48px;
  background: rgba(246, 241, 231, .95);
  border: 1px solid rgba(182, 138, 74, .15);
  border-left: none;
  border-radius: 0 24px 24px 0;
  margin-left: -28px;
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
}

.sae__country-name {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(32px, 3vw, 44px);
  font-weight: 700;
  color: #173B32;
  margin: 0 0 12px;
  line-height: 1.1;
}

.sae__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.sae__stars {
  color: #B68A4A;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1;
}

.sae__score {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #173B32;
}

.sae__rating-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  color: #6B7B72;
}

.sae__rank-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #B68A4A;
  margin: 0 0 22px;
  letter-spacing: .3px;
}

.sae__desc {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: #3A4A42;
  margin: 0 0 12px;
}

.sae__guide-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #B68A4A;
  text-decoration: none;
  border-bottom: 1px solid rgba(182, 138, 74, .35);
  padding-bottom: 2px;
  margin-bottom: 28px;
  transition: color .25s, border-color .25s;
  align-self: flex-start;
}

.sae__guide-link:hover {
  color: #173B32;
  border-color: #173B32;
}

.sae__guide-link svg {
  transition: transform .25s;
}

.sae__guide-link:hover svg {
  transform: translateX(3px);
}

/* ── Field Notes ────────────────────────────────────── */

.sae__notes {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 32px;
}

.sae__note {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(182, 138, 74, .12);
}

.sae__note:last-child {
  border-bottom: none;
}

.sae__note-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 20px;
  font-weight: 600;
  color: #B68A4A;
  line-height: 1.2;
  flex-shrink: 0;
  min-width: 24px;
}

.sae__note-body {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.sae__note-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #8A948E;
}

.sae__note-value {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14.5px;
  font-weight: 500;
  color: #1D2924;
  line-height: 1.35;
}

/* ── Actions ────────────────────────────────────────── */

.sae__actions {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: auto;
  padding-top: 8px;
}

.sae__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: background .3s, color .3s, border-color .3s, transform .2s;
  white-space: nowrap;
}

.sae__btn--primary {
  font-size: 15px;
  font-weight: 700;
  color: #F6F1E7;
  background: #173B32;
  border: 1.5px solid #173B32;
  padding: 14px 28px;
  border-radius: 6px;
  min-height: 48px;
}

.sae__btn--primary:hover {
  background: #1D2924;
  border-color: #1D2924;
  transform: translateY(-1px);
  color: #F6F1E7;
}

.sae__btn--primary:focus-visible {
  outline: 3px solid #B68A4A;
  outline-offset: 3px;
}

.sae__btn--secondary {
  font-size: 14px;
  font-weight: 600;
  color: #B68A4A;
  background: transparent;
  border: 1.5px solid transparent;
  padding: 14px 8px;
  min-height: 48px;
}

.sae__btn--secondary:hover {
  color: #173B32;
  border-color: rgba(182, 138, 74, .3);
}

.sae__btn--secondary:focus-visible {
  outline: 2px solid #B68A4A;
  outline-offset: 2px;
}

.sae__btn-arrow {
  transition: transform .25s ease;
  flex-shrink: 0;
}

.sae__btn--primary:hover .sae__btn-arrow {
  transform: translateX(3px);
}

/* ── Destination Route Line ─────────────────────────── */

.sae__route {
  margin-top: 32px;
}

.sae__route-inner {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 20px 0;
}

.sae__route-stop {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.sae__route-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #B68A4A;
  flex-shrink: 0;
}

.sae__route-name {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #173B32;
}

.sae__route-cat {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 11px;
  color: #8A948E;
  letter-spacing: .3px;
}

.sae__route-line {
  flex: 1;
  height: 1.5px;
  background: repeating-linear-gradient(
    90deg,
    #C5B99A 0px,
    #C5B99A 6px,
    transparent 6px,
    transparent 10px
  );
  margin: 0 16px;
  min-width: 32px;
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (≤ 1199px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1199.98px) {
  .sae {
    padding: 60px 0 72px;
  }

  .sae__inner {
    padding: 0 28px;
  }

  .sae__header {
    margin-bottom: 36px;
  }

  .sae__canvas {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .sae__visual {
    min-height: 420px;
  }

  .sae__slide--active {
    position: relative;
  }

  .sae__img-frame {
    min-height: 420px;
    border-radius: 0 80px 0 0;
  }

  .sae__info-inner {
    margin-left: 0;
    border-radius: 0 0 24px 24px;
    border-left: 1px solid rgba(182, 138, 74, .15);
    border-top: none;
    padding: 36px 40px 40px;
  }

  .sae__seal {
    bottom: -28px;
    right: 32px;
    width: 100px;
    height: 100px;
  }

  .sae__seal-rank {
    font-size: 24px;
  }

  .sae__seal-label {
    font-size: 7px;
  }

  .sae__rank-hero {
    font-size: clamp(100px, 10vw, 160px);
    right: 20px;
  }

  .sae__notes {
    flex-direction: column;
    gap: 0;
  }

  .sae__note {
    flex-direction: row;
    gap: 14px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (≤ 767px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767.98px) {
  .sae {
    padding: 48px 0 56px;
  }

  .sae__inner {
    padding: 0 16px;
  }

  .sae__header {
    margin-bottom: 28px;
  }

  .sae__eyebrow {
    font-size: 11px;
    letter-spacing: 2px;
    margin-bottom: 10px;
  }

  .sae__subtitle {
    font-size: 15px;
  }

  .sae__rail-wrap {
    margin-bottom: 28px;
  }

  .sae__rail-arrow {
    display: none;
  }

  .sae__marker {
    padding: 10px 16px 14px;
    min-width: 100px;
    gap: 8px;
  }

  .sae__marker-num {
    font-size: 18px;
  }

  .sae__marker-name {
    font-size: 13px;
  }

  .sae__marker-rating {
    font-size: 11px;
  }

  .sae__visual {
    min-height: auto;
  }

  .sae__slide--active {
    position: relative;
  }

  .sae__img-frame {
    min-height: 0;
    aspect-ratio: 4 / 3;
    border-radius: 0 40px 0 0;
  }

  .sae__rank-hero {
    font-size: 80px;
    right: 12px;
    top: -4px;
  }

  .sae__location-tag {
    bottom: 16px;
    left: 16px;
  }

  .sae__location-country {
    font-size: 17px;
  }

  .sae__seal {
    bottom: -24px;
    right: 20px;
    width: 84px;
    height: 84px;
  }

  .sae__seal-rank {
    font-size: 20px;
  }

  .sae__seal-label {
    font-size: 6px;
    letter-spacing: .8px;
  }

  .sae__info-inner {
    padding: 32px 20px 28px;
    margin-left: 0;
    border-radius: 0 0 20px 20px;
    border-left: 1px solid rgba(182, 138, 74, .15);
  }

  .sae__country-name {
    font-size: 28px;
    margin-bottom: 8px;
  }

  .sae__rating {
    gap: 6px;
    margin-bottom: 4px;
  }

  .sae__stars {
    font-size: 15px;
  }

  .sae__score {
    font-size: 14px;
  }

  .sae__rating-label {
    font-size: 12px;
  }

  .sae__rank-label {
    font-size: 12px;
    margin-bottom: 16px;
  }

  .sae__desc {
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 8px;
  }

  .sae__guide-link {
    font-size: 12px;
    margin-bottom: 22px;
  }

  .sae__note {
    padding: 12px 0;
    gap: 12px;
  }

  .sae__note-num {
    font-size: 17px;
  }

  .sae__note-label {
    font-size: 9px;
    letter-spacing: 1.5px;
  }

  .sae__note-value {
    font-size: 13.5px;
  }

  .sae__actions {
    flex-direction: column;
    gap: 10px;
    align-items: stretch;
  }

  .sae__btn--primary {
    width: 100%;
    text-align: center;
    padding: 13px 20px;
    font-size: 14px;
    min-height: 44px;
  }

  .sae__btn--secondary {
    text-align: center;
    padding: 12px 8px;
    font-size: 13px;
    min-height: 44px;
  }

  .sae__route-inner {
    flex-wrap: wrap;
    gap: 8px;
    padding: 16px 0;
  }

  .sae__route-stop {
    gap: 8px;
  }

  .sae__route-dot {
    width: 8px;
    height: 8px;
  }

  .sae__route-name {
    font-size: 13px;
  }

  .sae__route-cat {
    font-size: 10px;
  }

  .sae__route-line {
    display: none;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Small mobile (≤ 430px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 430px) {
  .sae__inner {
    padding: 0 12px;
  }

  .sae__img-frame {
    border-radius: 0 24px 0 0;
  }

  .sae__rank-hero {
    font-size: 64px;
    right: 8px;
  }

  .sae__seal {
    width: 72px;
    height: 72px;
    right: 14px;
    bottom: -20px;
  }

  .sae__seal-rank {
    font-size: 18px;
  }

  .sae__info-inner {
    padding: 28px 16px 24px;
  }

  .sae__country-name {
    font-size: 26px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Very small mobile (≤ 360px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 360px) {
  .sae__inner {
    padding: 0 10px;
  }

  .sae__info-inner {
    padding: 24px 12px 20px;
  }

  .sae__country-name {
    font-size: 24px;
  }

  .sae__note-value {
    font-size: 13px;
  }

  .sae__btn--primary {
    font-size: 13px;
    padding: 12px 16px;
  }
}

/* ── Reduced motion ─────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .sae__slide {
    transition: none !important;
  }
  .sae__btn-arrow {
    transition: none !important;
  }
  .sae__marker {
    transition: none !important;
  }
  .sae__rail-progress-fill {
    transition: none !important;
  }
  .sae__guide-link svg {
    transition: none !important;
  }
  .sae__btn {
    transition: none !important;
  }
  .sae__marker::after {
    transition: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   TOUR CARDS — Premium Redesign
   ══════════════════════════════════════════════════════════════════════ */

/* ── Grid ───────────────────────────────────────── */

.afro-tour-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  max-width: 1760px;
  margin: 0 auto;
}

.afro-tour-grid--related {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.afro-tour-grid__heading {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: clamp(26px, 3vw, 36px);
  color: #111827;
  margin: 0;
  line-height: 1.2;
}

.afro-tour-grid__empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 80px 24px;
  color: #515A5B;
}

.afro-tour-grid__empty svg {
  color: #C5C9CE;
  margin-bottom: 20px;
}

.afro-tour-grid__empty h4 {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #20201D;
  margin: 0 0 10px;
}

.afro-tour-grid__empty p {
  font-size: 16px;
  color: #515A5B;
  margin: 0 0 20px;
}

/* ── Card ───────────────────────────────────────── */

.afro-tour-card {
  background: #fff;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 35, 50, .07);
  box-shadow:
    0 4px 10px rgba(15, 30, 45, .07),
    0 14px 32px rgba(15, 30, 45, .10);
  transition: transform .3s ease, box-shadow .3s ease;
  display: flex;
  flex-direction: column;
  position: relative;
}

.afro-tour-card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 8px 18px rgba(15, 30, 45, .11),
    0 22px 46px rgba(15, 30, 45, .16);
}

/* ── About Us — Our Team cards share the tour-card drop shadow ── */
.our-team .card {
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(15, 35, 50, .07);
  box-shadow:
    0 4px 10px rgba(15, 30, 45, .07),
    0 14px 32px rgba(15, 30, 45, .10);
  transition: transform .3s ease, box-shadow .3s ease;
}
.our-team .card:hover {
  transform: translateY(-6px);
  box-shadow:
    0 8px 18px rgba(15, 30, 45, .11),
    0 22px 46px rgba(15, 30, 45, .16);
}

/* ── Image ──────────────────────────────────────── */

.afro-tour-card__img-link {
  display: block;
  text-decoration: none;
  color: inherit;
}

.afro-tour-card__img-wrap {
  position: relative;
  height: 310px;
  overflow: hidden;
}

.afro-tour-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  transition: transform .35s ease;
}

.afro-tour-card:hover .afro-tour-card__img {
  transform: scale(1.035);
}

/* Gradient overlay */
.afro-tour-card__overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(5, 13, 20, .88) 0%,
      rgba(5, 13, 20, .55) 42%,
      rgba(5, 13, 20, .08) 78%,
      transparent 100%
    );
  pointer-events: none;
  z-index: 1;
}

/* Badge */
.afro-tour-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 3;
  background: #075B3A;
  color: #FFFEFB;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .5px;
  padding: 6px 14px;
  border-radius: 6px;
  text-transform: uppercase;
  line-height: 1;
  box-shadow: 0 2px 8px rgba(0,0,0,.15);
}

/* Title overlay */
.afro-tour-card__title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 24px 26px;
  margin: 0;
}

.afro-tour-card__title a {
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: clamp(24px, 2.6vw, 34px);
  line-height: 1.15;
  color: #FFFEFB;
  text-decoration: none;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .35);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.afro-tour-card__title a:hover {
  color: #B99455;
}

/* ── Card body ──────────────────────────────────── */

.afro-tour-card__body {
  padding: 24px 26px 26px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Price row */
.afro-tour-card__price-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.afro-tour-card__price {
  display: flex;
  align-items: baseline;
  gap: 6px;
  flex-wrap: wrap;
}

.afro-tour-card__price-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #515A5B;
}

.afro-tour-card__price-amount {
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(26px, 2.4vw, 32px);
  font-weight: 800;
  color: #075B3A;
  line-height: 1;
}

.afro-tour-card__price-unit {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14px;
  color: #8896A0;
}

.afro-tour-card__price-amount--quote {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #075B3A;
  letter-spacing: -0.2px;
  line-height: 1;
}

.afro-tour-card__duration {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #515A5B;
  display: flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
  flex-shrink: 0;
}

.afro-tour-card__duration i {
  color: #B99455;
  font-size: 16px;
}

/* Meta row */
.afro-tour-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  color: #515A5B;
}

.afro-tour-card__meta-item {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.afro-tour-card__meta-item--bold {
  font-weight: 600;
  color: #20201D;
}

.afro-tour-card__meta-item i {
  color: #B99455;
  font-size: 15px;
}

.afro-tour-card__meta-sep {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #C5C9CE;
  flex-shrink: 0;
}

/* Description */
.afro-tour-card__desc {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  color: #515A5B;
  margin: 0;
  flex: 1;
}

/* CTA */
.afro-tour-card__cta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #FFFEFB;
  background: #075B3A;
  border: none;
  border-radius: 9px;
  padding: 15px 28px;
  min-height: 52px;
  text-decoration: none;
  transition: background .25s, transform .2s, box-shadow .25s;
  margin-top: auto;
  width: 100%;
  justify-content: center;
}

.afro-tour-card__cta:hover {
  background: #064a30;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(7, 91, 58, .25);
  color: #FFFEFB;
}

.afro-tour-card__cta:focus-visible {
  outline: 3px solid #B99455;
  outline-offset: 3px;
}

.afro-tour-card__cta svg {
  transition: transform .25s ease;
}

.afro-tour-card__cta:hover svg {
  transform: translateX(4px);
}

.afro-tour-card__cta--inline {
  display: inline-flex;
  width: auto;
  min-width: 180px;
}

/* ── Pagination ─────────────────────────────────── */

.afro-tour-pagination {
  margin-top: 48px;
  max-width: 1760px;
  margin-left: auto;
  margin-right: auto;
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Medium desktop / tablet (≤ 1199px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1199.98px) {
  .afro-tour-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .afro-tour-grid--related {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .afro-tour-card__img-wrap {
    height: 280px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (≤ 767px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767.98px) {
  .afro-tour-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }

  .afro-tour-grid--related {
    grid-template-columns: 1fr;
  }

  .afro-tour-card__img-wrap {
    height: 260px;
  }

  .afro-tour-card__title {
    padding: 20px;
  }

  .afro-tour-card__title a {
    font-size: clamp(22px, 4vw, 28px);
  }

  .afro-tour-card__body {
    padding: 20px 22px 22px;
    gap: 14px;
  }

  .afro-tour-card__price-amount {
    font-size: clamp(24px, 4vw, 28px);
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (≤ 639px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 639.98px) {
  .afro-tour-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .afro-tour-grid--related {
    grid-template-columns: 1fr;
  }

  .afro-tour-card__img-wrap {
    height: 250px;
  }

  .afro-tour-card__title {
    padding: 18px 20px;
  }

  .afro-tour-card__title a {
    font-size: clamp(22px, 5.5vw, 28px);
  }

  .afro-tour-card__body {
    padding: 18px 20px 22px;
    gap: 12px;
  }

  .afro-tour-card__price-amount {
    font-size: clamp(24px, 6vw, 30px);
  }

  .afro-tour-card__cta {
    min-height: 48px;
    padding: 12px 20px;
    font-size: 15px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Small mobile (≤ 430px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 430px) {
  .afro-tour-card__img-wrap {
    height: 230px;
  }

  .afro-tour-card__title {
    padding: 16px;
  }

  .afro-tour-card__title a {
    font-size: 22px;
  }

  .afro-tour-card__body {
    padding: 16px 18px 20px;
    gap: 10px;
  }

  .afro-tour-card__price-label {
    font-size: 14px;
  }

  .afro-tour-card__price-amount {
    font-size: 24px;
  }

  .afro-tour-card__price-unit {
    font-size: 13px;
  }

  .afro-tour-card__desc {
    font-size: 14px;
  }

  .afro-tour-card__meta {
    font-size: 14px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Very small mobile (≤ 360px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 360px) {
  .afro-tour-card__img-wrap {
    height: 210px;
  }

  .afro-tour-card__title a {
    font-size: 20px;
  }

  .afro-tour-card__body {
    padding: 14px 16px 18px;
  }
}

/* ── Reduced motion ─────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .afro-tour-card {
    transition: none !important;
  }
  .afro-tour-card__img {
    transition: none !important;
  }
  .afro-tour-card__cta {
    transition: none !important;
  }
  .afro-tour-card__cta svg {
    transition: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   LATEST BLOG POSTS — homepage image-card section
   Full-width light-gray band, 3-up responsive grid, photo cards with
   overlaid serif titles and a single left-aligned "All Blog Posts" CTA.
   ══════════════════════════════════════════════════════════════════════ */

.latest-blog-section {
  background: #f3f3f3;
  padding: 70px 40px 90px;
}

.latest-blog-container {
  width: 100%;
  max-width: 1840px;
  margin-inline: auto;
}

/* ── Heading ────────────────────────────────────── */

.latest-blog-heading {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 700;
  font-size: clamp(28px, 2.8vw, 40px);
  line-height: 1.15;
  color: #35414D;
  margin: 0 0 36px;
  text-align: center;
}

/* ── Grid ───────────────────────────────────────── */

.latest-blog-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 1023.98px) {
  .latest-blog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767.98px) {
  .latest-blog-grid {
    grid-template-columns: 1fr;
  }
}

/* ── Card ───────────────────────────────────────── */

.blog-card {
  position: relative;
  min-width: 0;
  height: 300px;
  overflow: hidden;
  border-radius: 7px;
  border: 1px solid rgba(53, 65, 77, 0.08);
  background: #d8d8d8;
  box-shadow:
    0 2px 5px rgba(15, 30, 45, 0.10),
    0 7px 16px rgba(15, 30, 45, 0.14);
  transition: transform 250ms ease, box-shadow 250ms ease;
}

.blog-card-link {
  display: block;
  height: 100%;
}

.blog-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform 350ms ease;
}

/* Dark gradient overlay — top stays visible, bottom carries the title */
.blog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to bottom,
      rgba(5, 10, 15, 0.05) 15%,
      rgba(5, 10, 15, 0.25) 42%,
      rgba(5, 10, 15, 0.88) 100%
    );
  pointer-events: none;
  transition: opacity 350ms ease;
}

/* ── Overlaid title ─────────────────────────────── */

.blog-card-title {
  position: absolute;
  z-index: 2;
  left: 32px;
  right: 28px;
  bottom: 32px;
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.8rem, 2.2vw, 2.45rem);
  line-height: 1.14;
  font-weight: 700;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.85),
    0 0 8px rgba(0, 0, 0, 0.35);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ── Hover / focus ──────────────────────────────── */

.blog-card:hover img,
.blog-card:focus-within img {
  transform: scale(1.04);
}

.blog-card:hover::after,
.blog-card:focus-within::after {
  opacity: 1.18;
}

.blog-card:hover,
.blog-card:focus-within {
  transform: translateY(-3px);
  box-shadow:
    0 4px 9px rgba(15, 30, 45, 0.13),
    0 12px 24px rgba(15, 30, 45, 0.20);
}

.blog-card:focus-within {
  outline: 3px solid #087f9e;
  outline-offset: 3px;
}

/* ── All Blog Posts button ──────────────────────── */

.all-blog-posts-button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 60px;
  padding: 0 32px;
  margin-top: 62px;
  background: #fff;
  color: #087f9e;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(15, 30, 45, 0.14);
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: background 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}

.all-blog-posts-button svg {
  flex-shrink: 0;
}

.all-blog-posts-button:hover {
  background: #fafafa;
  color: #06657e;
  transform: translateY(-1px);
  box-shadow: 0 5px 14px rgba(15, 30, 45, 0.18);
}

.all-blog-posts-button:focus-visible {
  outline: 3px solid #087f9e;
  outline-offset: 3px;
}

/* ── Empty state ────────────────────────────────── */

.latest-blog-empty {
  grid-column: 1 / -1;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 18px;
  color: #5a6570;
  margin: 0;
}

/* ── Responsive ─────────────────────────────────── */

@media (max-width: 767.98px) {
  .latest-blog-section {
    padding: 48px 18px 64px;
  }

  .latest-blog-heading {
    margin-bottom: 26px;
  }

  .blog-card {
    height: 280px;
  }

  .blog-card-title {
    left: 22px;
    right: 20px;
    bottom: 22px;
    font-size: clamp(1.75rem, 6.4vw, 2rem);
  }

  .all-blog-posts-button {
    width: 100%;
    justify-content: center;
    margin-top: 40px;
  }
}

/* ── Reduced motion ─────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .blog-card,
  .blog-card img,
  .blog-card::after,
  .all-blog-posts-button {
    transition: none !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   FEATURED TOURS — SafariBookings-style refinement
   Wide container + refined card proportions. Only the home Featured
   Tours section uses these classes; blog/related cards keep the base.
   ══════════════════════════════════════════════════════════════════════ */

/* ── Section width — nearly full viewport ───────── */

.featured-tours-container {
  width: calc(100% - 80px);
  max-width: 1840px;
  margin-inline: auto;
}

.ft-head {
  margin-bottom: 28px;
}

/* Split head — title left, View All button right (destinations) */
.ft-head--split {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

/* ── Grid — authoritative 3 / 2 / 1 ─────────────── */

.featured-tours-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 1199.98px) {
  .featured-tours-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}

@media (max-width: 767.98px) {
  .featured-tours-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }

  .featured-tours-container {
    width: calc(100% - 40px);
  }
}

/* ── Card proportions ───────────────────────────── */

.afro-tour-card--refined {
  border-radius: 10px;
  box-shadow:
    0 2px 5px rgba(15, 30, 45, 0.10),
    0 8px 20px rgba(15, 30, 45, 0.12);
}

.afro-tour-card--refined:hover {
  transform: translateY(-4px);
  box-shadow:
    0 6px 14px rgba(15, 30, 45, 0.12),
    0 16px 32px rgba(15, 30, 45, 0.16);
}

/* Equal-height row: body stretches, footer sits on the baseline */
.afro-tour-card--refined .afro-tour-card__body {
  flex: 1;
  padding: 22px 24px 20px;
  gap: 12px;
}

/* ── Title over image — wraps up to 3 lines, no ellipsis ── */

.afro-tour-card--refined .afro-tour-card__title {
  padding: 18px 22px;
  font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  font-size: clamp(1.75rem, 2vw, 2.25rem);
  line-height: 1.12;
  font-weight: 700;
}

.afro-tour-card--refined .afro-tour-card__title,
.afro-tour-card--refined .afro-tour-card__title a {
  color: #fff;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.55);
}

.afro-tour-card--refined .afro-tour-card__title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.afro-tour-card--refined .afro-tour-card__title {
  font-size: clamp(1.75rem, 2vw, 2.25rem);
  line-height: 1.12;
  font-weight: 700;
}

/* ── Wishlist (love) button — top-right of image ── */

.av-fav-btn {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 4;
  width: 52px;
  height: 52px;
  min-width: 44px;
  min-height: 44px;
  border-radius: 50%;
  border: none;
  background: #fff;
  color: #075B3A;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(15, 30, 45, 0.22);
  transition: transform .2s ease, box-shadow .2s ease, color .2s ease;
}

.av-fav-btn i {
  font-size: 22px;
  line-height: 1;
}

.av-fav-btn:hover {
  transform: scale(1.06);
  box-shadow: 0 6px 16px rgba(15, 30, 45, 0.28);
}

.av-fav-btn:focus-visible {
  outline: 3px solid #B99455;
  outline-offset: 2px;
}

.av-fav-btn[aria-pressed="true"] i {
  font-weight: 700;
}

.av-fav-btn[aria-pressed="true"] i:before {
  content: "\f67c"; /* ti-heart-filled */
}

@media (max-width: 767.98px) {
  .av-fav-btn {
    top: 10px;
    right: 10px;
    width: 46px;
    height: 46px;
  }
}

/* ── Body typography per reference hierarchy ────── */

.afro-tour-card--refined .afro-tour-card__price-amount {
  font-size: clamp(30px, 2vw, 34px);
}

.afro-tour-card--refined .afro-tour-card__price-unit {
  font-size: 17px;
}

.afro-tour-card__attrs {
  margin: 0;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 18px;
  line-height: 1.5;
  color: #515A5B;
}

.afro-tour-card--refined .afro-tour-card__desc {
  font-size: 17px;
  line-height: 1.5;
  margin: 0;
}

.afro-tour-card__desc .text-muted {
  color: #8896A0;
}

/* Small "View Tour →" link instead of the big button */
.afro-tour-card__more {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  align-self: flex-start;
  margin-top: auto;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #075B3A;
  text-decoration: none;
  padding: 4px 0;
}

.afro-tour-card__more svg {
  transition: transform .2s ease;
}

.afro-tour-card__more:hover {
  color: #B99455;
}

.afro-tour-card__more:hover svg {
  transform: translateX(4px);
}

.afro-tour-card__more:focus-visible {
  outline: 2px solid #B99455;
  outline-offset: 2px;
  border-radius: 4px;
}

/* ── Operator / trust footer ────────────────────── */

.afro-tour-card__foot {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid rgba(15, 30, 45, 0.08);
  background: #FCFBF8;
}

.afro-tour-card__foot img {
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex-shrink: 0;
}

.afro-tour-card__foot-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}

.afro-tour-card__foot-info strong {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #20201D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.afro-tour-card__foot-info span {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  color: #515A5B;
  letter-spacing: .2px;
}

.afro-tour-card__foot-info span .afro-tour-card__stars {
  color: #F0A500;
  letter-spacing: 2px;
}

/* ── "Explore All N Safari Tours" button below grid ── */

.ft-all-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 40px;
  min-height: 60px;
  padding: 0 30px;
  background: #FFFEFB;
  border: 1px solid rgba(15, 30, 45, 0.16);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(15, 30, 45, 0.08);
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #075B3A;
  text-decoration: none;
  transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}

.ft-all-btn svg {
  transition: transform .2s ease;
}

.ft-all-btn:hover {
  background: #F4F1EA;
  box-shadow: 0 4px 14px rgba(15, 30, 45, 0.12);
  transform: translateY(-2px);
  color: #05472E;
}

.ft-all-btn:hover svg {
  transform: translateX(4px);
}

.ft-all-btn:focus-visible {
  outline: 3px solid #B99455;
  outline-offset: 2px;
}

/* ══════════════════════════════════════════════════════════════════════
   HERO SEARCH POPOVERS — Start Date calendar + Travellers selector
   Both render at body level (outside the hero's overflow:hidden) and are
   positioned by JS under their field. Mobile: bottom sheets.
   ══════════════════════════════════════════════════════════════════════ */

.start-date-calendar,
.travelers-popover {
  position: absolute;
  width: 570px;
  background: #fff;
  color: #333;
  border: 1px solid #d8d8d8;
  border-radius: 0 0 2px 2px;
  box-shadow:
    0 3px 8px rgba(0, 0, 0, 0.18),
    0 12px 30px rgba(0, 0, 0, 0.12);
  z-index: 9999;
}

/* ======================================================================
   Tours Listing - Safari-style desktop layout
   ====================================================================== */

.sfb-listing-page {
  min-height: 100vh;
  background: #f4f6f7;
  color: #303741;
}

.sfb-container {
  width: 95%;
  max-width: 1840px;
  margin: 0 auto;
}

.sfb-breadcrumb {
  background: #fff;
  border-top: 1px solid rgba(24, 38, 52, 0.04);
  border-bottom: 1px solid #e4e8ec;
}

.sfb-breadcrumb .sfb-container {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  color: #4c5561;
}

.sfb-breadcrumb a {
  color: #0876a6;
  font-weight: 700;
  text-decoration: none;
}

.sfb-breadcrumb a:hover {
  color: #075b82;
  text-decoration: underline;
}

.sfb-main-wrap {
  padding: 32px 0 64px;
}

.sfb-layout {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.sfb-sidebar {
  flex: 0 0 430px;
  width: 430px;
}

@media (min-width: 992px) {
  .sfb-sidebar {
    position: sticky;
    top: 96px;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    padding-right: 4px;
  }
}

.sfb-filter-form {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.sfb-safari-panel,
.sfb-filter-section {
  background: #fff;
  border-radius: 4px;
}

.sfb-safari-panel {
  padding: 26px;
  border: 1px solid #e4c49b;
  box-shadow: 0 1px 0 rgba(130, 84, 38, 0.05);
}

.sfb-safari-panel h2 {
  margin: 0 0 24px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 36px;
  line-height: 1.08;
  font-weight: 700;
  color: #2f3338;
}

.sfb-safari-control {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 12px 14px;
  align-items: start;
  margin-top: 18px;
}

.sfb-safari-control__icon {
  margin-top: 17px;
  font-size: 28px;
  color: #c13d31;
}

.sfb-safari-field {
  position: relative;
  min-height: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  padding: 13px 48px 13px 17px;
  background: #fff;
  border: 1px solid #d9dee4;
  border-radius: 3px;
  color: #303741;
  text-align: left;
}

.sfb-safari-field--button {
  cursor: pointer;
}

.sfb-safari-field--button:hover,
.sfb-safari-field--button:focus-visible {
  border-color: #0876a6;
  box-shadow: 0 0 0 3px rgba(8, 118, 166, 0.12);
  outline: none;
}

.sfb-safari-field__label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  line-height: 1.2;
  color: #7d8791;
  letter-spacing: .01em;
}

.sfb-safari-field__value,
.sfb-safari-field__input {
  width: 100%;
  margin-top: 5px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #252b31;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.22;
}

.sfb-safari-field__input {
  pointer-events: none;
}

.sfb-safari-field__input::placeholder {
  color: #5a626b;
  opacity: 1;
}

.sfb-safari-field__remove,
.sfb-safari-field .isax-arrow-right-3 {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #8b949e;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
}

.sfb-safari-field__remove:hover {
  color: #c13d31;
}

.sfb-add-link {
  grid-column: 2;
  color: #0876a6;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}

.sfb-add-link:hover {
  color: #075b82;
  text-decoration: underline;
}

.sfb-filter-section {
  padding: 22px 24px;
  border: 1px solid #e2e6ea;
  box-shadow: 0 1px 0 rgba(24, 38, 52, 0.03);
}

.sfb-filter-section h3 {
  margin: 0 0 16px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 24px;
  line-height: 1.18;
  color: #2f3338;
}

.sfb-histogram {
  height: 86px;
  display: flex;
  align-items: flex-end;
  gap: 4px;
  padding: 10px 0 8px;
  border-bottom: 1px solid #e4e8ec;
}

.sfb-histogram span {
  flex: 1;
  min-width: 4px;
  background: linear-gradient(180deg, #75aeca 0%, #0876a6 100%);
  border-radius: 3px 3px 0 0;
  opacity: .85;
}

.sfb-range-stack {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}

.sfb-range-stack label {
  display: grid;
  gap: 7px;
  margin: 0;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 700;
  color: #68727d;
}

.sfb-range-stack input[type="range"] {
  width: 100%;
  accent-color: #0876a6;
}

.sfb-number-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
}

.sfb-number-pair input {
  width: 100%;
  min-height: 44px;
  border: 1px solid #d9dee4;
  border-radius: 3px;
  padding: 0 12px;
  color: #303741;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
}

.sfb-number-pair input:focus {
  border-color: #0876a6;
  box-shadow: 0 0 0 3px rgba(8, 118, 166, 0.12);
  outline: none;
}

.sfb-check-list {
  display: grid;
  gap: 11px;
}

.sfb-check-list--scroll {
  max-height: 260px;
  overflow-y: auto;
  padding-right: 4px;
}

.sfb-check-list label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #303741;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.35;
  cursor: pointer;
}

.sfb-check-list input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  accent-color: #0876a6;
}

.sfb-check-list span {
  min-width: 0;
  flex: 1;
}

.sfb-check-list em {
  flex: 0 0 auto;
  color: #7b8792;
  font-size: 13px;
  font-style: normal;
}

.sfb-filter-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.sfb-filter-actions button,
.sfb-filter-actions a {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 800;
  text-decoration: none;
}

.sfb-filter-actions button {
  border: 1px solid #0876a6;
  background: #0876a6;
  color: #fff;
}

.sfb-filter-actions a {
  border: 1px solid #cf4a3d;
  background: #fff;
  color: #cf4a3d;
}

.sfb-results {
  flex: 1 1 auto;
  min-width: 0;
}

.sfb-results-header {
  margin-bottom: 22px;
}

.sfb-results-header h1 {
  margin: 0 0 10px;
  max-width: 1100px;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(44px, 3.2vw, 56px);
  line-height: 1.05;
  font-weight: 700;
  color: #30343a;
}

.sfb-rating-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin-bottom: 16px;
  color: #3c454f;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
}

.sfb-stars {
  color: #e7aa19;
  letter-spacing: 1px;
  white-space: nowrap;
}

.sfb-rating-line a,
.sfb-results-info a {
  color: #0876a6;
  font-weight: 700;
  text-decoration: none;
}

.sfb-rating-line a:hover,
.sfb-results-info a:hover {
  text-decoration: underline;
}

.sfb-results-header p {
  max-width: 1200px;
  margin: 0;
  color: #48525d;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 22px;
  line-height: 1.64;
}

.sfb-selected-filters {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 24px 0 16px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  color: #4d5661;
}

.sfb-selected-filters > span:first-child {
  font-weight: 700;
}

.sfb-selected-chip {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  background: #fff;
  border: 1px solid #bfc8d1;
  border-radius: 3px;
  color: #303741;
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
}

.sfb-selected-chip b {
  color: inherit;
  font-size: 18px;
  line-height: 1;
}

.sfb-selected-chip:hover {
  color: #303741;
  border-color: #8e9aa6;
}

.sfb-selected-chip--blue {
  border-color: #0876a6;
  color: #075b82;
}

.sfb-selected-chip--clear {
  border-color: #cf4a3d;
  color: #cf4a3d;
}

.sfb-selected-chip--muted {
  color: #68727d;
  font-weight: 600;
}

.sfb-results-info {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
  color: #59636e;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
}

.sfb-results-info strong {
  color: #252b31;
  font-size: 17px;
}

.sfb-tour-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.sfb-tour-card {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dfe5eb;
  border-radius: 5px;
  box-shadow: 0 2px 8px rgba(23, 38, 52, 0.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.sfb-tour-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(23, 38, 52, 0.12);
}

.sfb-tour-card__full-link {
  position: absolute;
  inset: 0;
  z-index: 3;
  text-decoration: none;
}

.sfb-tour-card__image-wrap {
  position: relative;
  min-height: 340px;
  height: clamp(320px, 25vw, 430px);
  overflow: hidden;
  background: #202a32;
}

.sfb-tour-card__image-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .35s ease;
}

.sfb-tour-card:hover .sfb-tour-card__image-wrap img {
  transform: scale(1.035);
}

.sfb-tour-card__gradient {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 15%, rgba(0, 0, 0, 0.18) 55%, rgba(0, 0, 0, 0.88) 100%);
}

.sfb-tour-card__badge {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  background: #0876a6;
  color: #fff;
  border-radius: 2px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.sfb-tour-card__heart {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 4;
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #29313a;
  border: 0;
  border-radius: 50%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.18);
  cursor: pointer;
}

.sfb-tour-card__heart:hover,
.sfb-tour-card__heart.is-active {
  color: #cf4a3d;
}

.sfb-tour-card__image-wrap h2 {
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 22px;
  z-index: 2;
  margin: 0;
  color: #fff;
  font-family: 'Cormorant Garamond', serif;
  font-size: clamp(30px, 2.45vw, 44px);
  line-height: 1.05;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.45);
}

.sfb-tour-card__body {
  padding: 22px;
}

.sfb-tour-card__meta-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px 18px;
}

.sfb-tour-card__meta-grid div {
  min-width: 0;
}

.sfb-tour-card__meta-grid span,
.sfb-tour-card__operator span,
.sfb-tour-card__price span,
.sfb-tour-card__rating span {
  display: block;
  color: #727d88;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  line-height: 1.3;
}

.sfb-tour-card__meta-grid strong,
.sfb-tour-card__operator strong {
  display: block;
  margin-top: 3px;
  color: #2f363e;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.35;
  font-weight: 800;
}

.sfb-tour-card__operator {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid #edf0f2;
}

.sfb-tour-card__operator img {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 50%;
  object-fit: contain;
  background: #f6f7f8;
}

.sfb-tour-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 20px;
}

.sfb-tour-card__rating strong {
  color: #27313b;
  font-size: 16px;
}

.sfb-tour-card__price {
  text-align: right;
  white-space: nowrap;
}

.sfb-tour-card__price strong {
  color: #252b31;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 27px;
  line-height: 1;
  font-weight: 900;
}

.sfb-tour-card__price em {
  color: #727d88;
  font-size: 13px;
  font-style: normal;
}

.sfb-tour-card__cta {
  position: relative;
  z-index: 4;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 18px;
  background: #0876a6;
  color: #fff;
  border-radius: 3px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
}

.sfb-tour-card__cta:hover {
  background: #075b82;
  color: #fff;
}

.sfb-empty-results {
  grid-column: 1 / -1;
  padding: 70px 24px;
  background: #fff;
  border: 1px solid #dfe5eb;
  border-radius: 5px;
  text-align: center;
}

.sfb-empty-results h2 {
  margin: 0 0 10px;
  font-family: 'Cormorant Garamond', serif;
  color: #30343a;
}

.sfb-empty-results p {
  margin: 0 0 18px;
  color: #5d6873;
}

.sfb-empty-results a {
  color: #0876a6;
  font-weight: 800;
}

.sfb-results {
  position: relative;
}

/* Anchor jumps / pagination scrolls land below the sticky header */
#sfb-results-start {
  scroll-margin-top: 125px;
}

/* Grid layout keeps the numeric group perfectly centred regardless of the
   Prev/Next button widths (hidden children don't occupy grid cells). */
.sfb-pagination {
  display: grid;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  gap: 14px;
  margin: 62px 0;
}

.sfb-pagination > .sfb-page-btn--wide:first-child { justify-self: start; }
.sfb-pagination > .sfb-page-btn--wide:last-child { justify-self: end; }

.sfb-pagination__pages {
  justify-self: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}

/* Compact "Page X of Y" summary — mobile only */
.sfb-pagination__summary {
  display: none;
}

.sfb-page-btn {
  min-width: 52px;
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 12px;
  background: #fff;
  border: 1px solid #dfe5eb;
  border-radius: 3px;
  box-shadow: 0 1px 4px rgba(23, 38, 52, 0.07);
  color: #0876a6;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 800;
  text-decoration: none;
  transition: border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.sfb-page-btn--wide {
  min-width: 128px;
  padding: 0 20px;
}

.sfb-page-btn:hover {
  border-color: #0876a6;
  color: #075b82;
  box-shadow: 0 3px 10px rgba(23, 38, 52, 0.12);
}

.sfb-page-btn:focus-visible {
  outline: 3px solid #0876a6;
  outline-offset: 2px;
}

.sfb-page-btn.is-active,
.sfb-page-btn.is-active:hover {
  background: #cf4a3d;
  border-color: #cf4a3d;
  color: #fff;
  cursor: default;
  box-shadow: none;
}

.sfb-page-btn.is-disabled {
  color: #aab4be;
  border-color: #e8ecf0;
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}

.sfb-page-ellipsis {
  min-width: 30px;
  text-align: center;
  color: #8b959f;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.sfb-results.is-loading::after {
  content: "";
  position: absolute;
  inset: -24px 0 -60px;
  background: rgba(244, 246, 247, 0.75);
  z-index: 40;
}

.sfb-results.is-loading::before {
  content: "";
  position: absolute;
  top: 130px;
  left: 50%;
  z-index: 41;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 4px solid rgba(8, 118, 166, 0.22);
  border-top-color: #0876a6;
  border-radius: 50%;
  animation: sfb-spin .8s linear infinite;
}

@keyframes sfb-spin {
  to { transform: rotate(360deg); }
}

body.sfb-page-transition {
  pointer-events: none;
  cursor: progress;
}

@media (max-width: 1199.98px) {
  .sfb-pagination {
    grid-template-columns: auto 1fr auto;
    gap: 16px;
  }

  .sfb-page-btn--wide {
    min-width: 112px;
  }

  .sfb-pagination__pages {
    gap: 6px;
  }
}

@media (max-width: 767.98px) {
  .sfb-pagination {
    grid-template-columns: 1fr auto 1fr;
    gap: 10px;
    margin: 35px 0 45px;
  }

  .sfb-pagination__pages--desktop {
    display: none;
  }

  .sfb-pagination__summary {
    display: block;
    justify-self: center;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 600;
    color: #4f5964;
    font-family: 'Montserrat', 'Inter', sans-serif;
  }

  .sfb-page-btn {
    min-width: 46px;
    min-height: 48px;
    font-size: 16px;
  }

  .sfb-page-btn--wide {
    min-width: 96px;
    padding: 0 16px;
  }

  .sfb-page-btn__word {
    display: none;
  }

  .sfb-page-btn--wide {
    gap: 0;
  }
}

@media (max-width: 400.98px) {
  .sfb-page-btn {
    min-width: 42px;
    min-height: 44px;
    padding: 0 8px;
  }

  .sfb-page-btn--wide {
    min-width: 78px;
  }

  .sfb-pagination {
    gap: 10px;
  }
}

.sfb-ranking-note {
  margin: 22px 0 0;
  color: #68727d;
  font-size: 14px;
}

.sfb-category-section {
  display: grid;
  grid-template-columns: minmax(220px, 360px) minmax(0, 1fr);
  gap: 24px;
  align-items: center;
  margin-top: 28px;
  padding: 24px;
  background: #fff;
  border: 1px solid #e2e6ea;
  border-radius: 5px;
}

.sfb-category-section img {
  width: 100%;
  border-radius: 4px;
}

.sfb-category-section h2 {
  font-family: 'Cormorant Garamond', serif;
  color: #30343a;
}

.sfb-mobile-filter-toggle,
.sfb-sidebar__mobile-head,
.sfb-drawer-backdrop {
  display: none;
}

body.sfb-filter-lock {
  overflow: hidden;
}

@media (max-width: 1399.98px) {
  .sfb-layout {
    gap: 24px;
  }

  .sfb-sidebar {
    flex-basis: 360px;
    width: 360px;
  }

  .sfb-safari-panel,
  .sfb-filter-section {
    padding: 22px;
  }

  .sfb-tour-card__image-wrap {
    min-height: 310px;
  }
}

@media (max-width: 1199.98px) and (min-width: 992px) {
  .sfb-sidebar {
    flex-basis: 320px;
    width: 320px;
  }

  .sfb-tour-grid {
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  }

  .sfb-results-header h1 {
    font-size: 42px;
  }
}

@media (max-width: 991.98px) {
  .sfb-main-wrap {
    padding-top: 20px;
  }

  .sfb-layout {
    display: block;
  }

  .sfb-mobile-filter-toggle {
    min-height: 46px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    padding: 0 16px;
    background: #0876a6;
    color: #fff;
    border: 0;
    border-radius: 3px;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-weight: 900;
  }

  .sfb-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 10550;
    width: min(430px, calc(100vw - 32px));
    max-width: none;
    padding: 18px;
    overflow-y: auto;
    background: #f4f6f7;
    transform: translateX(-105%);
    transition: transform .25s ease;
    box-shadow: 12px 0 28px rgba(0, 0, 0, 0.22);
  }

  .sfb-sidebar.is-open {
    transform: translateX(0);
  }

  .sfb-sidebar__mobile-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    color: #30343a;
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px;
  }

  .sfb-sidebar__mobile-head button {
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #d9dee4;
    border-radius: 50%;
    color: #30343a;
    font-size: 26px;
    line-height: 1;
  }

  .sfb-drawer-backdrop:not([hidden]) {
    position: fixed;
    inset: 0;
    z-index: 10540;
    display: block;
    background: rgba(9, 18, 26, 0.48);
  }

  .sfb-tour-grid {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  }

  .sfb-results-header h1 {
    font-size: clamp(34px, 8vw, 46px);
  }

  .sfb-results-header p {
    font-size: 18px;
  }
}

@media (max-width: 767.98px) {
  .sfb-container {
    width: calc(100% - 28px);
  }

  .sfb-breadcrumb .sfb-container {
    min-height: 50px;
    overflow-x: auto;
    white-space: nowrap;
  }

  .sfb-safari-panel h2 {
    font-size: 31px;
  }

  .sfb-results-header p {
    font-size: 17px;
    line-height: 1.55;
  }

  .sfb-tour-grid {
    grid-template-columns: 1fr;
  }

  .sfb-tour-card__image-wrap {
    min-height: 270px;
    height: 70vw;
    max-height: 360px;
  }

  .sfb-tour-card__image-wrap h2 {
    left: 18px;
    right: 18px;
    bottom: 18px;
    font-size: clamp(28px, 8vw, 36px);
  }

  .sfb-tour-card__body {
    padding: 18px;
  }

  .sfb-tour-card__meta-grid,
  .sfb-category-section {
    grid-template-columns: 1fr;
  }

  .sfb-tour-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .sfb-tour-card__price {
    text-align: left;
  }
}

.travelers-popover {
  width: 510px;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.18),
    0 14px 30px rgba(0, 0, 0, 0.12);
}

/* Top pointer triangle */
.popover-pointer {
  position: absolute;
  top: -9px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
}

.popover-pointer::before {
  content: "";
  position: absolute;
  left: -10px;
  top: 1px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #d8d8d8;
  z-index: -1;
}

/* ── Slim gray headers ──────────────────────────── */

.sdc-header,
.tp-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  background: #f4f4f4;
  border-bottom: 1px solid #e2e2e2;
}

.tp-header {
  min-height: 48px;
}

.sdc-title,
.tp-title {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #35414D;
}

/* Dark square close button */
.popover-close {
  position: absolute;
  top: 7px;
  right: 7px;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #35414D;
  color: #fff;
  border: none;
  border-radius: 2px;
  cursor: pointer;
}

.popover-close:hover {
  background: #24303b;
}

.popover-close:focus-visible {
  outline: 3px solid #087f9e;
  outline-offset: 2px;
}

/* ── Calendar: month navigation ─────────────────── */

.sdc-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px;
  min-height: 74px;
}

.sdc-month {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #22292F;
}

.sdc-nav-btn {
  width: 72px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  cursor: pointer;
  color: #067A62;
  transition: background .2s ease;
}

.sdc-nav-btn--next {
  color: #067A62;
}

.sdc-nav-btn:hover:not(:disabled) {
  background: #f4f4f4;
}

.sdc-nav-btn:disabled {
  color: #c3c3c3;
  cursor: not-allowed;
}

.sdc-nav-btn:focus-visible {
  outline: 3px solid #087f9e;
  outline-offset: 2px;
}

/* ── Calendar: weekday header ───────────────────── */

.sdc-weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  background: #f4f4f4;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.sdc-weekdays span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 55px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 19px;
  font-weight: 700;
  color: #35414D;
  border-right: 1px solid #e6e6e6;
}

.sdc-weekdays span:last-child {
  border-right: none;
}

/* ── Calendar: day grid ─────────────────────────── */

.calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.calendar-day {
  position: relative;
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 20px;
  background: #eef8fa;
  color: #007c9d;
  border: 1px solid #d5d5d5;
  margin: -1px 0 0 -1px;
  cursor: pointer;
  overflow: hidden;
  transition: background .15s ease;
}

.calendar-day:hover:not(:disabled):not(.is-selected) {
  background: #d9eff5;
}

.calendar-day:focus-visible {
  outline: 3px solid #087f9e;
  outline-offset: -3px;
  z-index: 2;
}

.calendar-day.is-today {
  box-shadow: inset 0 0 0 2px #007c9d;
  font-weight: 700;
}

.calendar-day.is-selected,
.calendar-day.is-selected:hover {
  background: #0B6B4F;
  color: #fff;
  font-weight: 700;
  box-shadow: none;
}

/* Past dates — muted with a thin red diagonal slash */
.calendar-day.is-past {
  background: #fafafa;
  color: #b9b9b9;
  cursor: not-allowed;
}

.calendar-day.is-past::after {
  content: "";
  position: absolute;
  left: -5%;
  top: 50%;
  width: 110%;
  height: 1px;
  background: rgba(220, 80, 80, 0.65);
  transform: rotate(-29deg);
  transform-origin: center;
  pointer-events: none;
}

/* ── Calendar: flexible footer ──────────────────── */

.sdc-flex {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 76px;
  padding: 12px 24px;
  background: #fff;
  border-top: 1px solid #e2e2e2;
  cursor: pointer;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 22px;
  color: #33393F;
}

.sdc-flex input[type="checkbox"] {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  accent-color: #0B6B4F;
  cursor: pointer;
}

/* ── Travellers popover rows ────────────────────── */

.tp-rows {
  padding: 26px 28px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.tp-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.tp-row__text {
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.tp-row__label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 26px;
  font-weight: 500;
  color: #22292F;
}

.tp-row__age {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 20px;
  color: #8a9096;
}

.tp-counter {
  display: flex;
  flex-shrink: 0;
  width: 174px;
  height: 58px;
}

.tp-counter__btn {
  width: 57px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #eef8fa;
  color: #067A62;
  border: 1px solid #d8d8d8;
  cursor: pointer;
  transition: background .15s ease;
}

.tp-counter__btn:first-child {
  border-radius: 2px 0 0 2px;
}

.tp-counter__btn--plus {
  border-radius: 0 2px 2px 0;
}

.tp-counter__btn:hover:not(:disabled) {
  background: #d9eff5;
}

.tp-counter__btn:focus-visible {
  outline: 3px solid #087f9e;
  outline-offset: 1px;
  z-index: 1;
}

.tp-counter__btn:disabled {
  background: #efefef;
  color: #b5b5b5;
  cursor: not-allowed;
}

.tp-counter__value {
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #d8d8d8;
  border-left: none;
  border-right: none;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 27px;
  font-weight: 700;
  color: #22292F;
}

/* ── Travellers footer + Done ───────────────────── */

.tp-footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 30px 30px;
}

.tp-done {
  min-width: 175px;
  min-height: 58px;
  background: #fff;
  color: #067A62;
  border: 1px solid #d8d8d8;
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(15, 30, 45, 0.12);
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 26px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .2s ease;
}

.tp-done:hover {
  background: #f6fbf9;
  transform: translateY(-1px);
}

.tp-done:focus-visible {
  outline: 3px solid #087f9e;
  outline-offset: 2px;
}

/* ── Travellers field clear/reset icon ──────────── */

.afro-travellers-reset {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #8a9096;
  border: none;
  border-radius: 50%;
  cursor: pointer;
}

.afro-travellers-reset:hover {
  background: #eef2f4;
  color: #35414D;
}

.afro-travellers-reset:focus-visible {
  outline: 2px solid #087f9e;
  outline-offset: 1px;
}

/* ── Mobile: bottom sheets ──────────────────────── */

@media (max-width: 767.98px) {

  .start-date-calendar,
  .travelers-popover {
    position: fixed;
    left: 50% !important;
    right: auto;
    bottom: 12px;
    top: auto !important;
    transform: translateX(-50%);
    width: calc(100% - 24px);
    max-width: 570px;
    max-height: calc(100vh - 24px);
    overflow-y: auto;
    border-radius: 4px 4px 0 0;
    z-index: 10500; /* above floating WhatsApp/email buttons */
  }

  .travelers-popover {
    max-width: 510px;
  }

  .popover-pointer {
    display: none;
  }

  .sdc-title,
  .tp-title {
    font-size: 21px;
  }

  .sdc-weekdays span {
    height: 44px;
    font-size: 15px;
  }

  .calendar-day {
    min-height: 44px;
    font-size: 16px;
  }

  .sdc-month {
    font-size: 22px;
  }

  .sdc-nav {
    min-height: 60px;
  }

  .sdc-nav-btn {
    width: 56px;
    height: 46px;
  }

  .sdc-flex {
    font-size: 17px;
    gap: 12px;
  }

  .sdc-flex input[type="checkbox"] {
    width: 22px;
    height: 22px;
  }

  /* Stack label above counter when tight */
  .tp-rows {
    padding: 20px 16px;
    gap: 20px;
  }

  .tp-row {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .tp-row__label {
    font-size: 21px;
  }

  .tp-row__age {
    font-size: 17px;
  }

  .tp-counter {
    width: 100%;
    max-width: 240px;
    margin-inline: auto;
  }

  .tp-counter__btn {
    width: 56px;
  }

  .tp-footer {
    padding: 0 16px 20px;
  }

  .tp-done {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {

  .calendar-day,
  .tp-counter__btn,
  .tp-done,
  .sdc-nav-btn {
    transition: none !important;
  }
}

/* ======================================================================
   Tours Listing - Safari-style FAQ section
   ====================================================================== */

.tours-faq-section {
  background: #fff;
  border-top: 1px solid #e4e8ec;
  padding: 92px 0;
}

.sfb-faq {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

@media (max-width: 1199.98px) {
  .sfb-faq__layout {
    gap: 48px;
  }
}

@media (max-width: 991.98px) {
  .tours-faq-section {
    padding: 56px 0;
  }
}

.sfb-faq__layout {
  display: flex;
  align-items: flex-start;
  gap: 70px;
}

.sfb-faq__panel {
  flex: 0 0 35%;
  max-width: 35%;
}

.sfb-faq__panel-inner {
  position: sticky;
  top: 104px;
  background: #fff;
  border: 1px solid #e2e6ea;
  border-radius: 5px;
  padding: 26px;
  box-shadow: 0 1px 4px rgba(23, 38, 52, 0.05);
}

.sfb-faq-expert {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-align: center;
}

.sfb-faq-expert__photo {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #f0dcbd;
}

.sfb-faq-expert__badge {
  margin-top: -6px;
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  background: #f7ead6;
  color: #96692c;
  border-radius: 999px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.sfb-faq-expert__name {
  color: #252b31;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 20px;
  line-height: 1.25;
}

.sfb-faq-expert p {
  margin: 0;
  color: #5d6873;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

.sfb-faq-expert a {
  color: #0876a6;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
}

.sfb-faq-expert a:hover {
  text-decoration: underline;
}

.sfb-faq-nav-wrap {
  margin-top: 24px;
  padding-top: 26px;
  border-top: 1px solid #edf0f2;
}

.sfb-faq-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.sfb-faq-nav a {
  display: grid;
  grid-template-columns: 38px 1fr;
  column-gap: 14px;
  align-items: start;
  color: #0876a6;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 19px;
  line-height: 1.45;
  font-weight: 700;
  text-decoration: none;
}

.sfb-faq-nav__num {
  flex: 0 0 auto;
  min-width: 26px;
  margin-right: 0;
  padding: 2px 9px;
  border-radius: 6px;
  background: #084d2a;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
}

.sfb-faq-nav a:hover .sfb-faq-nav__text {
  text-decoration: underline;
}

.sfb-faq-nav a.is-active .sfb-faq-nav__num {
  background: #0a6635;
  color: #ffffff;
}

@media (max-width: 767px) {
  .sfb-faq-nav {
    gap: 22px;
  }
}

.sfb-faq__content {
  flex: 1 1 auto;
  min-width: 0;
}

.sfb-faq__content h2 {
  margin: 0 0 14px;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: clamp(32px, 2.7vw, 46px);
  line-height: 1.12;
  color: #30343a;
}

.sfb-faq-answered {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 36px;
  color: #48525d;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
}

.sfb-faq-answered img {
  width: 38px;
  height: 38px;
  object-fit: cover;
  border-radius: 50%;
  border: 2px solid #f0dcbd;
}

.sfb-faq-answered strong {
  color: #252b31;
}

.sfb-faq-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sfb-faq-item {
  position: relative;
  padding-left: 76px;
  padding-bottom: 40px;
}

.sfb-faq-item:last-child {
  padding-bottom: 0;
}

/* connecting timeline segment below each badge */
.sfb-faq-item::before {
  content: "";
  position: absolute;
  left: 27px;
  top: 56px;
  bottom: -4px;
  width: 2px;
  background: #e2e6ea;
}

.sfb-faq-item:last-child::before {
  display: none;
}

.sfb-faq-item.is-active::before {
  background: #cf4a3d;
}

.sfb-faq-item__head {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  width: 100%;
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  text-align: left;
}

.sfb-faq-item__num {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 54px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #dfe5eb;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(23, 38, 52, 0.08);
  color: #252b31;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 800;
}

.sfb-faq-item.is-active .sfb-faq-item__num {
  background: #084d2a;
  border-color: #084d2a;
  color: #fff;
}

.sfb-faq-item__question {
  flex: 1 1 auto;
  min-width: 0;
  padding-top: 13px;
  color: #30343a;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 800;
}

.sfb-faq-item__toggle {
  display: none;
}

.sfb-faq-item__body {
  overflow: hidden;
}

.sfb-faq-item__answer {
  margin: 10px 0 0;
  color: #48525d;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 19px;
  line-height: 1.68;
}

@media (min-width: 992px) {
  .sfb-faq-item__head {
    cursor: default;
  }
}

/* ── Mobile / tablet: single column accordion ───── */

@media (max-width: 991.98px) {
  .sfb-faq {
    padding: 0;
  }

  .sfb-faq__layout {
    display: block;
  }

  .sfb-faq__panel,
  .sfb-faq__content {
    max-width: none;
  }

  .sfb-faq__panel-inner {
    position: static;
    padding: 20px;
    margin-bottom: 26px;
    box-shadow: none;
  }

  .sfb-faq-nav-wrap {
    display: none;
  }

  .sfb-faq-expert {
    flex-direction: row;
    align-items: center;
    gap: 14px;
    text-align: left;
  }

  .sfb-faq-expert__photo {
    width: 62px;
    height: 62px;
    border-width: 2px;
  }

  .sfb-faq-expert p,
  .sfb-faq-expert a {
    font-size: 14px;
  }

  .sfb-faq-expert__badge {
    order: 3;
    align-self: flex-start;
    margin-top: 0;
  }

  .sfb-faq-answered {
    margin-bottom: 24px;
    font-size: 15px;
  }

  .sfb-faq-item {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid #e2e6ea;
    border-radius: 5px;
  }

  .sfb-faq-item::before {
    display: none;
  }

  .sfb-faq-item.is-active::before {
    display: none;
  }

  .sfb-faq-item__head {
    padding: 16px;
    gap: 12px;
    cursor: pointer;
  }

  .sfb-faq-item__num {
    position: static;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    font-size: 17px;
  }

  .sfb-faq-item.is-active .sfb-faq-item__num {
    background: #cf4a3d;
    border-color: #cf4a3d;
    color: #fff;
  }

  .sfb-faq-item__question {
    padding-top: 0;
    font-size: 18px;
    line-height: 1.4;
  }

  .sfb-faq-item__toggle {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid #dfe5eb;
    border-radius: 50%;
    color: #0876a6;
    background: #fff;
  }

  .sfb-faq-item__toggle .tg-minus {
    display: none;
  }

  .sfb-faq-item.is-open .sfb-faq-item__toggle .tg-plus {
    display: none;
  }

  .sfb-faq-item.is-open .sfb-faq-item__toggle .tg-minus {
    display: block;
  }

  .sfb-faq-item__body {
    max-height: 0;
    transition: max-height .35s ease;
  }

  .sfb-faq-item__answer {
    padding: 0 16px 18px;
    font-size: 17px;
    line-height: 1.6;
  }
}

/* ???????????????????????????????????????????????????????????????
   WHERE TO ? searchable destination selector (tours listing)
   ??????????????????????????????????????????????????????????????? */

.sfb-whereto {
  position: relative;
  display: block;
}

.sfb-whereto__field {
  cursor: text;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.sfb-whereto__field:focus-within,
.sfb-whereto__field.is-active {
  border-color: #0876a6;
  box-shadow: 0 0 0 3px rgba(8, 118, 166, 0.14);
}

.sfb-safari-field__input.sfb-whereto__input {
  border: 0;
  outline: none;
  background: transparent;
  padding: 0;
  width: calc(100% - 30px);
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #303741;
}

.sfb-whereto__input::placeholder {
  color: #a7b0ba;
  font-weight: 500;
}

.sfb-whereto__affix {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 26px;
}

.sfb-whereto__search {
  color: #98a1ab;
  pointer-events: none;
}

.sfb-whereto__remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #eef1f4;
  color: #5c6770;
  cursor: pointer;
  transition: background .15s ease, color .15s ease;
}

.sfb-whereto__remove:hover {
  background: #fdecea;
  color: #cf4a3d;
}

/* ?? Show Tours submit button ?? */

.sfb-show-tours {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  min-height: 52px;
  margin-top: 22px;
  padding: 0 18px;
  background: #0876a6;
  color: #fff;
  border: 0;
  border-radius: 4px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, transform .1s ease;
}

.sfb-show-tours b {
  font-weight: 800;
}

.sfb-show-tours:hover {
  background: #075b82;
}

.sfb-show-tours:active {
  transform: scale(0.985);
}

/* ?? Dropdown panel (rendered at body level) ?? */

.wt-dropdown {
  position: absolute;
  z-index: 10560;
  background: #fff;
  border: 1px solid #e3e8ed;
  border-radius: 6px;
  box-shadow: 0 18px 44px rgba(15, 30, 45, 0.18);
  overflow: visible;
}

.wt-pointer {
  top: -7px !important;
}

.wt-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 8px 52px;
  background: #f4f6f7;
  border-bottom: 1px solid #e9edf1;
  border-radius: 6px 6px 0 0;
  color: #6b7580;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13.5px;
}

.wt-header .popover-close {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #30343a;
  color: #fff;
  cursor: pointer;
}

.wt-header .popover-close:hover {
  background: #17191d;
}

.wt-results {
  max-height: 470px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 6px 0;
}

.wt-item {
  display: block;
  width: 100%;
  padding: 11px 22px;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  font-family: 'Montserrat', 'Inter', sans-serif;
  transition: background .12s ease;
}

.wt-item + .wt-item {
  border-top: 1px solid #f0f3f6;
}

.wt-item strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: #0876a6;
  line-height: 1.35;
}

.wt-item__sub {
  display: block;
  margin-top: 2px;
  font-size: 13.5px;
  color: #8a939e;
}

.wt-item:hover,
.wt-item.is-highlighted {
  background: #f2f9fc;
}

.wt-item mark {
  background: #fdf0d5;
  color: inherit;
  border-radius: 2px;
  padding: 0 1px;
}

.wt-state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px 20px;
  color: #8a939e;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 15px;
}

.wt-spinner {
  width: 18px;
  height: 18px;
  border: 2.5px solid #dfe5eb;
  border-top-color: #0876a6;
  border-radius: 50%;
  animation: wt-spin .7s linear infinite;
}

@keyframes wt-spin {
  to { transform: rotate(360deg); }
}

/* ?? Mobile: full-width panel under the field ?? */

@media (max-width: 767.98px) {
  .wt-dropdown {
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    box-shadow: 0 24px 54px rgba(15, 30, 45, 0.28);
  }

  .wt-results {
    max-height: 56vh;
  }

  .wt-item {
    padding: 14px 18px;
  }

  .wt-item strong {
    font-size: 17px;
  }

  .wt-item__sub {
    font-size: 14px;
  }
}


/* ═══════════════════════════════════════════════════════════════════════
   TOUR DETAILS PAGE (tours.show) — SafariBookings-style marketplace layout
   ═══════════════════════════════════════════════════════════════════════ */

.td-page {
  background: #f4f6f7;
  font-family: 'Montserrat', 'Inter', sans-serif;
  color: #303741;
}

.td-container {
  width: 84%;
  max-width: 1840px;
  margin: 0 auto;
}

/* ── 1. Breadcrumb ── */
.td-breadcrumb {
  background: #fff;
  border-bottom: 1px solid #e9edf1;
  padding: 14px 0;
}
.td-breadcrumb__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.td-breadcrumb__list a { color: #0876a6; text-decoration: none; }
.td-breadcrumb__list a:hover { text-decoration: underline; }
.td-breadcrumb__sep { color: #b5bec7; }
.td-breadcrumb__current { color: #8a939e; }

/* ── 2. Hero ── */
.td-hero {
  position: relative;
  width: 100%;
}
.td-hero__img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  display: block;
}
.td-hero__shade {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(12,20,28,0.78) 0%, rgba(12,20,28,0.42) 42%, rgba(12,20,28,0.05) 78%),
              linear-gradient(0deg, rgba(12,20,28,0.82) 0%, rgba(12,20,28,0) 55%);
}
.td-hero__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding-bottom: 28px;
}
.td-hero__title {
  font-family: 'Cormorant Garamond', serif;
  color: #fff;
  font-size: clamp(32px, 4.2vw, 58px);
  font-weight: 700;
  line-height: 1.12;
  margin: 0 0 8px;
  max-width: 80%;
  text-shadow: 0 2px 12px rgba(0,0,0,0.35);
}
.td-hero__offered {
  color: rgba(255,255,255,0.88);
  font-size: 15px;
  margin: 0 0 6px;
}
.td-hero__rating { display: flex; align-items: center; gap: 10px; }
.td-hero__score { color: #fff; font-weight: 700; font-size: 15px; }
.td-hero__reviews { color: #fff; font-size: 14px; text-decoration: underline; }

/* Wishlist heart */
.td-wishlist {
  position: absolute;
  top: 18px;
  right: max(18px, calc((100% - 1840px) / 2 + 18px));
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;
  background: rgba(255,255,255,0.92);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,0.22);
  z-index: 5;
}
.td-wishlist__heart { width: 22px; height: 22px; fill: #c13d31; stroke: #c13d31; stroke-width: 1.4; }
.td-wishlist.is-active .td-wishlist__heart { fill: #cf4a3d; }
.td-wishlist__count {
  position: absolute;
  top: -4px;
  right: -4px;
  background: #cf4a3d;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  min-width: 18px;
  height: 18px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  border: 2px solid #fff;
}

/* ── 3. Sticky tabs ── */
.td-tabsbar {
  position: sticky;
  top: var(--td-sticky-top, 72px);
  z-index: 1030;
  background: #fff;
  border-bottom: 1px solid #e3e8ed;
  box-shadow: 0 4px 14px rgba(15,30,45,0.0);
  transition: box-shadow .2s ease;
}
.td-tabsbar.is-stuck { box-shadow: 0 6px 18px rgba(15,30,45,0.12); }
.td-tabsbar__inner { display: flex; align-items: center; justify-content: space-between; min-height: 56px; gap: 14px; }
.td-tabs { display: flex; align-items: stretch; overflow-x: auto; scrollbar-width: none; }
.td-tabs::-webkit-scrollbar { display: none; }
.td-tab {
  position: relative;
  white-space: nowrap;
  padding: 0 20px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  font-size: 15px;
  font-weight: 600;
  color: #5b6770;
  text-decoration: none;
  border-right: 1px solid #eef1f4;
}
.td-tab:last-child { border-right: none; }
.td-tab:hover { color: #0876a6; }
.td-tab.is-active { color: #0876a6; }
.td-tab.is-active::after {
  content: '';
  position: absolute;
  left: 14px; right: 14px; bottom: -1px;
  height: 3px;
  background: #0876a6;
  border-radius: 3px 3px 0 0;
}
.td-tabsbar__cta { flex: 0 0 auto; }

/* ── Buttons ── */
.td-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-weight: 700;
  border: none;
  cursor: pointer;
  border-radius: 4px;
  text-decoration: none;
}
.td-btn--quote { background: #0876a6; color: #fff; padding: 12px 22px; font-size: 15px; transition: background .2s ease, transform .1s ease; }
.td-btn--quote:hover { background: #075b82; color: #fff; }
.td-btn--xl { padding: 16px 30px; font-size: 17px; }
.td-btn--block { width: 100%; justify-content: center; }
.td-btn--ghost { background: #fff; color: #0876a6; border: 1px solid #0876a6; padding: 11px 18px; font-size: 14px; }
.td-btn--ghost:hover { background: #eaf4f9; }

/* ── 4. Layout ── */
.td-layout {
  display: grid;
  grid-template-columns: 68fr 32fr;
  gap: 28px;
  align-items: start;
  padding: 32px 0 10px;
}
.td-main { min-width: 0; }
.td-sidebar { min-width: 0; display: flex; flex-direction: column; gap: 22px; position: relative; isolation: isolate; }

.td-section { margin-bottom: 26px; }
.td-white-card {
  background: #fff;
  border: 1px solid #e9edf1;
  border-radius: 8px;
  padding: 28px;
  box-shadow: 0 2px 10px rgba(15,30,45,0.05);
}

/* Headings with trailing divider line */
.td-heading {
  font-family: 'Cormorant Garamond', serif;
  font-size: 26px;
  font-weight: 700;
  color: #30343a;
  margin: 0 0 22px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.td-heading__line { flex: 1; height: 1px; background: linear-gradient(90deg, #dfe5eb, transparent); }
.td-heading--light { color: #30343a; }

/* ── 5. Overview ── */
.td-overview { font-size: 20px; line-height: 1.8; color: #384149; }
.td-overview p { margin: 0 0 18px; text-align: left; }
.td-overview h1, .td-overview h2, .td-overview h3 { font-family: 'Cormorant Garamond', serif; color: #30343a; margin: 20px 0 10px; }
.td-overview ul, .td-overview ol { margin: 0 0 18px 22px; }
.td-overview li { margin-bottom: 8px; }
.td-overview a { color: #0876a6; }
.td-overview img { max-width: 100%; height: auto; border-radius: 6px; }

/* ── 6. Route ── */
.td-route { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; }
.td-route__mapwrap { border-radius: 8px; overflow: hidden; min-height: 300px; background: #eef2f5; }
.td-route__mapwrap iframe { width: 100%; height: 340px; border: 0; display: block; }
.td-routemap { padding: 20px 18px; display: flex; flex-direction: column; gap: 0; }
.td-routemap__node { display: flex; align-items: center; gap: 12px; padding: 10px 0; position: relative; }
.td-routemap__node:not(:last-child)::before {
  content: ''; position: absolute; left: 7px; top: 26px; bottom: -10px; width: 2px; background: #e0c3b6;
}
.td-routemap__dot { width: 15px; height: 15px; border-radius: 50%; flex: 0 0 auto; background: #c13d31; }
.td-routemap__node--start .td-routemap__dot, .td-routemap__node--end .td-routemap__dot { background: #0876a6; }
.td-routemap__label { font-weight: 600; }

.td-route__country { font-size: 16px; margin: 0 0 14px; }
.td-flag { margin-right: 6px; }
.td-route__list { list-style: none; margin: 0; padding: 0; }
.td-route__item { display: flex; align-items: flex-start; gap: 12px; padding: 11px 0; border-bottom: 1px solid #f0f3f6; }
.td-route__dot { width: 12px; height: 12px; border-radius: 50%; background: #cf4a3d; flex: 0 0 auto; margin-top: 5px; }
.td-route__item--start .td-route__dot, .td-route__item--end .td-route__dot { background: #0876a6; }
.td-route__text { font-size: 15px; line-height: 1.5; }
.td-route__text strong { color: #30343a; }
.td-route__text em { color: #8a939e; font-style: normal; }

/* ── 7. Features ── */
.td-features { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.td-feature { display: flex; gap: 16px; align-items: flex-start; border: 1px solid #eef1f4; border-radius: 8px; padding: 18px; background: #fbfdfe; }
.td-feature__icon { flex: 0 0 auto; width: 38px; height: 38px; }
.td-feature__icon svg { width: 38px; height: 38px; }
.td-feature__body { display: flex; flex-direction: column; }
.td-feature__body strong { font-size: 16px; color: #30343a; }
.td-feature__body span { font-size: 14px; color: #6b7580; margin-top: 3px; }

/* ── 8. Transportation ── */
.td-transport { list-style: none; margin: 0; padding: 0; }
.td-transport li { display: flex; gap: 16px; align-items: flex-start; padding: 14px 0; border-bottom: 1px solid #f0f3f6; font-size: 15px; }
.td-transport__icon { flex: 0 0 auto; width: 30px; height: 30px; }
.td-transport__icon svg { width: 30px; height: 30px; }

/* ── 9. Accommodation table ── */
.td-note { background: #fff7ec; border-left: 4px solid #e7aa19; padding: 12px 16px; border-radius: 6px; color: #7a5b09; font-size: 14px; margin: 0 0 18px; }
.td-acc-table { border: 1px solid #e9edf1; border-radius: 8px; overflow: hidden; }
.td-acc-row { display: grid; grid-template-columns: 84px 1.5fr 1fr auto; align-items: center; gap: 18px; padding: 16px 20px; }
.td-acc-row + .td-acc-row { border-top: 1px solid #eef1f4; }
.td-acc-row.is-alt { background: #f5f9fc; }
.td-acc-row--head { background: #f0f4f7; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: #5b6770; }
.td-acc-day { font-weight: 700; color: #30343a; }
.td-acc-day small { display: block; font-weight: 400; color: #9aa3ad; }
.td-acc-tiers { display: flex; flex-direction: column; gap: 8px; }
.td-acc-tier { display: flex; align-items: center; gap: 10px; font-size: 14.5px; }
.td-acc-badge { font-size: 11px; font-weight: 800; letter-spacing: 0.6px; padding: 3px 8px; border-radius: 3px; text-transform: uppercase; flex: 0 0 auto; min-width: 70px; text-align: center; }
.td-acc-badge--silver { background: #e8eaed; color: #4a525b; }
.td-acc-badge--gold { background: #f5dd9e; color: #6b4e07; }
.td-acc-badge--platinum { background: #d6e4ec; color: #2c3e50; }
.td-acc-tier a { color: #0876a6; text-decoration: none; }
.td-acc-tier a:hover { text-decoration: underline; }
.td-acc-none { color: #9aa3ad; font-style: italic; }
.td-acc-meals { color: #4b555e; font-size: 14px; }
.td-acc-thumbs { display: flex; gap: 8px; align-items: center; }
.td-thumb {
  width: 56px; height: 54px; border: none; padding: 0; border-radius: 6px; overflow: hidden; cursor: pointer; background: #eef2f5;
}
.td-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.td-thumb:hover img { transform: scale(1.08); }
.td-thumb--more { position: relative; background: rgba(12,20,28,0.78); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; line-height: 1; }
.td-thumb--more span { font-size: 10px; font-weight: 600; margin-top: 2px; }
.td-acc-nophotos { color: #9aa3ad; }

/* ── 16. Interested block ── */
.td-interested { background: #eef6fb; border: 1px solid #d4e7f2; border-radius: 8px; padding: 30px 28px; text-align: center; }
.td-interested h2 { font-family: 'Cormorant Garamond', serif; font-size: 24px; color: #30343a; margin: 0 0 8px; }
.td-interested p { color: #566069; max-width: 620px; margin: 0 auto 18px; font-size: 17px; }
.td-interested .td-btn--xl { margin-bottom: 16px; }
.td-trustpoints { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 20px; color: #4b555e; font-size: 14px; }
.td-trustpoints li::before { content: '✓ '; color: #1e7e34; font-weight: 800; }
.td-trustpoints a { color: #0876a6; }

/* ── Sidebar cards ── */
.td-side-card { background: #fff; border: 1px solid #e9edf1; border-radius: 8px; padding: 22px; box-shadow: 0 2px 10px rgba(15,30,45,0.05); }
.td-side-title { font-size: 18px; font-weight: 700; color: #30343a; margin: 0 0 16px; }

/* Quote card */
.td-quote-card { background: #ffffff; border: 1px solid #e9edf1; border-top: 4px solid #0876a6; border-radius: 8px; padding: 24px 22px; box-shadow: 0 4px 16px rgba(15,30,45,0.08); position: sticky; top: calc(var(--td-sticky-top, 72px) + 70px); z-index: 20; isolation: isolate; overflow: hidden; width: 100%; box-sizing: border-box; }
.td-quote-price { font-size: 16px; color: #4b555e; margin: 0 0 4px; }
.td-quote-price strong { font-size: 30px; color: #2e7d32; font-weight: 800; margin-right: 6px; }
.td-quote-price span { font-size: 13px; color: #8a939e; }
.td-quote-incl { display: inline-block; color: #0876a6; font-size: 14px; margin: 0 0 16px; }
.td-quote-title { font-size: 22px; font-weight: 700; color: #30343a; margin: 6px 0 18px; }
.td-quote-fields { display: flex; flex-direction: column; gap: 12px; }
.td-quote-error { color: #cf4a3d; font-size: 13px; background: #fdecea; padding: 8px 10px; border-radius: 4px; margin: 0; }
.td-checklist { list-style: none; margin: 16px 0 0; padding: 14px 0 0; border-top: 1px solid #eef1f4; color: #4b555e; font-size: 13.5px; }
.td-checklist li { position: relative; padding-left: 24px; margin-bottom: 9px; }
.td-checklist li::before { content: '✓'; position: absolute; left: 0; color: #1e7e34; font-weight: 800; }

/* Safari-field (reuse style from listing) */
.td-safari-field {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  background: #fff;
  border: 1px solid #cfd7de;
  border-radius: 5px;
  padding: 10px 40px 10px 14px;
  cursor: pointer;
  font-family: inherit;
}
.td-safari-field:hover { border-color: #0876a6; }
.td-safari-field__label { display: block; font-size: 12px; color: #8a939e; }
.td-safari-field input { border: none; outline: none; background: transparent; padding: 0; width: 100%; font-size: 15px; font-weight: 600; color: #303741; }
.td-safari-field > i { position: absolute; right: 14px; top: 50%; transform: translateY(-50%); color: #98a1ab; }

/* Operator card */
.td-operator__logo { height: 54px; display: flex; align-items: center; margin-bottom: 12px; }
.td-operator__logo img { max-height: 54px; max-width: 160px; object-fit: contain; }
.td-operator__kicker { font-size: 12px; text-transform: uppercase; letter-spacing: 0.6px; color: #8a939e; margin: 0 0 2px; }
.td-operator__name { font-size: 19px; font-weight: 700; margin: 0 0 8px; }
.td-operator__name a { color: #30343a; text-decoration: none; }
.td-operator__rating { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.td-muted { color: #8a939e; font-size: 14px; }
.td-operator__meta { list-style: none; margin: 0 0 16px; padding: 0; font-size: 14px; color: #4b555e; }
.td-operator__meta li { padding: 4px 0; }
.td-morelink { color: #0876a6; font-weight: 600; text-decoration: none; font-size: 14px; background: none; border: none; padding: 0; cursor: pointer; }
.td-morelink:hover { text-decoration: underline; }

/* Reviews card */
.td-reviews__viewport { position: relative; overflow: hidden; }
.td-review { display: none; }
.td-review.is-active { display: block; }
.td-review__head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.td-review__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: #e7edf2; }
.td-review__avatar--initial { display: flex; align-items: center; justify-content: center; background: #0876a6; color: #fff; font-weight: 700; font-size: 18px; }
.td-review__head strong { display: block; font-size: 15px; color: #30343a; }
.td-review__loc { font-size: 13px; color: #8a939e; }
.td-review__stars { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.td-review__preview, .td-review__full { font-size: 16px; color: #4b555e; line-height: 1.65; margin: 0 0 8px; }
.td-review__toggle { background: none; border: none; color: #0876a6; font-weight: 600; padding: 0; cursor: pointer; font-size: 13.5px; }
.td-reviews__nav { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 14px; }
.td-arrow { width: 36px; height: 36px; border-radius: 50%; border: 1px solid #d6dde3; background: #fff; color: #0876a6; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.td-arrow svg { width: 20px; height: 20px; }
.td-arrow:hover { background: #0876a6; color: #fff; }
.td-reviews__counter { font-size: 14px; color: #6b7580; }

/* Stars (shared) */
.td-stars { display: inline-flex; gap: 2px; }
.td-star { width: 16px; height: 16px; fill: #d7dde3; }
.td-star.is-full { fill: #e7aa19; }
.td-stars--sm .td-star { width: 13px; height: 13px; }

/* Related links */
.td-relatedlinks ul { list-style: none; margin: 0; padding: 0; }
.td-relatedlinks li { padding: 8px 0; border-bottom: 1px solid #f0f3f6; }
.td-relatedlinks a { color: #0876a6; text-decoration: none; font-size: 14.5px; }
.td-relatedlinks a:hover { text-decoration: underline; }

/* Photo / map side cards */
.td-photo-card__imgbtn { display: block; width: 100%; padding: 0; border: none; border-radius: 8px 8px 0 0; overflow: hidden; cursor: pointer; }
.td-photo-card__imgbtn img { width: 100%; height: 180px; object-fit: cover; display: block; }
.td-photo-card .td-morelink, .td-map-card .td-morelink { display: block; width: 100%; text-align: center; padding: 12px; border: 1px solid #e9edf1; border-top: none; border-radius: 0 0 8px 8px; background: #fff; }
.td-map-card__preview { border-radius: 8px 8px 0 0; overflow: hidden; }
.td-map-card__preview iframe { width: 100%; height: 180px; border: 0; display: block; }

/* ── Day by day ── */
.td-days { list-style: none; margin: 0; padding: 0; counter-reset: day; }
.td-day { border: 1px solid #e9edf1; border-radius: 8px; margin-bottom: 12px; overflow: hidden; background: #fff; }
.td-day__head { width: 100%; display: flex; align-items: center; gap: 16px; padding: 16px 20px; background: #fff; border: none; cursor: pointer; text-align: left; font-family: inherit; }
.td-day__num { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%; background: #cf4a3d; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 16px; }
.td-day__titles { flex: 1; display: flex; flex-direction: column; }
.td-day__titles strong { font-size: 17px; color: #30343a; }
.td-day__titles span { font-size: 13.5px; color: #8a939e; }
.td-day__chevron { flex: 0 0 auto; width: 22px; height: 22px; color: #8a939e; transition: transform .25s ease; }
.td-day.is-open .td-day__chevron { transform: rotate(180deg); }
.td-day__body { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
.td-day__grid { display: grid; grid-template-columns: 1fr; gap: 16px; padding: 4px 20px 22px; }
.td-day__desc { font-size: 17px; line-height: 1.74; color: #384149; }
.td-day__thumbs { display: flex; flex-wrap: wrap; gap: 8px; }
.td-day__facts { display: flex; flex-wrap: wrap; gap: 10px 28px; padding: 0 20px 22px; margin: 0; }
.td-day__facts dt { font-size: 12px; text-transform: uppercase; letter-spacing: 0.4px; color: #8a939e; }
.td-day__facts dd { margin: 0; font-size: 15px; color: #30343a; font-weight: 600; }

/* ── Rates ── */
.td-rates { display: flex; flex-direction: column; gap: 26px; }
.td-rate-season { font-size: 17px; font-weight: 800; color: #30343a; margin: 0 0 12px; }
.td-rate-season span { font-weight: 400; color: #8a939e; font-size: 14px; }
.td-tablewrap { overflow-x: auto; }
.td-table { width: 100%; border-collapse: collapse; background: #fff; }
.td-table th, .td-table td { padding: 13px 16px; border-bottom: 1px solid #eef1f4; text-align: center; }
.td-table thead th { background: #f5f7f9; font-size: 13px; text-transform: uppercase; letter-spacing: 0.3px; color: #5b6770; }
.td-table tbody th { text-align: left; font-weight: 600; }
.td-tierbadge { font-size: 11px; font-weight: 800; letter-spacing: 0.5px; padding: 4px 10px; border-radius: 3px; text-transform: uppercase; }
.td-tierbadge--silver { background: #e8eaed; color: #4a525b; }
.td-tierbadge--gold { background: #f5dd9e; color: #6b4e07; }
.td-tierbadge--platinum { background: #d6e4ec; color: #2c3e50; }
.td-table td { font-weight: 700; color: #30343a; font-size: 15px; }
.td-table td.is-best { background: #e8f6ee; }
.td-besttag { display: block; margin-top: 4px; font-size: 10px; font-weight: 800; color: #1e7e34; text-transform: uppercase; letter-spacing: 0.4px; }
.td-footnote { font-size: 12.5px; color: #8a939e; font-style: italic; margin: 18px 0 0; }

/* ── Pricing Section ── */
.td-pricing-hero {
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 28px;
  background: linear-gradient(135deg, #f8f9fa 0%, #eef1f4 100%);
  border: 1px solid #e0e4e8;
  border-radius: 12px;
  padding: 28px 32px;
}
.td-pricing-hero__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  padding: 20px 28px;
  background: #fff;
  border: 2px solid #c4893f;
  border-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 16px rgba(196, 137, 63, .12);
}
.td-pricing-hero__kicker {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #8a939e;
  margin-bottom: 4px;
}
.td-pricing-hero__amount {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 44px;
  font-weight: 700;
  color: #c4893f;
  line-height: 1.1;
}
.td-pricing-hero__unit {
  font-size: 13px;
  color: #8a939e;
  margin-top: 2px;
}
.td-pricing-hero__details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  flex: 1;
}
.td-pricing-hero__detail {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  color: #5b6770;
}
.td-pricing-hero__detail svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  color: #c4893f;
  opacity: .85;
}
.td-pricing-hero__detail strong {
  color: #30343a;
}
.td-pricing-incl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px 20px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 24px;
  font-size: 14px;
  color: #5b6770;
}
.td-pricing-incl__link {
  color: #c4893f;
  font-weight: 700;
  text-decoration: none;
  font-size: 13px;
}
.td-pricing-incl__link:hover { text-decoration: underline; }
.td-pricing-cta {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 0 0;
  border-top: 1px solid #eef1f4;
}
.td-pricing-cta p {
  font-size: 14px;
  color: #8a939e;
  margin: 0;
}

@media (max-width: 640px) {
  .td-pricing-hero { flex-direction: column; padding: 20px; }
  .td-pricing-hero__card { min-width: 0; width: 100%; }
  .td-pricing-hero__amount { font-size: 36px; }
  .td-pricing-cta { flex-direction: column; align-items: flex-start; }
}

/* ── Inclusions ── */
.td-inc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
.td-inc-title { font-size: 17px; font-weight: 700; margin: 0 0 14px; }
.td-inc-title--in::before { content: '✓ '; color: #1e7e34; }
.td-inc-title--ex::before { content: '✕ '; color: #cf4a3d; }
.td-inc-list { list-style: none; margin: 0; padding: 0; }
.td-inc-list li { display: flex; gap: 10px; align-items: flex-start; padding: 8px 0; font-size: 15px; color: #384149; border-bottom: 1px solid #f5f7f9; }
.td-mark { width: 20px; height: 20px; flex: 0 0 auto; margin-top: 1px; }
.td-mark--yes { color: #1e7e34; }
.td-mark--no { color: #cf4a3d; }

/* ── Getting there ── */
.td-getting { display: grid; grid-template-columns: 1fr 1fr; gap: 26px; align-items: start; }
.td-getting__facts { list-style: none; margin: 0; padding: 0; }
.td-getting__facts li { display: flex; flex-direction: column; gap: 2px; padding: 12px 0; border-bottom: 1px solid #f0f3f6; }
.td-getting__facts strong { font-size: 13px; text-transform: uppercase; letter-spacing: 0.4px; color: #8a939e; }
.td-getting__facts span { font-size: 17px; color: #30343a; }
.td-getting__map iframe { width: 100%; height: 320px; border: 0; border-radius: 8px; }

/* ── Offered by ── */
.td-offered__id { display: flex; gap: 20px; align-items: flex-start; margin-bottom: 24px; }
.td-offered__logo { width: 130px; height: 90px; object-fit: contain; background: #fff; border-radius: 8px; padding: 10px; border: 1px solid #eef1f4; }
.td-offered__id h3 { font-size: 22px; margin: 0 0 8px; }
.td-offered__actions { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 10px; }
.td-offered__subtitle { font-size: 16px; font-weight: 700; color: #30343a; margin: 8px 0 14px; }
.td-offered__tours { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.td-minicard { display: flex; gap: 12px; align-items: center; padding: 10px; border: 1px solid #eef1f4; border-radius: 8px; text-decoration: none; }
.td-minicard:hover { border-color: #0876a6; }
.td-minicard img { width: 64px; height: 56px; object-fit: cover; border-radius: 6px; flex: 0 0 auto; }
.td-minicard strong { display: block; font-size: 14px; color: #30343a; }
.td-minicard em { font-size: 12.5px; color: #8a939e; font-style: normal; }

/* ── Quote form ── */
.td-form { margin-top: 8px; }
.td-form__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.td-form__field--wide { grid-column: 1 / -1; }
.td-form__two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.td-radio-row { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.td-radio { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #384149; }
.td-form__contact { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 18px; }
.td-form .form-control { border-radius: 6px; }
.alert { padding: 14px 16px; border-radius: 8px; margin-bottom: 18px; }
.alert-success { background: #e8f6ee; color: #1e7e34; border: 1px solid #bfe3cc; }
.alert-danger { background: #fdecea; color: #cf4a3d; border: 1px solid #f3c4bf; }

/* ── 18. Related tours ── */
.td-related { background: #eef2f5; padding: 40px 0 50px; margin-top: 30px; }
.td-related__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.td-tour-card { background: #fff; border: 1px solid #e9edf1; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 12px rgba(15,30,45,0.07); position: relative; }
.td-tour-card__media { display: block; position: relative; height: 200px; overflow: hidden; }
.td-tour-card__media img { width: 100%; height: 200px; object-fit: cover; display: block; }
.td-tour-card__shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(12,20,28,0.8) 0%, rgba(12,20,28,0) 55%); }
.td-tour-card__media h3 { position: absolute; left: 16px; right: 16px; bottom: 12px; margin: 0; font-family: 'Cormorant Garamond', serif; color: #fff; font-size: 19px; font-weight: 700; line-height: 1.2; text-shadow: 0 2px 8px rgba(0,0,0,0.4); }
.td-tour-card__body { padding: 16px 18px 18px; }
.td-tour-card__price { margin: 0 0 10px; }
.td-tour-card__price strong { font-size: 23px; color: #2e7d32; font-weight: 800; }
.td-tour-card__price span { font-size: 13px; color: #8a939e; }
.td-tour-card__meta { list-style: none; margin: 0 0 12px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13.5px; color: #4b555e; }
.td-tour-card__op { display: flex; align-items: center; gap: 8px; border-top: 1px solid #f0f3f6; padding-top: 12px; font-size: 13px; color: #4b555e; }
.td-tour-card__op img { width: 30px; height: 26px; object-fit: contain; }
.td-tour-card__op span { font-weight: 600; color: #30343a; }

/* ── Lightbox ── */
.td-lightbox { position: fixed; inset: 0; z-index: 30000; background: rgba(10,12,16,0.9); display: flex; flex-direction: column; }
.td-lightbox[hidden] { display: none; }
.td-lightbox__head { display: flex; align-items: center; gap: 14px; padding: 0 18px; height: 56px; background: #cf4a3d; color: #fff; flex: 0 0 auto; }
.td-lightbox__title { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 700; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.td-lightbox__counter { font-size: 14px; }
.td-lightbox__close { width: 38px; height: 38px; border: none; border-radius: 6px; background: rgba(255,255,255,0.18); color: #fff; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; }
.td-lightbox__close:hover { background: rgba(255,255,255,0.32); }
.td-lightbox__close svg { width: 20px; height: 20px; }
.td-lightbox__stage { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 18px; min-height: 0; }
.td-lightbox__stage img { max-width: 100%; max-height: 76vh; object-fit: contain; border-radius: 4px; }
.td-lightbox__stage figcaption { color: #d7dde3; font-size: 14px; margin-top: 10px; text-align: center; }
.td-lightbox__map { flex: 1; display: flex; align-items: center; justify-content: center; padding: 18px; min-height: 0; }
.td-lightbox__map[hidden] { display: none; }
.td-lightbox__map iframe { width: min(1100px, 92vw); height: 80vh; border: 0; border-radius: 6px; }
.td-lightbox__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%; border: none; background: rgba(255,255,255,0.92); color: #30343a; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 6px 18px rgba(0,0,0,0.3); }
.td-lightbox__arrow svg { width: 26px; height: 26px; }
.td-lightbox__arrow--prev { left: 20px; }
.td-lightbox__arrow--next { right: 20px; }
.td-lightbox__arrow:hover { background: #fff; }
body.td-lock { overflow: hidden; }

/* ── Responsive ── */
@media (max-width: 1200px) {
  .td-container { width: 92%; }
}
@media (max-width: 992px) {
  .td-layout { grid-template-columns: 1fr; gap: 24px; }
  .td-sidebar { order: -1; }
  .td-quote-card { position: static; }
  .td-route, .td-features, .td-inc-grid, .td-getting, .td-offered__tours { grid-template-columns: 1fr; }
  .td-form__grid, .td-form__contact { grid-template-columns: 1fr; }
  .td-related__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .td-container { width: 94%; }
  .td-hero__img { height: 240px; }
  .td-hero__title { max-width: 100%; font-size: 30px; }
  .td-white-card, .td-side-card, .td-quote-card { padding: 18px; }
  .td-acc-row { grid-template-columns: 1fr; gap: 8px; }
  .td-acc-row--head { display: none; }
  .td-acc-day { font-size: 16px; }
  .td-acc-thumbs { margin-top: 6px; }
  .td-features { grid-template-columns: 1fr; }
  .td-tabs { -webkit-overflow-scrolling: touch; }
  .td-tab { padding: 0 16px; font-size: 14px; }
  .td-related__grid { grid-template-columns: 1fr; }
  .td-day__titles strong { font-size: 15px; }
  .td-wishlist { width: 40px; height: 40px; right: 14px; }
  .td-lightbox__arrow { width: 42px; height: 42px; }
  .td-lightbox__arrow--prev { left: 8px; }
  .td-lightbox__arrow--next { right: 8px; }
  .td-lightbox__stage img { max-height: 68vh; }
}

/* ============================================================
   Tours Listing page: sticky, solid, compact navigation fix
   (prevents the absolute header overlapping page content and
   the scroll "fixed" dark block covering rating/intro text)
   ============================================================ */
.is-tours-listing .main-header {
  position: sticky;
  top: 0;
  z-index: 1050;
  background: #ffffff;
}
.is-tours-listing .header-topbar {
  display: none;
}
.is-tours-listing .header-nav {
  background: #ffffff;
  min-height: 90px;
  border-bottom: 1px solid #e4e8ec;
}
.is-tours-listing .header-nav .main-menu-wrapper {
  padding: 12px 0;
}
.is-tours-listing .header-nav .main-nav > li > a {
  color: #303741;
}
.is-tours-listing .header-nav .main-nav > li > a:hover {
  color: #0876a6;
}
.is-tours-listing .header-nav .main-nav > li.active > a::after {
  color: #0876a6;
}
.is-tours-listing .header-btn .theme-toggle,
.is-tours-listing .header__hamburger .sidebar-menu {
  color: #303741;
}
.is-tours-listing .header-logo.logo-white {
  display: none;
}
.is-tours-listing .header-logo.logo-dark {
  display: block;
}
.is-tours-listing header.fixed {
  position: static !important;
  background-color: transparent !important;
  -webkit-animation: none !important;
  animation: none !important;
  box-shadow: none !important;
}
.is-tours-listing .header-nav.fixed {
  box-shadow: 0 4px 16px rgba(15, 30, 45, 0.08);
}
.is-tours-listing .offcanvas-overlay {
  display: none !important;
}
/* ===== Why Choose Us — 3D Flip Cards ===== */
.flip-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    margin-top: 8px;
}
@media (max-width: 991.98px) {
    .flip-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
    .flip-cards { grid-template-columns: 1fr; }
}
.flip-card {
    perspective: 1200px;
    height: 400px;
    cursor: pointer;
    outline: none;
}
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transform-style: preserve-3d;
}
.flip-card-front,
.flip-card-back {
    position: absolute;
    inset: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 34px 28px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(20, 30, 20, 0.18);
    overflow: hidden;
}
.flip-card-front {
    background: linear-gradient(135deg, #0a6635 0%, #084d2a 100%);
    color: #fff;
}
.flip-card-back {
    background: linear-gradient(135deg, #0a6635 0%, #084d2a 100%);
    color: #f3ead8;
    transform: rotateY(180deg);
}
.flip-card:hover .flip-card-inner,
.flip-card.is-flipped .flip-card-inner,
.flip-card:focus-visible .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card:focus-visible {
    outline: 3px solid #0876a6;
    outline-offset: 4px;
    border-radius: 24px;
}
.flip-card__num {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 800;
    font-size: 92px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 2px rgba(255, 255, 255, 0.8);
    margin-bottom: 10px;
}
.flip-card__icon {
    font-size: 46px;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.6px #fff;
    margin-bottom: 16px;
}
.flip-card__icon i { font-style: normal; }
.flip-card__title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: #fff;
}
.flip-card__hint {
    font-size: 12.5px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    opacity: 0.85;
    margin-top: auto;
}
.flip-card-back .flip-card__title { color: #f6efdf; margin-bottom: 14px; }
.flip-card-back__icon {
    font-size: 26px;
    color: #e9c27a;
    margin-bottom: 12px;
}
.flip-card-back__icon i { font-style: normal; }
.flip-card-back__text {
    font-size: 15px;
    line-height: 1.65;
    margin: 0 0 20px;
    color: #e7ddc9;
}
.flip-card-back__link {
    display: inline-block;
    padding: 10px 22px;
    border: 1.5px solid #e9c27a;
    color: #f6efdf;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.25s ease, color 0.25s ease;
}
.flip-card-back__link:hover,
.flip-card-back__link:focus-visible {
    background: #e9c27a;
    color: #243027;
}
@media (prefers-reduced-motion: reduce) {
    .flip-card-inner { transition: none; }
}
/* ===== Sanitized rich-text content (destination description / FAQ answers) ===== */
.rich-text-content { line-height: 1.7; color: #384149; }
.rich-text-content p { margin: 0 0 16px; }
.rich-text-content h2, .rich-text-content h3, .rich-text-content h4 {
    font-family: 'Cormorant Garamond', serif;
    color: #30343a;
    margin: 22px 0 10px;
    line-height: 1.25;
}
.rich-text-content h2 { font-size: 26px; }
.rich-text-content h3 { font-size: 22px; }
.rich-text-content h4 { font-size: 19px; }
.rich-text-content ul, .rich-text-content ol { margin: 0 0 16px 22px; padding: 0; }
.rich-text-content li { margin-bottom: 8px; }
.rich-text-content a { color: #0876a6; text-decoration: underline; }
.rich-text-content blockquote {
    margin: 0 0 16px;
    padding: 12px 18px;
    border-left: 4px solid #0876a6;
    background: #f1f6f9;
    border-radius: 0 8px 8px 0;
}
.rich-text-content strong, .rich-text-content b { font-weight: 700; color: #222b33; }

/* ============================================================
   Afro-Vertex global footer — Safari palette
   ============================================================ */
.avf-footer {
    background: #17352E;
    color: #C8C3B8;
    font-family: 'Montserrat', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    position: relative;
    z-index: 1;
}
.avf-inner {
    width: 86%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 68px 0 38px;
}

/* About */
.avf-about {
    display: flex;
    align-items: flex-start;
    gap: 26px;
    flex-wrap: wrap;
    margin-bottom: 50px;
}
.avf-logo {
    display: inline-block;
    background: #F3EFE7;
    padding: 9px 16px;
    border-radius: 12px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    flex-shrink: 0;
}
.avf-logo img { height: 50px; width: auto; display: block; }
.avf-about-text { flex: 1 1 420px; min-width: 260px; }
.avf-about-title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 23px;
    font-weight: 700;
    color: #F2E9D8;
    margin: 2px 0 10px;
}
.avf-about-text p {
    color: #C8C3B8;
    font-size: 14.5px;
    line-height: 1.65;
    max-width: 700px;
    margin: 0 0 12px;
}
.avf-more {
    color: #B8945F;
    font-weight: 700;
    font-size: 14.5px;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .25s ease, padding-left .25s ease;
}
.avf-more:hover { color: #F2E9D8; padding-left: 5px; }

/* Grid of columns */
.avf-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 34px 30px;
}
.avf-heading {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 19px;
    font-weight: 700;
    color: #F2E9D8;
    margin: 0 0 18px;
    letter-spacing: .2px;
}
.avf-menu, .avf-stats { list-style: none; margin: 0; padding: 0; }
.avf-menu li { margin-bottom: 10px; }
.avf-menu a {
    display: inline-block;
    color: #AFC1A5;
    font-size: 14.5px;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color .25s ease, padding-left .25s ease;
}
.avf-menu a:hover { color: #B8945F; padding-left: 5px; }
.avf-subgrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 18px;
}
.avf-stats li {
    margin-bottom: 13px;
    font-size: 14.5px;
    color: #C8C3B8;
    line-height: 1.4;
}
.avf-stat-num {
    font-weight: 800;
    font-size: 17px;
    color: #B8945F;
    margin-right: 6px;
}
.avf-muted { color: #8FA198; font-size: 13.5px; font-style: italic; }

/* Utility: social + currency */
.avf-utility {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 42px;
    padding-top: 28px;
    border-top: 1px solid rgba(70, 97, 88, 0.75);
}
.avf-social { display: flex; gap: 12px; }
.avf-social-btn {
    width: 41px; height: 41px;
    border-radius: 50%;
    background: #EEE5D5;
    color: #17352E;
    border: 1px solid rgba(184, 148, 95, 0.35);
    display: flex; align-items: center; justify-content: center;
    font-size: 17px;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}
.avf-social-btn:hover {
    background: #B8945F;
    color: #0D241F;
    transform: translateY(-2px);
}
.avf-currency-btn {
    background: transparent;
    border: 1.5px solid #708279;
    color: #F2E9D8;
    font-weight: 600;
    font-size: 14px;
    padding: 9px 17px;
    border-radius: 30px;
    cursor: default;
    transition: border-color .25s ease, color .25s ease;
}
.avf-currency-btn:hover { border-color: #B8945F; color: #B8945F; }

/* Partners */
.avf-partners {
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid rgba(70, 97, 88, 0.75);
}
.avf-partners-title {
    text-align: center;
    font-size: 12.5px;
    letter-spacing: 2.2px;
    text-transform: uppercase;
    color: #8FA198;
    font-weight: 700;
    margin: 0 0 18px;
}
.avf-partners-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.avf-partner {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(70, 97, 88, 0.22);
    padding: 9px;
    overflow: hidden;
    box-sizing: border-box;
    text-decoration: none;
    transition: transform .2s ease;
}
.avf-partner img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}
/* Round logos keep their full color on hover — no color flash */
.avf-partner:hover { transform: translateY(-2px); }

/* Copyright */
.avf-copyright {
    background: #0D241F;
    border-top: 1px solid rgba(70, 97, 88, 0.5);
}
.avf-copyright-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 84px;
}
.avf-copy-logo img { height: 30px; width: auto; filter: brightness(0) invert(1); }
.avf-copy-text {
    color: #C8C3B8;
    font-size: 13px;
    margin: 0;
}
.avf-copy-links {
    list-style: none;
    display: flex;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.avf-copy-links a {
    color: #E6DCCB;
    font-size: 13px;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .25s ease;
}
.avf-copy-links a:hover { color: #B8945F; }

/* Responsive */
@media (max-width: 1100px) {
    .avf-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 760px) {
    .avf-grid { grid-template-columns: 1fr 1fr; gap: 28px 22px; }
    .avf-inner { width: 92%; padding: 46px 0 30px; }
    .avf-about { flex-direction: column; gap: 16px; }
    .avf-copyright-inner { padding-right: 84px; }
}
@media (max-width: 520px) {
    .avf-grid { grid-template-columns: 1fr; }
    .avf-utility { flex-direction: column; align-items: flex-start; }
    .avf-copyright-inner { padding-right: 80px; }
}

/* ============================================================
   Afro-Vertex global navbar (clean white)
   ============================================================ */
.av-nav {
    position: sticky;
    top: 0;
    z-index: 1000;
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: box-shadow .3s ease, background .3s ease;
    /* Viewport-fixed mega menus anchor to this line */
    --header-bottom: calc(104px + 1px);
}
.av-nav.is-sticky {
    --header-bottom: calc(82px + 1px);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}
.av-nav__inner {
    width: 92%;
    max-width: 1750px;
    margin: 0 auto;
    height: 104px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: height .3s ease;
}
.av-nav.is-sticky .av-nav__inner { height: 82px; }

/* Logo */
.av-nav__logo { display: inline-flex; align-items: center; flex-shrink: 0; margin-right: 24px; }
.av-nav__logo img { height: 68px; width: auto; display: block; transition: height .3s ease; }
.av-nav.is-sticky .av-nav__logo img { height: 54px; }

/* Center menu */
.av-nav__menu { flex: 1 1 auto; display: flex; justify-content: center; }
.av-nav__list {
    display: flex;
    align-items: center;
    gap: 38px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.av-nav__item { position: relative; }
.av-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #1f2430;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: .5px;
    text-decoration: none;
    padding: 6px 0;
    position: relative;
    transition: color .25s ease;
}
.av-nav__link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 2px;
    width: 0;
    background: #975f2c;
    transition: width .25s ease;
}
.av-nav__link:hover,
.av-nav__link.is-active { color: #975f2c; }
.av-nav__link:hover::after,
.av-nav__link.is-active::after { width: 100%; }
.av-nav__caret { font-size: 11px; color: #9aa0a6; line-height: 1; }

/* ── Mega menu (desktop) ─────────────────────────── */
.av-mega {
    /* Viewport-fixed: always centred under the navbar, never relative
       to the hovered <li>. --header-bottom tracks the sticky bar. */
    position: fixed;
    top: var(--header-bottom, 105px);
    left: 50%;
    width: min(calc(100vw - 80px), 1770px);
    max-width: 1770px;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden;
    background: #ffffff;
    border-radius: 0 0 28px 28px;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.12);
    padding: 64px 50px 75px;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(12px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s;
    z-index: 9999;
    cursor: default;
}
.av-nav__item.has-mega.is-open .av-mega {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.av-mega__inner {
    display: grid;
    grid-template-columns: 38fr 35fr 27fr;
    gap: 44px;
    align-items: start;
}

/* Left column — main categories */
.av-mega__cats {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.av-mega__cat {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 60px;
    padding: 0 24px;
    border: none;
    border-radius: 12px;
    background: transparent;
    color: #292929;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 21px;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    transition: background .2s ease, color .2s ease;
}
.av-mega__cat:hover,
.av-mega__cat.is-active,
.av-mega__cat:focus-visible {
    background: #EEF5E4;
    color: #2E5B1E;
    outline: none;
}
.av-mega__chev { font-size: 15px; color: #b3b3b3; transition: color .2s ease, transform .2s ease; }
.av-mega__cat:hover .av-mega__chev,
.av-mega__cat.is-active .av-mega__chev { color: #2E5B1E; transform: translateX(2px); }

/* Badges */
.av-mega__badge {
    display: inline-block;
    margin-left: 10px;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: 13.5px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: .2px;
    vertical-align: 2px;
    background: #F4EBDD;
    color: #975f2c;
}
.av-mega__badge--popular { background: #E7F2DF; color: #3F7D20; }
.av-mega__badge--pdf     { background: #E8F0FB; color: #2B6CB0; }
.av-mega__badge--new     { background: #FDE8E8; color: #C0392B; }
.av-mega__badge--deposit { background: #FBF1DC; color: #9A6A00; }

/* Center column — dynamic submenu content */
.av-mega__detail { position: relative; min-width: 0; }
.av-mega__panel {
    display: none;
}
.av-mega__panel.is-active { display: block; }
.av-mega__heading {
    /* Matches kizza-tours heading style: --font-primary */
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 40px;
    font-weight: 600;
    color: #1f2430;
    line-height: 1.2;
    margin: 0 0 26px;
}
.av-mega__desc {
    margin: 0 0 8px;
    color: #4a4a4a;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 17px;
    line-height: 1.7;
    max-width: 560px;
}
.av-mega__links {
    list-style: none;
    margin: 0;
    padding: 0;
}
.av-mega__links li a {
    display: inline-block;
    padding: 4px 0;
    color: #333333;
    text-decoration: none;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 21px;
    line-height: 1.7;
    transition: color .18s ease, transform .18s ease;
}
.av-mega__links li a:hover,
.av-mega__links li a:focus-visible {
    color: #3F7D20;
    transform: translateX(4px);
    outline: none;
}

/* Green CTA */
.av-mega__cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
    height: 56px;
    padding: 0 28px;
    border-radius: 14px;
    background: #3E7C24;
    color: #ffffff;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 17.5px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(62, 124, 36, 0.28);
    transition: background .22s ease, transform .22s ease, box-shadow .22s ease;
}
.av-mega__cta svg { transition: transform .22s ease; }
.av-mega__cta:hover,
.av-mega__cta:focus-visible {
    background: #34691D;
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(62, 124, 36, 0.38);
    color: #ffffff;
    outline: none;
}
.av-mega__cta:hover svg { transform: translateX(3px); }

/* Right column — dynamic image */
.av-mega__media {
    position: relative;
    width: 100%;
    height: 520px;
    border-radius: 16px;
    overflow: hidden;
    background: #eceae5;
}
.av-mega__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity .35s ease;
}
.av-mega__img.is-active { opacity: 1; }

/* Underline stays on the trigger while its mega menu is open */
.av-nav__link.is-open,
.av-nav__item.has-mega.is-open > .av-nav__link { color: #975f2c; }
.av-nav__item.has-mega.is-open > .av-nav__link::after { width: 100%; }

@media (max-width: 991px) {
    /* Mega menus are desktop-only — the drawer handles small screens */
    .av-mega { display: none !important; }
}

@media (prefers-reduced-motion: reduce) {
    .av-mega,
    .av-mega__img,
    .av-mega__cta,
    .av-mega__cat,
    .av-mega__links li a {
        transition: none !important;
    }
}

/* Right actions */
.av-nav__actions { display: flex; align-items: center; gap: 14px; flex-shrink: 0; margin-left: 24px; }
.av-nav__whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #25D366;
    color: #ffffff;
    font-weight: 700;
    font-size: 16px;
    height: 64px;
    width: 180px;
    border-radius: 40px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.av-nav__whatsapp i { font-size: 22px; }
.av-nav__whatsapp:hover {
    background: #1ebe5b;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(37, 211, 102, 0.42);
    color: #ffffff;
}
.av-nav__whatsapp-circle {
    display: none;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.35);
    transition: background .2s ease;
}
.av-nav__whatsapp-circle:hover { background: #1ebe5b; color: #fff; }

/* Hamburger */
.av-nav__hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 46px;
    height: 46px;
    background: transparent;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    padding: 0;
}
.av-nav__hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #1f2430;
    margin: 0 auto;
    border-radius: 2px;
}

/* Mobile drawer */
.av-drawer {
    position: fixed;
    inset: 0;
    z-index: 1200;
    visibility: hidden;
}
.av-drawer.is-open { visibility: visible; }
.av-drawer__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    opacity: 0;
    transition: opacity .3s ease;
}
.av-drawer.is-open .av-drawer__overlay { opacity: 1; }
.av-drawer__panel {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 330px;
    max-width: 86vw;
    background: #ffffff;
    box-shadow: -10px 0 40px rgba(0, 0, 0, 0.18);
    transform: translateX(100%);
    transition: transform .3s ease;
    display: flex;
    flex-direction: column;
    padding: 22px 22px 28px;
    overflow-y: auto;
}
.av-drawer.is-open .av-drawer__panel { transform: translateX(0); }
.av-drawer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}
.av-drawer__logo img { height: 50px; width: auto; }
.av-drawer__close {
    width: 42px; height: 42px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fff;
    font-size: 18px;
    cursor: pointer;
    color: #1f2430;
}
.av-drawer__list { list-style: none; margin: 0; padding: 0; }
.av-drawer__list > li { border-bottom: 1px solid #f0f0f0; }
.av-drawer__list > li > a,
.av-drawer__row { display: flex; align-items: center; }
.av-drawer__list > li > a,
.av-drawer__row a {
    flex: 1;
    color: #1f2430;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15.5px;
    letter-spacing: .4px;
    text-decoration: none;
    padding: 15px 4px;
}
.av-drawer__row a:hover,
.av-drawer__list > li > a:hover { color: #975f2c; }
.av-drawer__toggle {
    background: transparent;
    border: none;
    font-size: 16px;
    color: #9aa0a6;
    padding: 12px;
    cursor: pointer;
}
.av-drawer__sub {
    list-style: none;
    margin: 0;
    padding: 0 0 8px;
    display: none;
}
.av-drawer__list > li.is-open > .av-drawer__sub { display: block; }
.av-drawer__sub li a {
    display: block;
    padding: 9px 14px;
    color: #444;
    font-size: 14px;
    text-decoration: none;
}
.av-drawer__sub li a:hover { color: #975f2c; }
.av-drawer__badge {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    background: #EEF5E4;
    color: #2E5B1E;
    vertical-align: 1px;
}
.av-drawer__desc {
    margin: 4px 14px 0;
    color: #666;
    font-size: 13px;
    line-height: 1.5;
}
.av-drawer__img {
    display: block;
    width: calc(100% - 28px);
    max-width: 100%;
    margin: 10px 14px 0;
    border-radius: 10px;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    height: auto;
}
.av-drawer__cta {
    display: inline-flex;
    align-items: center;
    margin: 12px 14px 6px;
    padding: 10px 20px;
    border-radius: 10px;
    background: #3E7C24;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.av-drawer__cta:hover { background: #34691D; color: #fff; }
.av-drawer__whatsapp {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    background: #25D366;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    height: 58px;
    border-radius: 40px;
    text-decoration: none;
    box-shadow: 0 4px 14px rgba(37, 211, 102, 0.35);
}
.av-drawer__whatsapp:hover { background: #1ebe5b; color: #fff; }

body.av-no-scroll { overflow: hidden; }

/* Responsive */
@media (max-width: 991px) {
    .av-nav__menu { display: none; }
    .av-nav__whatsapp--desktop { display: none; }
    .av-nav__whatsapp-circle { display: inline-flex; }
    .av-nav__hamburger { display: flex; }
    .av-nav__inner { height: 84px; }
    .av-nav.is-sticky .av-nav__inner { height: 76px; }
}
@media (min-width: 992px) {
    .av-drawer { display: none; }
}

/* ============================================================
   YouTube subscription section — clean premium travel design
   ============================================================ */
.av-yt {
    background: #F7F7F7;
    padding: 84px 0;
}
.av-yt__container {
    width: min(1620px, calc(100% - 80px));
    margin-inline: auto;
}
.av-yt__head {
    text-align: center;
    margin-bottom: 70px;
}
.av-yt__title {
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 43px;
    font-weight: 800;
    color: #111111;
    line-height: 1.15;
    margin: 0;
    letter-spacing: -0.3px;
}
.av-yt__line {
    display: block;
    width: 64px;
    height: 3px;
    border-radius: 99px;
    background: linear-gradient(90deg, #E8A33D, #F2B441);
    margin: 22px auto 0;
}

/* ── Video cards grid — 3 / 2 / 1 ───────────────── */
.av-yt__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 42px;
    align-items: start;
}

.av-yt-card {
    display: block;
    text-decoration: none;
    cursor: pointer;
    min-width: 0;
}

.av-yt-card__thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    border-radius: 15px;
    overflow: hidden;
    background: #e9e9e6;
    transition: box-shadow 0.28s ease;
}

.av-yt-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.28s ease;
}

.av-yt-card:hover .av-yt-card__thumb,
.av-yt-card:focus-visible .av-yt-card__thumb {
    box-shadow: 0 18px 44px rgba(17, 17, 17, 0.16);
}

.av-yt-card:hover .av-yt-card__thumb img,
.av-yt-card:focus-visible .av-yt-card__thumb img {
    transform: scale(1.03);
}

/* Red play button overlay */
.av-yt-card__play {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 66px;
    height: 46px;
    border-radius: 12px;
    background: #FF0000;
    box-shadow: 0 8px 22px rgba(255, 0, 0, 0.38);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    transition: transform 0.28s ease, background 0.28s ease;
}

.av-yt-card:hover .av-yt-card__play,
.av-yt-card:focus-visible .av-yt-card__play {
    transform: scale(1.09);
    background: #E60000;
}

/* Title + metadata */
.av-yt-card__title {
    display: block;
    margin-top: 38px;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 23px;
    font-weight: 700;
    color: #222222;
    line-height: 1.15;
}
.av-yt-card__meta {
    display: block;
    margin-top: 14px;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 19px;
    color: #929292;
}

/* ── Subscribe button ───────────────────────────── */
.av-yt__btn {
    display: flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: 11px;
    height: 62px;
    padding: 0 33px;
    margin: 65px auto 0;
    border-radius: 999px;
    background: #FF0000;
    color: #ffffff;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-decoration: none;
    box-shadow: 0 10px 28px rgba(255, 0, 0, 0.28);
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

.av-yt__btn:hover,
.av-yt__btn:focus-visible {
    background: #D90000;
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(255, 0, 0, 0.36);
    color: #ffffff;
}

.av-yt__btn svg { flex-shrink: 0; }

/* Reveal on scroll */
.av-yt__head,
.av-yt__grid > *,
.av-yt__btn {
    opacity: 0;
    transform: translateY(26px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.av-yt.is-visible .av-yt__head,
.av-yt.is-visible .av-yt__grid > *,
.av-yt.is-visible .av-yt__btn {
    opacity: 1;
    transform: translateY(0);
}
.av-yt.is-visible .av-yt__grid > *:nth-child(2) { transition-delay: 0.1s; }
.av-yt.is-visible .av-yt__grid > *:nth-child(3) { transition-delay: 0.2s; }

@media (max-width: 1199px) {
    .av-yt { padding: 72px 0; }
    .av-yt__title { font-size: 38px; }
    .av-yt__head { margin-bottom: 52px; }
    .av-yt__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 34px; }
}

@media (max-width: 767px) {
    .av-yt { padding: 56px 0; }
    .av-yt__container { width: calc(100% - 40px); }
    .av-yt__title { font-size: 30px; }
    .av-yt__head { margin-bottom: 42px; }
    .av-yt__line { margin-top: 18px; width: 56px; }
    .av-yt__grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .av-yt-card__title { margin-top: 24px; font-size: 21px; }
    .av-yt-card__meta { margin-top: 10px; font-size: 16px; }
    .av-yt-card__play { width: 58px; height: 41px; border-radius: 11px; }
    .av-yt__btn { margin-top: 44px; height: 58px; font-size: 18px; padding: 0 28px; }
}

@media (prefers-reduced-motion: reduce) {
    .av-yt__head,
    .av-yt__grid > *,
    .av-yt__btn {
        opacity: 1;
        transform: none;
        transition: none;
    }
}

/* ===== Homepage Hero + Safari Search restyle (override) ===== */
.afro-hero__content { padding-top: 140px; padding-bottom: 150px; }
.afro-hero__text { text-align: center; margin-bottom: 38px; }
.afro-hero__title {
    font-family: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.08;
    color: #ffffff;
    margin: 0 0 18px;
    letter-spacing: -0.01em;
    text-shadow: 0 2px 4px rgba(0,0,0,0.55), 0 6px 16px rgba(0,0,0,0.7), 0 12px 36px rgba(0,0,0,0.55);
}
.afro-hero__subtitle {
    font-family: 'Montserrat', 'Inter', 'Segoe UI', Tahoma, sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 1.55;
    color: rgba(255,255,255,0.95);
    max-width: 700px;
    margin: 0 auto;
    text-shadow: 0 2px 6px rgba(0,0,0,0.6), 0 4px 14px rgba(0,0,0,0.45);
}

.afro-search { max-width: 1280px; margin: 0 auto; }
.afro-search__form { width: 100%; }
.afro-search__bar {
    display: grid;
    grid-template-columns:
        minmax(320px, 1.25fr)
        minmax(230px, 0.9fr)
        minmax(280px, 1.08fr)
        minmax(260px, 1fr);
    align-items: stretch;
    gap: 0;
    box-sizing: border-box;
    background: rgba(15, 23, 20, 0.66);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    border-radius: 14px;
    padding: 15px;
    box-shadow: 0 18px 44px rgba(0,0,0,0.30);
}
.afro-search__field {
    position: relative;
    background: #ffffff;
    height: 82px;
    min-height: 82px;
    border-right: 1px solid #e7e7e7;
    box-sizing: border-box;
    overflow: visible;
}
.afro-search__field:last-of-type { border-right: none; }

.afro-search__field-inner {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: text;
}
.afro-search__input-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.afro-search__icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    line-height: 1;
    color: #084d2a;
    z-index: 2;
    pointer-events: none;
}
.afro-search__stack {
    position: absolute;
    left: 56px;
    right: 18px;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.afro-search__label {
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.2;
    margin-bottom: 3px;
    white-space: nowrap;
}
.afro-search__input {
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 23px;
    font-weight: 600;
    color: #111827;
    padding: 0;
    line-height: 1.2;
    box-sizing: border-box;
    min-width: 0;
}
.afro-search__input::placeholder { color: #9aa1ab; font-weight: 500; }
.destination-search-input { caret-color: #084d2a; cursor: text; }

.afro-search__clear {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: #eef0f2;
    color: #4b5563;
    cursor: pointer;
    z-index: 4;
}
.afro-search__clear:hover { background: #e2e4e8; color: #111827; }

.search-submit-button {
    margin-left: 10px;
    height: 82px;
    min-height: 82px;
    padding: 0 30px;
    background: #084d2a;
    color: #ffffff;
    border: none;
    border-radius: 7px;
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(8,77,42,0.35);
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
    transition: background .2s ease, transform .15s ease;
    box-sizing: border-box;
}
.search-submit-button:hover { background: #063d22; transform: translateY(-1px); }
.afro-search__btn-icon { font-size: 18px; }

/* Destination dropdown */
.destination-dropdown[hidden] {
    display: none !important;
}

.destination-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    width: 528px;
    max-width: calc(100vw - 24px);
    background: #ffffff;
    border: 1px solid #d4d4d4;
    border-radius: 0;
    box-shadow: 0 3px 8px rgba(0,0,0,0.22);
    margin-top: 12px;
    overflow: visible;
    display: flex;
    flex-direction: column;
}
.destination-dropdown__pointer {
    position: absolute;
    top: -8px;
    left: 40px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-left: 1px solid #d4d4d4;
    border-top: 1px solid #d4d4d4;
    transform: rotate(45deg);
    z-index: 1;
}
.destination-dropdown__header {
    position: relative;
    flex: 0 0 auto;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #f1f1f1;
    color: #333333;
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 19px;
    font-weight: 400;
    border-bottom: 1px solid #d4d4d4;
    border-radius: 0;
}
.destination-dropdown__close {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    background: #4b4b4b;
    border: none;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.destination-dropdown__close svg { stroke: #ffffff; }
.destination-dropdown__list {
    max-height: 590px;
    overflow-y: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
}
.destination-item {
    display: block;
    width: 100%;
    text-align: left;
    background: #ffffff;
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding: 14px 20px;
    cursor: pointer;
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
}
.destination-item:last-child { border-bottom: none; }
.destination-item:hover,
.destination-item.is-active { background: #f0f7f2; }
.destination-item__name {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: #0876a6;
    line-height: 1.3;
}
.destination-item__cat {
    display: block;
    font-size: 14px;
    color: #8a9099;
    line-height: 1.3;
}
.destination-item--empty {
    padding: 18px 20px;
    color: #8a9099;
    font-size: 15px;
    cursor: default;
}

.destination-field { transition: box-shadow .15s ease; }
.destination-field:focus-within {
    box-shadow: inset 0 0 0 2px rgba(8,77,42,0.35);
    border-radius: 2px;
}

@media (max-width: 991px) {
    .afro-hero__content { padding-top: 110px; padding-bottom: 120px; }
    .afro-hero__title { font-size: 48px; }
    .afro-hero__subtitle { font-size: 18px; }
    .afro-search { max-width: 100%; }
    .afro-search__bar {
        grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
    }
    .afro-search__field { border-right: none; }
    .afro-search__field:nth-child(1) { border-right: 1px solid #e7e7e7; }
    .search-submit-button { font-size: 16px; padding: 0 22px; }
}

@media (max-width: 767px) {
    .afro-hero__content { padding-top: 90px; padding-bottom: 100px; }
    .afro-hero__title { font-size: 34px; }
    .afro-hero__subtitle { font-size: 16px; }
    .afro-search__bar {
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 12px;
    }
    .afro-search__field {
        width: 100%;
        height: 70px;
        min-height: 70px;
        border-right: none;
        border-bottom: 1px solid #e7e7e7;
        border-radius: 0;
    }
    .afro-search__field:last-of-type { border-bottom: none; }
    .search-submit-button {
        width: 100%;
        height: 64px;
        margin-left: 0;
        margin-top: 10px;
        justify-content: center;
    }
    .destination-dropdown {
        position: absolute;
        left: 0;
        right: 0;
        width: auto;
        max-width: 100%;
        margin-top: 8px;
    }
    .destination-dropdown__pointer { display: none; }
}
/* ===== End Hero + Search restyle ===== */
/* ===== How It Works (premium safari journey) ===== */
.hiw {
    position: relative;
    background: #f7f3ea;
    padding: 110px 0 120px;
    overflow: hidden;
}
.hiw__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.hiw__bg-pattern {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23c4893f' stroke-width='1'%3E%3Cpath d='M22 2 L42 22 L22 42 L2 22 Z'/%3E%3Cpath d='M22 12 L32 22 L22 32 L12 22 Z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 44px 44px;
    opacity: 0.05;
}
.hiw__bg-acacia {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 300px;
    height: 230px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 170'%3E%3Cg fill='%23084d2a'%3E%3Cpath d='M104 78 L104 168 L114 168 L114 78 Z'/%3E%3Cpath d='M28 76 C40 48 72 38 110 38 C150 38 184 50 194 78 C172 64 150 58 132 60 C142 48 120 42 110 44 C100 42 78 50 90 60 C70 58 46 64 28 76 Z'/%3E%3C/g%3E%3C/svg%3E") no-repeat right bottom / contain;
    opacity: 0.06;
}
.hiw__container { position: relative; z-index: 1; }

.hiw__head { text-align: center; margin-bottom: 70px; }
.hiw__head--left { text-align: left; }
.hiw__head--left .hiw__eyebrow { justify-content: flex-start; }
.hiw__desc {
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255,255,255,.7);
    margin-top: 12px;
    max-width: 560px;
}
.hiw__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}
.hiw__eyebrow-text {
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: #c4893f;
}
.hiw__eyebrow-line {
    width: 46px;
    height: 1px;
    background: linear-gradient(90deg, rgba(196,137,63,0), #c4893f);
}
.hiw__eyebrow-line:last-child { background: linear-gradient(90deg, #c4893f, rgba(196,137,63,0)); }
.hiw__eyebrow-diamond {
    width: 7px;
    height: 7px;
    background: #c4893f;
    transform: rotate(45deg);
    flex: 0 0 auto;
}
.hiw__title {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 64px;
    font-weight: 600;
    line-height: 1.1;
    color: #232a2e;
    margin: 0;
}

.hiw__cards-wrap { position: relative; }
.hiw__journey {
    position: absolute;
    left: 0;
    right: 0;
    top: -54px;
    height: 80px;
    z-index: 1;
    pointer-events: none;
}
.hiw__journey-svg { width: 100%; height: 100%; display: block; }

.hiw__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px;
    position: relative;
}
.hiw-card {
    position: relative;
    background: #ffffff;
    border: 1px solid #e7d8c2;
    border-radius: 20px;
    padding: 64px 34px 48px;
    text-align: center;
    min-height: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 12px 30px rgba(35, 42, 46, 0.06);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.hiw-card__marker {
    position: absolute;
    top: -38px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #ffffff;
    border: 3px solid #c4893f;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.14);
    z-index: 3;
}
.hiw-card__marker::after {
    content: "";
    position: absolute;
    inset: 5px;
    border-radius: 50%;
    background: #c4893f;
}
.hiw-card__tab {
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 7px;
    border-radius: 5px;
    z-index: 2;
}
.hiw-card--green .hiw-card__tab { background: #084d2a; }
.hiw-card--gold .hiw-card__tab { background: #c4893f; }

.hiw-card__icon {
    width: 72px;
    height: 72px;
    margin-bottom: 18px;
    transition: transform 0.35s ease;
}
.hiw-card__icon svg { width: 100%; height: 100%; display: block; }
.hiw-card--green .hiw-card__icon { color: #084d2a; }
.hiw-card--gold .hiw-card__icon { color: #c4893f; }

.hiw-card__num {
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 60px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 10px;
}
.hiw-card--green .hiw-card__num { color: #084d2a; }
.hiw-card--gold .hiw-card__num { color: #c4893f; }

.hiw-card__title {
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #232a2e;
    margin: 0 0 14px;
}
.hiw-card__desc {
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.6;
    color: #5b636b;
    max-width: 320px;
    margin: 0 auto;
}
.hiw-card__pattern {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 92px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    background-repeat: repeat;
    background-position: bottom center;
    background-size: 28px 14px;
    opacity: 1;
    pointer-events: none;
    z-index: 0;
}
.hiw-card--green .hiw-card__pattern {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cg fill='none' stroke='%23084d2a' stroke-opacity='0.18' stroke-width='1.2'%3E%3Cpath d='M0 14 L14 1 L28 14'/%3E%3Cpath d='M0 7 L14 -6 L28 7'/%3E%3C/g%3E%3C/svg%3E");
}
.hiw-card--gold .hiw-card__pattern {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cg fill='none' stroke='%23c4893f' stroke-opacity='0.18' stroke-width='1.2'%3E%3Cpath d='M0 14 L14 1 L28 14'/%3E%3Cpath d='M0 7 L14 -6 L28 7'/%3E%3C/g%3E%3C/svg%3E");
}

.hiw-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 26px 46px rgba(35, 42, 46, 0.13);
    border-color: #975f2c;
}
.hiw-card:hover .hiw-card__icon { transform: scale(1.06); }

@media (max-width: 991px) {
    .hiw { padding: 90px 0 100px; }
    .hiw__title { font-size: 50px; }
    .hiw__grid { gap: 40px; }
    .hiw-card { padding: 58px 26px 42px; min-height: 430px; }
    .hiw-card__icon { width: 64px; height: 64px; }
    .hiw-card__num { font-size: 52px; }
    .hiw-card__title { font-size: 23px; }
    .hiw-card__desc { font-size: 18px; }
}

@media (max-width: 860px) and (min-width: 768px) {
    .hiw__journey { display: none; }
    .hiw__grid { grid-template-columns: repeat(2, 1fr); gap: 36px 32px; }
    .hiw-card:nth-child(3) {
        grid-column: 1 / -1;
        max-width: 360px;
        margin: 0 auto;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .hiw { padding: 70px 0 80px; }
    .hiw__title { font-size: 40px; }
    .hiw__head { margin-bottom: 56px; }
    .hiw__journey { display: none; }
    .hiw__cards-wrap { padding-left: 54px; }
    .hiw__cards-wrap::before {
        content: "";
        position: absolute;
        left: 26px;
        top: 26px;
        bottom: 26px;
        border-left: 3px dotted rgba(196, 137, 63, 0.7);
    }
    .hiw__grid { grid-template-columns: 1fr; gap: 44px; }
    .hiw-card { width: 100%; min-height: 0; padding: 44px 26px 40px; }
    .hiw-card__marker { top: 24px; left: -27px; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
    .hiw-card, .hiw-card__icon { transition: none; }
    .hiw-card:hover { transform: none; }
    .hiw-card:hover .hiw-card__icon { transform: none; }
}
/* ===== End How It Works ===== */

/* ===== Plan Your Tour — premium split safari CTA ===== */
.plan-cta {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 660px;
    background: #084d2a;
    overflow: hidden;
}
.plan-cta__media {
    position: relative;
    flex: 0 0 42%;
    width: 42%;
    align-self: stretch;
}
.plan-cta__img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.plan-cta__panel {
    position: relative;
    flex: 0 0 calc(58% + 120px);
    width: calc(58% + 120px);
    margin-left: -120px;
    align-self: stretch;
    background: #084d2a;
    clip-path: url(#planCtaCurve);
    display: flex;
    align-items: center;
}
.plan-cta__decor {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}
.plan-cta__contours {
    position: absolute;
    left: -40px;
    top: -40px;
    width: 120%;
    height: 120%;
    opacity: 0.07;
}
.plan-cta__compass {
    position: absolute;
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
    width: 360px;
    height: 360px;
    opacity: 0.08;
}
.plan-cta__content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 750px;
    padding: 70px 80px 70px 150px;
}
.plan-cta__label {
    display: block;
    font-family: 'Montserrat', 'Inter', sans-serif;
    text-transform: uppercase;
    color: #d8a24a;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
}
.plan-cta__label-line {
    display: block;
    width: 56px;
    height: 2px;
    background: #d8a24a;
    margin: 14px 0 26px;
}
.plan-cta__title {
    font-family: 'Cormorant Garamond', serif;
    color: #f6f1e7;
    font-size: clamp(40px, 5vw, 72px);
    line-height: 1.05;
    font-weight: 700;
    margin: 0 0 26px;
    max-width: 13ch;
}
.plan-cta__desc {
    color: #e7e2d4;
    font-size: 20px;
    line-height: 1.6;
    margin: 0 0 36px;
    max-width: 620px;
}
.plan-cta__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    align-items: center;
}
.plan-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    height: 64px;
    border-radius: 999px;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: transform .3s ease, background .3s ease, box-shadow .3s ease, color .3s ease, border-color .3s ease;
    cursor: pointer;
    border: 2px solid transparent;
    padding: 0 18px;
}
.plan-cta__btn--primary {
    width: 275px;
    background: #c4893f;
    color: #08251a;
    box-shadow: 0 10px 26px rgba(196,137,63,0.35);
}
.plan-cta__btn--primary:hover,
.plan-cta__btn--primary:focus-visible {
    background: #a9702f;
    transform: translateY(-3px);
    box-shadow: 0 16px 34px rgba(196,137,63,0.45);
    color: #08251a;
}
.plan-cta__btn--wa {
    width: 345px;
    background: transparent;
    border-color: #c4893f;
    color: #ffffff;
}
.plan-cta__btn--wa:hover,
.plan-cta__btn--wa:focus-visible {
    background: #25D366;
    border-color: #25D366;
    color: #ffffff;
    transform: translateY(-3px);
}
.plan-cta__btn--wa .bi-whatsapp {
    font-size: 22px;
}
.plan-cta__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
    color: #e7e2d4;
    font-size: 17px;
}
.plan-cta__trust-item {
    white-space: nowrap;
}
.plan-cta__trust-sep {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #c4893f;
    display: inline-block;
}
@media (max-width: 1199.98px) {
    .plan-cta__media {
        flex-basis: 45%;
        width: 45%;
    }
    .plan-cta__panel {
        flex-basis: calc(55% + 120px);
        width: calc(55% + 120px);
    }
    .plan-cta__content {
        padding: 60px 60px 60px 130px;
    }
    .plan-cta__title {
        font-size: clamp(40px, 5.4vw, 54px);
    }
}
@media (max-width: 991.98px) {
    .plan-cta {
        flex-direction: column;
        min-height: 0;
    }
    .plan-cta__media {
        flex: 0 0 auto;
        width: 100%;
        height: 340px;
        border-bottom-left-radius: 46% 60px;
        border-bottom-right-radius: 46% 60px;
        overflow: hidden;
    }
    .plan-cta__panel {
        flex: 0 0 auto;
        width: 100%;
        margin-left: 0;
        clip-path: none;
        border-radius: 0;
    }
    .plan-cta__content {
        padding: 48px 28px 56px;
        max-width: 100%;
    }
    .plan-cta__title {
        font-size: clamp(34px, 8vw, 42px);
    }
    .plan-cta__actions {
        gap: 14px;
    }
    .plan-cta__btn--primary,
    .plan-cta__btn--wa {
        width: 100%;
    }
    .plan-cta__compass {
        right: -120px;
        width: 280px;
        height: 280px;
    }
}
@media (max-width: 575.98px) {
    .plan-cta__media {
        height: 300px;
    }
    .plan-cta__desc {
        font-size: 18px;
    }
    .plan-cta__trust {
        font-size: 15px;
        gap: 10px;
    }
}
/* Destination dropdown — flat SafariBookings-style list (scoped to override generic .destination-item gallery styles) */
.destination-dropdown .destination-item {
    display: block;
    width: 100%;
    min-height: 74px;
    margin: 0;
    padding: 12px 18px;
    background: #ffffff;
    background-image: none;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    filter: none;
    text-align: left;
    cursor: pointer;
    font-family: 'Montserrat', 'Inter', 'Segoe UI', sans-serif;
    overflow: visible;
    position: relative;
}
.destination-dropdown .destination-item::before,
.destination-dropdown .destination-item::after {
    display: none !important;
    content: none !important;
    background: none !important;
}
.destination-dropdown .destination-item:last-child {
    border-bottom: none;
}
.destination-dropdown .destination-item:hover,
.destination-dropdown .destination-item.is-active {
    background: #eef7f8 !important;
    border-left: 4px solid #084d2a;
    padding-left: 14px;
}
.destination-dropdown .destination-item__name {
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
    color: #00779d;
}
.destination-dropdown .destination-item__cat {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #555555;
}
.destination-dropdown .destination-item--empty {
    padding: 18px 18px;
    color: #555555;
    font-size: 15px;
    cursor: default;
    background: #ffffff;
}
/* ===== Section title hover underline (white) ===== */
.section-header-six h2,
.latest-blog-heading {
    cursor: pointer;
}
.section-header-six h2:hover,
.latest-blog-heading:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #ffffff;
    text-decoration-color: #ffffff;
    text-decoration-thickness: 2px;
    text-underline-offset: 6px;
}
/* ===== End section title hover underline ===== */
/* ===== Card title white underline on hover ===== */
.afro-tour-card:hover .afro-tour-card__title,
.afro-tour-card:focus-within .afro-tour-card__title {
    text-decoration: underline;
    -webkit-text-decoration-color: #ffffff;
    text-decoration-color: #ffffff;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
/* ===== Customer Reviews carousel (3 cards desktop) ===== */
.testi-carousel-wrap {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 64px 52px;
}
.testi-carousel { position: relative; }

.testi-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 400px;
    background: #ffffff;
    border: 1px solid #e6e6e6;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    padding: 30px 28px;
    margin: 0;
}
.testi-card__stars {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 16px;
}
.testi-card__stars .ti-star-filled { color: #e6a817; }
.testi-card__text {
    font-family: 'Inter', 'Montserrat', sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: #44505b;
    flex: 1 1 auto;
    overflow: hidden;
    margin: 0 0 16px;
}
.testi-card__more {
    align-self: flex-start;
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-weight: 700;
    font-size: 14.5px;
    color: #084d2a;
    text-decoration: none;
    margin-bottom: 18px;
}
.testi-card__more:hover,
.testi-card__more:focus-visible {
    color: #0a6635;
    text-decoration: underline;
}
.testi-card__person {
    display: flex;
    align-items: center;
    margin-top: auto;
}
.testi-card__person .avatar img {
    width: 52px;
    height: 52px;
    object-fit: cover;
}
.testi-card__name {
    font-family: 'Montserrat', 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #232a2e;
}
.testi-card__loc {
    font-size: 13px;
    color: #8a9099;
}
.testi-card--empty {
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* Arrows (outside the first/third card) */
.testi-carousel-wrap .owl-nav {
    position: absolute;
    top: 0;
    bottom: 52px;
    left: 0;
    right: 0;
    pointer-events: none;
    margin: 0;
}
.testi-carousel-wrap .owl-prev,
.testi-carousel-wrap .owl-next {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #084d2a;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    line-height: 1;
    pointer-events: auto;
    cursor: pointer;
    box-shadow: 0 6px 16px rgba(8, 77, 42, 0.35);
    transition: background 0.2s ease, transform 0.2s ease;
}
.testi-carousel-wrap .owl-prev { left: 0; }
.testi-carousel-wrap .owl-next { right: 0; }
.testi-carousel-wrap .owl-prev:hover,
.testi-carousel-wrap .owl-next:hover { background: #0a6635; transform: translateY(-50%) scale(1.05); }
.testi-carousel-wrap .owl-prev.disabled,
.testi-carousel-wrap .owl-next.disabled { opacity: 0.35; cursor: default; box-shadow: none; }

/* Pagination dots */
.testi-carousel-wrap .owl-dots {
    position: absolute;
    bottom: 12px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0;
}
.testi-carousel-wrap .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px;
}
.testi-carousel-wrap .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cfd6da;
    transition: background 0.2s ease, width 0.2s ease;
}
.testi-carousel-wrap .owl-dots .owl-dot.active span {
    width: 26px;
    border-radius: 6px;
    background: #084d2a;
}

@media (max-width: 767.98px) {
    .testi-carousel-wrap { padding: 8px 42px 48px; }
    .testi-carousel-wrap .owl-prev,
    .testi-carousel-wrap .owl-next { width: 38px; height: 38px; font-size: 22px; }
    .testi-card { height: auto; min-height: 360px; padding: 26px 22px; }
}
/* ===== End Customer Reviews carousel ===== */

/* ══════════════════════════════════════════════════════════════════════
   SAFARI CINEMA WALL — Premium Interactive Gallery
   ══════════════════════════════════════════════════════════════════════ */

.scw {
  padding: 80px 0 68px;
  background: #102A24;
  position: relative;
  overflow: hidden;
}

.scw::before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .04;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
  background-size: 200px 200px;
  pointer-events: none;
}

.scw__inner {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 48px;
  position: relative;
  z-index: 1;
}

/* ── Header ────────────────────────────────────────── */

.scw__header {
  max-width: 600px;
  margin-bottom: 44px;
}

.scw__eyebrow {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #B78B4A;
  margin: 0 0 16px;
}

.scw__title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(40px, 4.5vw, 64px);
  font-weight: 500;
  line-height: 1.08;
  color: #F3EBDD;
  margin: 0 0 16px;
}

.scw__subtitle {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 17px;
  line-height: 1.55;
  color: rgba(243, 235, 221, .75);
  margin: 0;
}

/* ── Category Filter Bar ─────────────────────────── */

.scw__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
}

.scw__filter-btn {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: rgba(243, 235, 221, .55);
  background: transparent;
  border: 1px solid rgba(183, 139, 74, .2);
  border-radius: 100px;
  padding: 8px 20px;
  cursor: pointer;
  transition: color .3s ease, border-color .3s ease, background .3s ease;
  white-space: nowrap;
}

.scw__filter-btn:hover {
  color: rgba(243, 235, 221, .85);
  border-color: rgba(183, 139, 74, .45);
}

.scw__filter-btn--active {
  color: #0A1010;
  background: #B78B4A;
  border-color: #B78B4A;
}

.scw__filter-btn--active:hover {
  color: #0A1010;
  background: #c99a58;
  border-color: #c99a58;
}

.scw__filter-btn:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: 2px;
}

/* ── Cinema Wall Grid ──────────────────────────────── */

.scw__wall {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 340px;
  gap: 12px;
  height: 580px;
}

/* ── Left Film Reel ────────────────────────────────── */

.scw__reel {
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  position: relative;
}

.scw__reel::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background: rgba(183, 139, 74, .2);
  z-index: 1;
}

.scw__reel-frame {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: opacity .3s ease;
  min-height: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .35), 0 1px 4px rgba(0, 0, 0, .2);
  border-radius: 3px;
}

.scw__reel-frame + .scw__reel-frame {
  border-top: 2px solid rgba(183, 139, 74, .18);
}

.scw__reel-frame::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(10, 20, 16, .55);
  z-index: 1;
  transition: opacity .3s ease;
  pointer-events: none;
}

.scw__reel-frame--active::before {
  opacity: 0;
}

.scw__reel-frame--active {
  box-shadow: inset 0 0 0 2px #B78B4A;
  z-index: 2;
}

.scw__reel-frame:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: -2px;
}

.scw__reel-num {
  position: absolute;
  top: 8px;
  left: 10px;
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 600;
  color: #B78B4A;
  z-index: 2;
  line-height: 1;
  text-shadow: 0 1px 4px rgba(0,0,0,.6);
}

.scw__reel-thumb {
  flex: 1;
  overflow: hidden;
}

.scw__reel-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ── Main Stage ────────────────────────────────────── */

.scw__stage {
  position: relative;
  height: 580px;
  border-radius: 8px;
  overflow: hidden;
}

.scw__frame {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity .45s ease;
  pointer-events: none;
}

.scw__frame--active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.scw__frame-img-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .25);
}

.scw__frame-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 40%;
  display: block;
}

.scw__frame-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
}

.scw__frame-link .scw__frame-img {
  width: 100%;
  height: 100%;
}

.scw__frame-grad {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      to top,
      rgba(10, 20, 16, .78) 0%,
      rgba(10, 20, 16, .30) 30%,
      transparent 55%
    ),
    linear-gradient(
      to right,
      rgba(10, 20, 16, .40) 0%,
      transparent 40%
    );
  pointer-events: none;
}

.scw__frame-curve {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 110px;
  height: 110px;
  background: #102A24;
  border-radius: 100% 0 0 0;
  pointer-events: none;
}

.scw__frame-caption {
  position: absolute;
  bottom: 24px;
  left: 28px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.scw__frame-cat {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: rgba(243, 235, 221, .7);
}

.scw__frame-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: clamp(24px, 2.5vw, 34px);
  font-weight: 600;
  color: #F3EBDD;
  line-height: 1.15;
}

.scw__frame-desc {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  color: rgba(243, 235, 221, .6);
  max-width: 360px;
}

/* ── Central Explore Control ───────────────────────── */

.scw__explore {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 82px;
  height: 82px;
  border-radius: 50%;
  border: 1.5px solid rgba(243, 235, 221, .45);
  background: rgba(10, 20, 16, .32);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  color: #F3EBDD;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  cursor: pointer;
  transition: transform .3s ease, border-color .3s ease, background .3s ease;
}

.scw__explore:hover {
  transform: translate(-50%, -50%) scale(1.06);
  border-color: rgba(243, 235, 221, .7);
  background: rgba(10, 20, 16, .48);
}

.scw__explore:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: 5px;
}

.scw__explore-ring {
  position: absolute;
  inset: -14px;
  border-radius: 50%;
  border: 1px solid rgba(243, 235, 221, .14);
  pointer-events: none;
}

.scw__explore-play {
  display: flex;
  align-items: center;
  justify-content: center;
}

.scw__explore-play svg {
  display: block;
}

.scw__explore-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 8px;
  font-weight: 600;
  letter-spacing: 2.2px;
  text-transform: uppercase;
  color: rgba(243, 235, 221, .55);
  white-space: nowrap;
  line-height: 1;
}

/* ── Stage Nav Arrows ──────────────────────────────── */

.scw__stage-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(243, 235, 221, .25);
  background: rgba(10, 20, 16, .35);
  color: #F3EBDD;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity .3s ease, background .3s ease;
}

.scw__stage:hover .scw__stage-nav,
.scw__stage-nav:focus-visible {
  opacity: 1;
}

.scw__stage-nav:hover {
  background: rgba(10, 20, 16, .6);
}

.scw__stage-nav:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: 2px;
  opacity: 1;
}

.scw__stage-nav--prev { left: 14px; }
.scw__stage-nav--next { right: 14px; }

/* ── Right Editorial Panel ─────────────────────────── */

.scw__panel {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.scw__panel-inner {
  flex: 1;
  background: #F3EBDD;
  border: 1px solid rgba(183, 139, 74, .22);
  border-radius: 0 8px 8px 0;
  padding: 30px 26px;
  display: flex;
  flex-direction: column;
  margin-left: -4px;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23g)' opacity='.02'/%3E%3C/svg%3E");
  box-shadow: 0 10px 40px rgba(0, 0, 0, .35), 0 2px 10px rgba(0, 0, 0, .20);
}

.scw__panel-chapter {
  font-family: 'Cormorant Garamond', serif;
  font-size: 46px;
  font-weight: 600;
  color: #A97535;
  line-height: 1;
  margin-bottom: 12px;
}

.scw__panel-divider {
  height: 1px;
  background: rgba(183, 139, 74, .40);
  margin-bottom: 16px;
}

.scw__panel-label {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #806F59;
  margin-bottom: 8px;
}

.scw__panel-statement {
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 23px;
  font-weight: 500;
  color: #172019;
  line-height: 1.3;
  margin: 0 0 12px;
}

.scw__panel-caption {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12.5px;
  line-height: 1.55;
  color: #46504B;
  margin: 0 0 16px;
}

.scw__panel-meta {
  margin-bottom: 20px;
}

.scw__panel-meta-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 12px;
  color: #46504B;
}

.scw__panel-meta-row svg {
  flex-shrink: 0;
  color: #B78B4A;
  opacity: .85;
}

/* ── Next-frame Previews ───────────────────────────── */

.scw__previews {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 16px;
  flex: 1;
}

.scw__preview {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  border: 1.5px solid transparent;
  border-radius: 5px;
  background: transparent;
  cursor: pointer;
  transition: background .25s, border-color .25s;
  text-align: left;
}

.scw__preview:hover {
  background: rgba(183, 139, 74, .08);
}

.scw__preview--active {
  border-color: rgba(183, 139, 74, .40);
  background: rgba(183, 139, 74, .06);
}

.scw__preview:focus-visible {
  outline: 1.5px solid #B78B4A;
  outline-offset: 1px;
}

.scw__preview-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 18px;
  font-weight: 600;
  color: #A97535;
  min-width: 24px;
  flex-shrink: 0;
}

.scw__preview-thumb {
  width: 220px;
  height: 90px;
  border-radius: 4px;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
}

.scw__preview-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.scw__preview-title {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #46504B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
}

/* ── View All Control ──────────────────────────────── */

.scw__viewall-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
  padding-bottom: 8px;
}

.scw__viewall {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  border: 1.5px solid rgba(183, 139, 74, .35);
  background: #071A16;
  color: #F3EBDD;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  cursor: pointer;
  transition: background .3s, border-color .3s, transform .2s;
}

.scw__viewall:hover {
  background: #102A24;
  border-color: #B78B4A;
  transform: translateY(-2px);
}

.scw__viewall:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: 3px;
}

.scw__viewall-text {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(243, 235, 221, .75);
  text-align: center;
  line-height: 1.3;
}

.scw__viewall-text strong {
  font-family: 'Cormorant Garamond', serif;
  font-size: 22px;
  font-weight: 700;
  color: #F3EBDD;
  display: block;
  line-height: 1.1;
}

.scw__viewall-arrow {
  color: #B78B4A;
  transition: transform .25s;
}

.scw__viewall:hover .scw__viewall-arrow {
  transform: translateX(3px);
}

/* ── Bottom Cinema Timeline ────────────────────────── */

.scw__timeline {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 36px;
}

.scw__tl-arrow {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid rgba(183, 139, 74, .3);
  background: transparent;
  color: rgba(243, 235, 221, .6);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .25s, color .25s, border-color .25s;
}

.scw__tl-arrow:hover {
  background: rgba(183, 139, 74, .12);
  color: #F3EBDD;
  border-color: #B78B4A;
}

.scw__tl-arrow:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: 2px;
}

.scw__tl-track {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0;
  position: relative;
  padding: 8px 0;
}

.scw__tl-line {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1.5px;
  background: rgba(183, 139, 74, .2);
  transform: translateY(-50%);
  pointer-events: none;
}

.scw__tl-fill {
  display: block;
  height: 100%;
  background: #B78B4A;
  width: 0%;
  transition: width .4s ease;
}

.scw__tl-tick {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 0 4px;
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.scw__tl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1D2924;
  border: 1.5px solid rgba(183, 139, 74, .4);
  transition: background .3s, border-color .3s, transform .2s;
}

.scw__tl-tick--active .scw__tl-dot {
  background: #B78B4A;
  border-color: #B78B4A;
  transform: scale(1.25);
}

.scw__tl-tick:hover .scw__tl-dot {
  border-color: #B78B4A;
}

.scw__tl-tick:focus-visible {
  outline: 2px solid #B78B4A;
  outline-offset: 4px;
}

.scw__tl-cat {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: rgba(243, 235, 221, .4);
  transition: color .3s;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.scw__tl-tick--active .scw__tl-cat {
  color: #B78B4A;
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Tablet (≤ 1199px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 1199.98px) {
  .scw {
    padding: 64px 0 56px;
  }

  .scw__inner {
    padding: 0 28px;
  }

  .scw__header {
    margin-bottom: 36px;
  }

  .scw__filters {
    margin-bottom: 28px;
  }

  .scw__filter-btn {
    font-size: 11px;
    padding: 7px 16px;
  }

  .scw__wall {
    grid-template-columns: 140px minmax(0, 1fr) 300px;
    gap: 10px;
    height: 500px;
  }

  .scw__stage {
    height: 500px;
  }

  .scw__reel-num {
    font-size: 15px;
  }

  .scw__panel-inner {
    padding: 24px 20px;
  }

  .scw__panel-chapter {
    font-size: 38px;
  }

  .scw__panel-statement {
    font-size: 20px;
  }

  .scw__frame-curve {
    width: 80px;
    height: 80px;
  }

  .scw__explore {
    width: 72px;
    height: 72px;
  }

  .scw__viewall {
    width: 96px;
    height: 96px;
  }

  .scw__viewall-text {
    font-size: 10px;
  }

  .scw__viewall-text strong {
    font-size: 18px;
  }

  .scw__preview-thumb {
    width: 180px;
    height: 72px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Mobile (≤ 767px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 767.98px) {
  .scw {
    padding: 52px 0 44px;
  }

  .scw__inner {
    padding: 0 16px;
  }

  .scw__header {
    margin-bottom: 28px;
  }

  .scw__filters {
    gap: 6px;
    margin-bottom: 24px;
  }

  .scw__filter-btn {
    font-size: 10px;
    letter-spacing: 1.5px;
    padding: 6px 14px;
  }

  .scw__eyebrow {
    font-size: 10px;
    letter-spacing: 4px;
  }

  .scw__subtitle {
    font-size: 15px;
  }

  .scw__wall {
    grid-template-columns: 1fr;
    height: auto;
    gap: 12px;
  }

  /* Main image first */
  .scw__stage {
    order: 1;
    height: auto;
    border-radius: 6px;
  }

  .scw__frame-img-wrap {
    aspect-ratio: 16 / 10;
    border-radius: 6px;
  }

  .scw__frame-curve {
    width: 50px;
    height: 50px;
  }

  .scw__frame-caption {
    bottom: 16px;
    left: 16px;
  }

  .scw__frame-cat {
    font-size: 9px;
    letter-spacing: 2px;
  }

  .scw__frame-title {
    font-size: 22px;
  }

  .scw__explore {
    width: 64px;
    height: 64px;
  }

  .scw__explore-ring {
    inset: -10px;
  }

  .scw__explore-play svg {
    width: 18px;
    height: 18px;
  }

  .scw__stage-nav {
    width: 34px;
    height: 34px;
  }

  .scw__stage-nav--prev { left: 8px; }
  .scw__stage-nav--next { right: 8px; }

  /* Film reel becomes horizontal strip */
  .scw__reel {
    order: 2;
    flex-direction: row;
    gap: 0;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-snap-type: x mandatory;
    padding: 0;
    height: auto;
  }

  .scw__reel::-webkit-scrollbar {
    display: none;
  }

  .scw__reel::after {
    display: none;
  }

  .scw__reel-frame {
    flex: 0 0 100px;
    min-height: 72px;
    scroll-snap-align: start;
    flex-direction: row;
  }

  .scw__reel-frame + .scw__reel-frame {
    border-top: none;
    border-left: 2px solid rgba(183, 139, 74, .18);
  }

  .scw__reel-frame::before {
    display: none;
  }

  .scw__reel-frame--active {
    box-shadow: inset 0 0 0 2px #B78B4A;
  }

  .scw__reel-num {
    top: 4px;
    left: 6px;
    font-size: 12px;
  }

  /* Panel moves below */
  .scw__panel {
    order: 3;
    height: auto;
  }

  .scw__panel-inner {
    margin-left: 0;
    border-radius: 6px;
    padding: 22px 18px;
  }

  .scw__panel-chapter {
    font-size: 30px;
    margin-bottom: 8px;
  }

  .scw__panel-statement {
    font-size: 18px;
    margin-bottom: 10px;
  }

  .scw__panel-caption {
    font-size: 12px;
    margin-bottom: 12px;
  }

  /* Previews horizontal */
  .scw__previews {
    flex-direction: row;
    gap: 8px;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 4px 0;
    margin-bottom: 12px;
  }

  .scw__previews::-webkit-scrollbar {
    display: none;
  }

  .scw__preview {
    flex: 0 0 auto;
    flex-direction: row;
    gap: 8px;
    padding: 5px 8px;
  }

  .scw__preview-num {
    font-size: 12px;
    min-width: 16px;
  }

  .scw__preview-thumb {
    width: 140px;
    height: 58px;
  }

  .scw__preview-title {
    display: none;
  }

  .scw__viewall-wrap {
    justify-content: center;
    margin-top: 8px;
    padding-bottom: 0;
  }

  .scw__viewall {
    width: 88px;
    height: 88px;
  }

  .scw__viewall-text {
    font-size: 9px;
  }

  .scw__viewall-text strong {
    font-size: 16px;
  }

  /* Timeline */
  .scw__timeline {
    margin-top: 20px;
    gap: 10px;
  }

  .scw__tl-arrow {
    width: 28px;
    height: 28px;
  }

  .scw__tl-cat {
    font-size: 8px;
    letter-spacing: .8px;
  }

  .scw__tl-dot {
    width: 8px;
    height: 8px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Small mobile (≤ 430px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 430px) {
  .scw__inner {
    padding: 0 12px;
  }

  .scw__frame-title {
    font-size: 20px;
  }

  .scw__reel-frame {
    flex: 0 0 85px;
    min-height: 60px;
  }

  .scw__panel-inner {
    padding: 18px 14px;
  }

  .scw__panel-chapter {
    font-size: 26px;
  }

  .scw__panel-statement {
    font-size: 16px;
  }

  .scw__viewall {
    width: 80px;
    height: 80px;
  }

  .scw__explore {
    width: 56px;
    height: 56px;
  }
}

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE — Very small mobile (≤ 360px)
   ══════════════════════════════════════════════════════════════════════ */

@media (max-width: 360px) {
  .scw__inner {
    padding: 0 10px;
  }

  .scw__frame-caption {
    bottom: 12px;
    left: 12px;
  }

  .scw__frame-title {
    font-size: 18px;
  }

  .scw__panel-chapter {
    font-size: 24px;
  }

  .scw__panel-statement {
    font-size: 15px;
  }

  .scw__viewall {
    width: 74px;
    height: 74px;
  }

  .scw__explore {
    width: 50px;
    height: 50px;
  }
}

/* ── Reduced motion ─────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  .scw__frame {
    transition: none !important;
  }
  .scw__reel-frame {
    transition: none !important;
  }
  .scw__tl-fill {
    transition: none !important;
  }
  .scw__explore {
    transition: none !important;
  }
  .scw__viewall {
    transition: none !important;
  }
  .scw__viewall-arrow {
    transition: none !important;
  }
  .scw__tl-dot {
    transition: none !important;
  }
}

/* ================================================================
   COMPREHENSIVE MOBILE-FIRST RESPONSIVE LAYER
   Afro-Vertex Tours & Safaris
   ================================================================
   Rules at the end of the file override equivalent specificity
   due to cascade order.  All media queries use the same
   breakpoint values already established in this stylesheet.
   ================================================================ */

/* ── 0. GLOBAL SAFETY ─────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
img, video, iframe, svg, embed, object, table { max-width: 100%; height: auto; }
/* Prevent any section from creating horizontal scroll
   (overflow-x: clip — not hidden — so the sticky nav still sticks) */
html { overflow-x: clip; }
body { overflow-x: clip; }

/* ── 1. CONTAINER / SECTION PADDING FIXES ─────────────────────── */

/* About section: reduce massive horizontal padding */
@media (max-width: 991.98px) {
  .afro-about__container { padding: 0 32px; }
  .afro-about { padding: 72px 0 80px; }
  .afro-about__grid {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .afro-about__photos {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
  }
  .afro-about__polaroid {
    position: relative !important;
    width: 180px;
    transform: rotate(0deg) !important;
  }
}

@media (max-width: 767.98px) {
  .afro-about__container { padding: 0 16px; }
  .afro-about { padding: 52px 0 60px; }
  .afro-about__title { font-size: clamp(24px, 6vw, 32px); }
  .afro-about__text { font-size: 15px; }
  .afro-about__checklist { gap: 12px; }
  .afro-about__check-label { font-size: 13px; }
  .afro-about__photos { display: none; }
}

@media (max-width: 430px) {
  .afro-about__container { padding: 0 14px; }
  .afro-about { padding: 40px 0 48px; }
}

/* Section header six responsive */
@media (max-width: 767.98px) {
  .section-header-six { margin-bottom: 28px; }
  .section-header-six h2 { font-size: clamp(24px, 6vw, 32px); }
  .section-header-six__desc { font-size: 14px; }
}

/* Generic section containers: ensure no overflow */
@media (max-width: 767.98px) {
  .container { width: 100%; max-width: 100%; padding-left: 16px; padding-right: 16px; }
}

/* ── 2. HERO SECTION ──────────────────────────────────────────── */

@media (max-width: 991.98px) {
  .afro-hero { min-height: 600px; }
  .afro-hero__title { font-size: clamp(36px, 7vw, 52px); max-width: 800px; }
  .afro-hero__subtitle { font-size: 18px; max-width: 580px; }
  .afro-hero__content { padding: 100px 0 80px; }
}

@media (max-width: 767.98px) {
  .afro-hero { min-height: 520px; }
  .afro-hero__title {
    font-size: clamp(28px, 8vw, 38px);
    max-width: 100%;
    letter-spacing: -0.3px;
    padding: 0 8px;
  }
  .afro-hero__subtitle {
    font-size: 15px;
    max-width: 100%;
    padding: 0 8px;
    margin-bottom: 28px;
  }
  .afro-hero__content { padding: 80px 0 70px; }
}

@media (max-width: 575.98px) {
  .afro-hero { min-height: 480px; }
  .afro-hero__title { font-size: clamp(24px, 8.5vw, 32px); }
  .afro-hero__subtitle { font-size: 14px; line-height: 1.5; }
  .afro-hero__content { padding: 70px 0 60px; }
}

@media (max-width: 430px) {
  .afro-hero { min-height: 440px; }
  .afro-hero__title { font-size: clamp(22px, 8vw, 28px); }
  .afro-hero__subtitle { font-size: 13px; }
}

@media (max-width: 360px) {
  .afro-hero { min-height: 400px; }
  .afro-hero__title { font-size: 22px; }
}

/* ── 3. SEARCH BAR ────────────────────────────────────────────── */
/* The search bar uses a 4-column grid at desktop with minmax pixel values.
   On tablet and mobile, collapse to 2-col, then 1-col. */

@media (max-width: 991.98px) {
  .afro-search__bar {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    border-radius: 12px;
    padding: 10px;
  }
  .afro-search__field { height: 72px; min-height: 72px; }
  .afro-search__field:nth-child(1) { border-right: 1px solid #e7e7e7; }
  .afro-search__input { font-size: 18px; }
}

@media (max-width: 767.98px) {
  .afro-search { width: 100%; max-width: 100%; padding: 0 16px; }
  .afro-search__bar {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 10px;
    border-radius: 12px;
  }
  .afro-search__field {
    width: 100%;
    height: 64px;
    min-height: 64px;
    border-right: none !important;
    border-bottom: 1px solid #e7e7e7;
    border-radius: 0;
  }
  .afro-search__field:last-of-type { border-bottom: none; }
  .afro-search__input { font-size: 16px; }
  .afro-search__label { font-size: 12px; }
  .afro-search__icon { font-size: 22px; left: 14px; }
  .afro-search__stack { left: 44px; right: 14px; }
  .search-submit-button {
    width: 100%;
    height: 56px;
    margin-left: 0;
    margin-top: 8px;
    justify-content: center;
    font-size: 15px;
  }
  .destination-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    width: auto;
    max-width: 100%;
    margin-top: 4px;
  }
  .destination-dropdown__pointer { display: none; }
}

@media (max-width: 430px) {
  .afro-search { padding: 0 12px; }
  .afro-search__bar { padding: 8px; border-radius: 10px; }
  .afro-search__field { height: 58px; min-height: 58px; }
  .afro-search__input { font-size: 15px; }
  .afro-search__stack { left: 40px; right: 10px; }
  .search-submit-button { height: 52px; font-size: 14px; }
}

/* Trust strip below hero */
@media (max-width: 767.98px) {
  .afro-trust__grid { grid-template-columns: 1fr 1fr; }
  .afro-trust__item { padding: 12px 10px; }
  .afro-trust__text { font-size: 12px; white-space: normal; }
}
@media (max-width: 430px) {
  .afro-trust__grid { grid-template-columns: 1fr; }
}

/* ── 4. SAFARI ATLAS EXPLORER ─────────────────────────────────── */

@media (max-width: 991.98px) {
  .sae { padding: 64px 0; }
  .sae__inner { padding: 0 32px; }
  .sae__canvas { grid-template-columns: 1fr; gap: 24px; }
  .sae__visual { min-height: 320px; }
  .sae__info { padding: 24px; }
  .sae__notes { grid-template-columns: 1fr 1fr 1fr; }
}

@media (max-width: 767.98px) {
  .sae { padding: 48px 0; }
  .sae__inner { padding: 0 16px; }
  .sae__title { font-size: clamp(24px, 7vw, 36px); }
  .sae__rail-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .sae__rail { gap: 0; min-width: max-content; }
  .sae__marker { min-width: 80px; padding: 8px 10px; font-size: 12px; }
  .sae__marker-name { font-size: 11px; }
  .sae__visual { min-height: 260px; }
  .sae__img-frame { height: 240px; }
  .sae__notes { grid-template-columns: 1fr; gap: 14px; }
  .sae__note { padding: 12px; }
  .sae__actions { flex-direction: column; gap: 10px; }
  .sae__btn { width: 100%; justify-content: center; }
  .sae__info { padding: 18px; }
  .sae__desc { font-size: 14px; }
  .sae__route { overflow-x: auto; }
  .sae__route-inner { min-width: max-content; padding: 0 16px; }
}

@media (max-width: 430px) {
  .sae { padding: 36px 0; }
  .sae__visual { min-height: 220px; }
  .sae__img-frame { height: 200px; }
  .sae__info { padding: 14px; }
  .sae__country-name { font-size: 22px; }
  .sae__btn { min-height: 46px; font-size: 13px; }
}

/* ── 5. TOUR CARD GRID ────────────────────────────────────────── */

@media (max-width: 991.98px) {
  .afro-tour-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 767.98px) {
  .afro-tour-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 0 16px;
  }
  .afro-tour-card__img-wrap { height: 240px; }
  .afro-tour-card__title { padding: 16px 18px; }
  .afro-tour-card__title a { font-size: clamp(20px, 5vw, 24px); }
}

@media (max-width: 430px) {
  .afro-tour-grid { padding: 0 12px; gap: 16px; }
  .afro-tour-card__img-wrap { height: 200px; }
  .afro-tour-card__body { padding: 14px 16px 18px; }
  .afro-tour-card__cta { min-height: 44px; padding: 10px 16px; font-size: 14px; }
}

/* ── 6. HOW IT WORKS ──────────────────────────────────────────── */
/* Already has responsive rules at 991px, 767px — add small screen tweaks */

@media (max-width: 575.98px) {
  .hiw { padding: 56px 0 64px; }
  .hiw__grid { gap: 16px; }
  .hiw-card { padding: 20px; }
  .hiw-card__icon { width: 48px; height: 48px; }
  .hiw-card__title { font-size: 18px; }
  .hiw-card__desc { font-size: 14px; }
}

@media (max-width: 430px) {
  .hiw { padding: 40px 0 48px; }
  .hiw-card { padding: 16px; }
}

/* ── 7. STAY / ACCOMMODATIONS SECTION ─────────────────────────── */

@media (max-width: 991.98px) {
  .stay-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
}

@media (max-width: 767.98px) {
  .stay-grid { grid-template-columns: 1fr; gap: 16px; }
  .stay-grid { padding: 0 16px; }
  .stay-card { border-radius: 10px; }
}

/* ── 8. WHY CHOOSE US ─────────────────────────────────────────── */

@media (max-width: 767.98px) {
  .why-grid { grid-template-columns: 1fr; gap: 16px; }
}

/* ── 9. PLAN CTA SECTION ──────────────────────────────────────── */
/* Already has comprehensive responsive rules — verify stacking */

@media (max-width: 767.98px) {
  .plan-cta__btn { min-height: 50px; font-size: 13px; }
  .plan-cta__content { padding: 36px 20px 44px; }
  .plan-cta__title { font-size: clamp(28px, 8vw, 38px); }
  .plan-cta__desc { font-size: 16px; }
  .plan-cta__media { height: 260px; }
}

@media (max-width: 430px) {
  .plan-cta__media { height: 220px; }
  .plan-cta__content { padding: 28px 16px 36px; }
  .plan-cta__title { font-size: clamp(24px, 8vw, 32px); }
  .plan-cta__btn { min-height: 48px; font-size: 12px; padding: 0 14px; }
  .plan-cta__trust { font-size: 13px; gap: 8px; }
  .plan-cta__trust-sep { width: 5px; height: 5px; }
}

/* ── 10. TRAVELLER STORIES / REVIEWS ──────────────────────────── */

@media (max-width: 767.98px) {
  .testi-carousel-wrap { padding: 0 16px; }
  .testi-card { padding: 24px 18px; }
  .owl-prev, .owl-next { width: 36px; height: 36px; }
}

/* ── 11. LATEST BLOG SECTION ──────────────────────────────────── */
/* Already has responsive rules — verify small screen */

@media (max-width: 575.98px) {
  .latest-blog-section { padding: 36px 14px 48px; }
  .blog-card { height: 250px; }
  .blog-card-title { left: 18px; right: 14px; bottom: 18px; font-size: clamp(16px, 5vw, 20px); }
  .all-blog-posts-button { min-height: 50px; font-size: 16px; padding: 0 20px; margin-top: 32px; }
}

/* ── 12. FEATURED TOURS ───────────────────────────────────────── */
/* Already has grid responsive — verify container */

@media (max-width: 575.98px) {
  .featured-tours-container { width: calc(100% - 28px); }
  .featured-tours-grid { gap: 16px; }
}

/* ── 13. YOUTUBE SUBSCRIBE SECTION ────────────────────────────── */

@media (max-width: 767.98px) {
  .av-yt { padding: 48px 0; }
  .av-yt__container { width: calc(100% - 28px); }
  .av-yt__title { font-size: clamp(22px, 6vw, 30px); }
}

@media (max-width: 430px) {
  .av-yt { padding: 36px 0; }
  .av-yt__container { width: calc(100% - 24px); }
}

/* ── 14. FOOTER ───────────────────────────────────────────────── */
/* Footer has rules at 1100px, 760px, 520px — add more for small screens */

@media (max-width: 520px) {
  .avf-footer { padding: 48px 16px 0; }
  .avf-about { padding: 0 0 28px; text-align: center; }
  .avf-grid { gap: 28px; }
  .avf-grid__col { width: 100%; }
  .avf-heading { font-size: 16px; }
  .avf-text { font-size: 14px; }
  .avf-links li { font-size: 13px; padding: 5px 0; }
  .avf-utility { flex-direction: column; gap: 16px; padding: 20px 0; }
  .avf-partners { padding: 20px 0; }
  .avf-partner { width: 48px; height: 48px; padding: 6px; }
  .avf-copyright { padding: 16px 0; text-align: center; }
  .avf-copyright-inner { flex-direction: column; gap: 10px; text-align: center; }
  .avf-copyright-logo { margin: 0 auto; }
}

@media (max-width: 360px) {
  .avf-footer { padding: 36px 14px 0; }
}

/* ── 15. TOUR LISTING PAGE ────────────────────────────────────── */

@media (max-width: 767.98px) {
  .sfb-container { width: calc(100% - 28px); }
  .sfb-breadcrumb .sfb-container { min-height: 40px; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .sfb-tour-card__body { padding: 14px; }
  .sfb-tour-card__footer { flex-direction: column; align-items: flex-start; gap: 12px; }
}

@media (max-width: 575.98px) {
  .sfb-container { width: calc(100% - 24px); }
  .sfb-tour-card__image-wrap { min-height: 220px; }
  .sfb-results-header h1 { font-size: clamp(28px, 7vw, 36px); }
}

/* Filter drawer mobile */
@media (max-width: 991.98px) {
  .sfb-sidebar {
    width: min(400px, calc(100vw - 24px));
    padding: 14px;
  }
}

/* FAQ section on tours listing */
@media (max-width: 991.98px) {
  .sfb-faq__layout { flex-direction: column; gap: 32px; }
  .sfb-faq__panel { flex: 0 0 auto; max-width: 100%; }
  .sfb-faq__panel-inner { position: static; }
}
@media (max-width: 767.98px) {
  .sfb-faq-item { padding-left: 56px; }
  .sfb-faq-item__num { width: 42px; height: 42px; font-size: 16px; }
  .sfb-faq-item::before { left: 20px; top: 44px; }
  .sfb-faq__content h2 { font-size: clamp(24px, 6vw, 32px); }
}

/* ── 16. TOUR DETAIL PAGE ─────────────────────────────────────── */

@media (max-width: 767.98px) {
  .td-hero__img { height: 240px; }
  .td-hero__title { font-size: 30px; max-width: 100%; }
  .td-hero__content { padding: 100px 0 24px; }
  .td-hero__rating { flex-wrap: wrap; gap: 6px; }
  .td-tabs { overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; padding: 0 16px; }
  .td-tab { padding: 0 14px; font-size: 13px; }
  .td-layout { grid-template-columns: 1fr; gap: 20px; padding: 20px 0 10px; }
  .td-sidebar { order: -1; }
  .td-quote-card { position: static; }
  .td-section { margin-bottom: 20px; }
  .td-white-card, .td-side-card, .td-quote-card { padding: 16px; }
  .td-heading { font-size: 22px; margin-bottom: 16px; }
  .td-related__grid { grid-template-columns: 1fr; gap: 16px; }
  .td-features { grid-template-columns: 1fr; }
  .td-form__grid, .td-form__contact { grid-template-columns: 1fr; }
  .td-radio-row { flex-wrap: wrap; gap: 6px; }
  .td-route { grid-template-columns: 1fr; }
  .td-inc-grid { grid-template-columns: 1fr; }
  .td-getting { grid-template-columns: 1fr; }
  .td-offered__tours { grid-template-columns: 1fr; }
}

@media (max-width: 430px) {
  .td-hero__title { font-size: 26px; }
  .td-hero__img { height: 200px; }
  .td-tab { padding: 0 10px; font-size: 12px; }
  .td-btn--xl { min-height: 46px; padding: 10px 20px; font-size: 14px; }
}

/* ── 17. DESTINATION DETAIL PAGE ──────────────────────────────── */

@media (max-width: 991.98px) {
  .td-layout { grid-template-columns: 1fr; }
  .td-sidebar { order: -1; }
  .td-quote-card { position: static; }
}

@media (max-width: 767.98px) {
  .td-hero__img { height: 220px; }
  .td-hero__title { font-size: 30px; max-width: 100%; }
  .td-hero__content { padding: 80px 0 20px; }
  .td-overview { font-size: 16px; }
  .td-interested { padding: 32px 16px; text-align: center; }
  .td-interested h2 { font-size: clamp(22px, 6vw, 28px); }
  .td-interested p { font-size: 14px; }
  .td-operator__logo { height: 40px; }
  .td-operator__logo img { max-height: 40px; }
  .td-review { padding: 12px 0; }
}

@media (max-width: 430px) {
  .td-hero__img { height: 180px; }
  .td-hero__title { font-size: 26px; }
  .td-overview { font-size: 15px; }
}

/* ── 18. BLOG LISTING PAGE ────────────────────────────────────── */

@media (max-width: 991.98px) {
  .blog-grid { grid-template-columns: 1fr !important; }
  .blog-sidebar { order: -1; margin-bottom: 24px; }
}

@media (max-width: 767.98px) {
  .blog-card { height: 260px; }
  .blog-card-title { left: 18px; right: 14px; bottom: 16px; font-size: clamp(16px, 5vw, 20px); }
}

/* ── 19. BLOG DETAIL PAGE ─────────────────────────────────────── */

@media (max-width: 767.98px) {
  .blog-detail-hero { height: 280px; }
  .blog-detail-content { font-size: 16px; padding: 0 16px; }
  .blog-detail-content img { border-radius: 6px; margin: 16px 0; }
}

/* ── 20. CONTACT PAGE ─────────────────────────────────────────── */

@media (max-width: 767.98px) {
  .contact-grid { grid-template-columns: 1fr !important; }
  .contact-form { padding: 24px 16px; }
}

/* ── 21. GROUP DEPARTURES PAGE ────────────────────────────────── */

@media (max-width: 767.98px) {
  .departure-card { flex-direction: column; }
  .departure-card__image { height: 200px; width: 100%; }
}

/* ── 22. NAVIGATION HEADER ────────────────────────────────────── */

@media (max-width: 991.98px) {
  .av-nav__menu { display: none !important; }
  .av-nav__hamburger { display: flex; }
  .av-nav__whatsapp--desktop { display: none; }
  .av-nav__whatsapp-circle { display: flex; }
}

@media (min-width: 992px) {
  .av-drawer { display: none; }
}

/* Drawer panel responsive */
@media (max-width: 430px) {
  .av-drawer__panel { width: 100%; }
}

/* ── 23. CALENDAR / POPOVER RESPONSIVE ────────────────────────── */
/* Already has mobile bottom-sheet rules — add small screen tweaks */

@media (max-width: 360px) {
  .start-date-calendar, .travelers-popover {
    width: calc(100% - 16px);
    bottom: 8px;
  }
  .tp-rows { padding: 14px 12px; gap: 14px; }
  .tp-row__label { font-size: 18px; }
  .tp-counter { max-width: 200px; }
  .tp-counter__btn { width: 48px; height: 48px; }
  .sdc-month { font-size: 20px; }
  .calendar-day { min-height: 38px; font-size: 14px; }
}

/* ── 24. LIGHTBOX RESPONSIVE ──────────────────────────────────── */

@media (max-width: 767.98px) {
  .td-lightbox__arrow { width: 38px; height: 38px; }
  .td-lightbox__arrow--prev { left: 6px; }
  .td-lightbox__arrow--next { right: 6px; }
  .td-lightbox__stage img { max-height: 60vh; }
}

/* ── 25. ACCOMMODATIONS TABLE ─────────────────────────────────── */

@media (max-width: 767.98px) {
  .td-acc-table { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .td-acc-row { min-width: 600px; }
  .td-acc-thumbs { gap: 6px; }
  .td-acc-thumb { width: 60px; height: 45px; }
}

/* ── 26. MOBILE SCROLL-TO-TOP ─────────────────────────────────── */

@media (max-width: 767.98px) {
  .scroll-to-top { width: 44px !important; height: 44px !important; bottom: 20px !important; right: 14px !important; }
}

/* ── 27. WHATSAPP / EMAIL FLOATING BUTTONS ────────────────────── */

@media (max-width: 767.98px) {
  .floating-buttons { bottom: 74px; right: 14px; }
  .floating-buttons a { width: 46px; height: 46px; }
}

/* ── 28. CINEMA WALL (SCW) — SMALL SCREENS ───────────────────── */
/* Already has extensive rules — add 430px and 360px for completeness */

@media (max-width: 430px) {
  .scw__stage { height: auto; min-height: 220px; }
  .scw__frame-title { font-size: clamp(18px, 5vw, 22px); }
  .scw__explore { width: 64px; height: 64px; }
  .scw__explore-play svg { width: 22px; height: 22px; }
  .scw__panel { padding: 16px 14px; }
  .scw__panel-chapter { font-size: 11px; }
  .scw__panel-statement { font-size: clamp(16px, 4.5vw, 20px); }
}

/* ── 29. AFRO-ABOUT — POLOID IMAGES RESPONSIVE ────────────────── */

@media (max-width: 991.98px) {
  .afro-about__polaroid { width: 160px; }
  .afro-about__polaroid-img-wrap { height: 200px; }
}

@media (max-width: 767.98px) {
  .afro-about__polaroid { width: 140px; }
  .afro-about__polaroid-img-wrap { height: 170px; }
}

/* ── 30. DESTINATION CARDS ────────────────────────────────────── */

@media (max-width: 767.98px) {
  .destination-card { margin-bottom: 16px; }
  .destination-card .card-body { padding: 14px; }
  .destination-card .card-title { font-size: 18px; }
}

@media (max-width: 430px) {
  .destination-card .card-img-top { height: 200px; object-fit: cover; }
}

/* ── 31. SUBSCRIBE / NEWSLETTER SECTION ────────────────────────── */

@media (max-width: 767.98px) {
  .subscribe-section { padding: 48px 16px; text-align: center; }
  .subscribe-form { flex-direction: column; gap: 12px; }
  .subscribe-form input { width: 100%; }
  .subscribe-form button { width: 100%; }
}

/* ── 32. ABOUT / GENERIC PAGE ─────────────────────────────────── */

@media (max-width: 767.98px) {
  .page-content { padding: 32px 16px; }
  .page-content h1 { font-size: clamp(24px, 7vw, 32px); }
  .page-content h2 { font-size: clamp(20px, 5vw, 26px); }
  .page-content table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .page-content pre { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ── 33. AUTH / DASHBOARD PAGES ───────────────────────────────── */

@media (max-width: 767.98px) {
  .auth-card { margin: 16px; padding: 24px 16px; }
}

/* ── 34. SCROLL LOCK PREVENTION ───────────────────────────────── */
/* Ensure no section accidentally locks scroll on mobile */
body.sfb-filter-lock,
body.av-no-scroll,
body.td-lock {
  overflow: hidden !important;
  position: fixed;
  width: 100%;
}

/* ── 35. FORM CONTROLS — TOUCH-FRIENDLY SIZING ────────────────── */

@media (max-width: 767.98px) {
  button, input[type="submit"], .btn {
    min-height: 44px;
  }
  input[type="text"], input[type="email"], input[type="tel"],
  input[type="password"], input[type="date"], select, textarea {
    min-height: 44px;
    font-size: 16px !important; /* prevents iOS zoom on focus */
  }
}

/* ── 36. TABLE RESPONSIVE ─────────────────────────────────────── */

@media (max-width: 767.98px) {
  .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }
}

/* ── 37. REDUCED MOTION — GLOBAL ──────────────────────────────── */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   WORLDWIDE GROUP TRAVELLERS
   On-brand country grid + expandable list + visa info panel.
   Palette reused from existing sections: primary #084d2a,
   soft section green tint (#f2f7f3), white card surface, and the
   site shadow/border-radius used on the featured tour cards.
   ══════════════════════════════════════════════════════════════ */

.wwgt {
  background: #f2f7f3;
  padding: 72px 0 84px;
}

.wwgt__head {
  max-width: 760px;
  margin: 0 auto 44px;
  text-align: center;
}

.wwgt__eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
  font-weight: 700;
}

.wwgt__title {
  font-size: 32px;
  color: #084d2a;
  line-height: 1.25;
  margin: 14px 0 0;
  font-weight: 700;
}

.wwgt__desc {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #6c757d;
  margin: 16px auto 0;
  max-width: 640px;
}

/* Equal-height responsive country grid ─ 6 / 4 / 3 / 2 / 1 */
.wwgt__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 28px;
}

@media (max-width: 1199.98px) {
  .wwgt__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
  .wwgt__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767.98px) {
  .wwgt__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 575.98px) {
  .wwgt__grid { grid-template-columns: minmax(0, 1fr); }
}

.wwgt-country {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow:
    0 2px 5px rgba(15, 30, 45, 0.08),
    0 8px 20px rgba(15, 30, 45, 0.08);
  border: 1px solid rgba(8, 77, 42, 0.08);
  text-decoration: none;
  color: #222;
  cursor: pointer;
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
  min-height: 58px;
}

/* Safe reveal of the "more" cards (never fights the grid display) */
.wwgt-country[hidden] { display: none; }

.wwgt-country:hover {
  transform: translateY(-4px);
  border-color: rgba(8, 77, 42, 0.28);
  box-shadow:
    0 6px 14px rgba(15, 30, 45, 0.10),
    0 16px 32px rgba(15, 30, 45, 0.14);
  text-decoration: none;
}

.wwgt-country:focus-visible {
  outline: 3px solid rgba(8, 77, 42, 0.55);
  outline-offset: 2px;
  border-radius: 10px;
}

.wwgt-country__flag {
  flex: 0 0 auto;
  display: inline-flex;
  line-height: 0;
  border-radius: 3px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.wwgt-country__flag img {
  display: block;
  width: 40px;
  height: 30px;
  object-fit: cover;
}

.wwgt-country__name {
  flex: 1 1 auto;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.3;
  color: #2b3a33;
  min-width: 0;
  word-break: break-word;
}

.wwgt-country__chev {
  flex: 0 0 auto;
  display: inline-flex;
  color: rgba(8, 77, 42, 0.55);
  transition: transform 0.22s ease, color 0.22s ease;
}
.wwgt-country:hover .wwgt-country__chev {
  transform: translateX(3px);
  color: #084d2a;
}

/* Expand / search */
.wwgt__expand {
  margin: -6px 0 26px;
  animation: wwgt-reveal 0.3s ease both;
}

.wwgt__search-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #084d2a;
  margin-bottom: 8px;
}

.wwgt__search-box {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #ffffff;
  border: 1px solid rgba(8, 77, 42, 0.2);
  border-radius: 10px;
  padding: 0 14px;
  color: rgba(8, 77, 42, 0.55);
  max-width: 460px;
}

.wwgt__search-input {
  border: 0;
  background: transparent;
  padding: 12px 0;
  font-size: 15px;
  color: #222;
  width: 100%;
  outline: none;
}
.wwgt__search-input::placeholder { color: #8a918e; }
.wwgt__search-box:focus-within {
  border-color: rgba(8, 77, 42, 0.6);
  box-shadow: 0 0 0 3px rgba(8, 77, 42, 0.12);
}

.wwgt__empty {
  margin: 16px 0 0;
  font-size: 15px;
  color: #6c757d;
}

/* Toggle button */
.wwgt__actions {
  text-align: center;
  margin-bottom: 44px;
}

.wwgt__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #084d2a;
  color: #ffffff;
  border: 1px solid #084d2a;
  border-radius: 999px;
  padding: 13px 30px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(8, 77, 42, 0.25);
  transition: background 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}
.wwgt__toggle:hover {
  background: #0a6635;
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(8, 77, 42, 0.3);
}
.wwgt__toggle:focus-visible {
  outline: 3px solid rgba(8, 77, 42, 0.5);
  outline-offset: 2px;
}
.wwgt__toggle-icon {
  font-size: 14px;
  line-height: 1;
  transition: transform 0.22s ease;
}
.wwgt__toggle[aria-expanded="true"] .wwgt__toggle-icon { transform: rotate(180deg); }

/* Visa info panel */
.wwgt__visa {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  background: #ffffff;
  border: 1px solid rgba(8, 77, 42, 0.12);
  border-radius: 14px;
  padding: 26px 28px;
  box-shadow:
    0 2px 5px rgba(15, 30, 45, 0.06),
    0 10px 24px rgba(15, 30, 45, 0.08);
}

.wwgt__visa-body {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  flex: 1 1 320px;
}

.wwgt__visa-badge {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(8, 77, 42, 0.1);
  color: #084d2a;
}

.wwgt__visa-title {
  font-size: 18px;
  font-weight: 700;
  color: #084d2a;
  margin: 0 0 6px;
  line-height: 1.3;
}

.wwgt__visa-text {
  font-family: 'Montserrat', 'Inter', sans-serif;
  font-size: 14.5px;
  line-height: 1.6;
  color: #6c757d;
  margin: 0;
  max-width: 640px;
}

.wwgt__visa-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #084d2a;
  color: #ffffff;
  border-radius: 999px;
  padding: 12px 22px;
  font-size: 14.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.22s ease, transform 0.22s ease;
}
.wwgt__visa-link:hover {
  background: #0a6635;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-2px);
}
.wwgt__visa-link:focus-visible {
  outline: 3px solid rgba(8, 77, 42, 0.5);
  outline-offset: 2px;
}

@keyframes wwgt-reveal {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991.98px) {
  .wwgt { padding: 56px 0 64px; }
  .wwgt__title { font-size: 28px; }
}
@media (max-width: 575.98px) {
  .wwgt { padding: 48px 0 56px; }
  .wwgt__visa { padding: 22px 18px; }
  .wwgt__visa-link { white-space: normal; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .wwgt-country,
  .wwgt-country__chev,
  .wwgt__toggle,
  .wwgt__visa-link,
  .wwgt__expand { animation: none !important; transition: none !important; }
}