@charset "UTF-8";
/* 1. General CSS
1.1. Button CSS
1.2. Title CSS
1.3. Image Ratio CSS */

/* 2. Header CSS */

/* 3. Home CSS  */

/* 4. Slick slider CSS  */

/* 5. Instagram CSS */

/* 6. Logo CSS  */

/* 7. Blog CSS  */

/* 8. App section CSS  */

/* 9. Service CSS */

/* 10. Testimonial CSS */

/* 11. Subscribe CSS */

/* 12. About CSS */

/* 13. Ticket/video section CSS */

/* 14. Gallery section CSS */

/* 15. Category section CSS */

/* 16. Filter section CSS */

/* 17. Full banner section css */

/* 18. Other section CSS */

/* 19. Theme modal CSS */

/* 20. Map CSS */

/* 21. Inner pages CSS */

/* 22. Portfolio CSS */

/* 23. Blog pages CSS*/

/* 24. Footer CSS */

/* 25. Loader CSS */

/* 26. Tap to top CSS */

/* 27. Animation & effect CSS */

/* 28. Theme setting CSS */

/* 29. Menu CSS */

/* 30. Price range CSS */

/* 31. RTL CSS */

/* 32. Dark CSS */

/* 33. Responsiveenu CSS */

/*=====================
01. General css start
==========================*/

:root{
	--theme-color : #f5b754;
	--second-color : #1b1b1b;
	--main-font : "Outfit", serif;
	--second-font : "Quicksand", sans-serif;
}
::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
	background-color: var(--second-color);
}

body {
	position: relative;
	background: white;
	font-size: 15px;
  font-family: var(--main-font);
	overflow-x: hidden;
}

.clrblack {
	color: black !important;
}

.cleblue {
	color: var(--theme-color);
}
.loganame {
	font-size: 40px;
	color:#fff;
}

.margintop1 {
	margin-top: -13px;
	color: #fff;
	font-size: 25px;
}

.clrw {
	color: white;
}
.theme-color{
	color: var(--theme-color);
}

.text-block {
	position: absolute;
	border: 2px solid white;
	width: 90%;
	height: 90%;
	bottom: 20px;
	right: 20px;
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	box-shadow: rgb(220, 219, 216);
	text-align: left;
}

/*slider caption*/

.slider-caption {
	color: #fff;
	text-align: center;
}
.slider-caption .h2 {
	font-size: 50px;
	font-family: var(--main-font);
	font-weight: 900;
	font-family: "Akshar", sans-serif;
}
.slider-caption .h2 span{
	color: var(--theme-color);
}

@media only screen and (max-width: 600px) {
    /*.slider-caption{
        width: 100%;
        padding: 10px;
    }
    .slider-caption .h2 {
        font-size: 30px;
    }*/
    .vtin-txt {
    	margin: 0 0 50px 0px!important;
    	padding: 25px 15px 30px 20px!important;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

h1 {
	font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.1;
	text-transform: uppercase;
}

h2 {
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.001em;
	line-height: 32px;
	text-transform: capitalize;
}

h3 {
	font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.2;
}

h4 {
	font-size: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.2;
	text-transform: capitalize;
}

h5 {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: 1.2;
}

h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.03em;
}

ul {
	padding-left: 0;
	margin-bottom: 0;
}

li {
	display: inline-block;
	font-size: 16px;
	letter-spacing: 0.03em;
}

p {
	font-size: 16px;
/*    line-height: 18px;*/
color: #383838;
letter-spacing: 0.03em;
}

a {
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	letter-spacing: 0.03em;
	text-decoration: none !important;
}

a:hover {
	text-decoration: none !important;
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
}

a:focus {
	outline: none;
}

label {
	letter-spacing: 0.03em;
}

button:focus,
.btn:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

section,
.section-t-space {
	padding-top: 30px;
	padding-bottom: 30px;
}

.section_space {
	padding-top: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));
}

.section-b-space {
	padding-bottom: 50px;
}

.medium-section {
	padding-top: 80px;
	padding-bottom: 80px;
}

.small-section {
	padding-top: 30px;
	padding-bottom: 30px;
}

.xs-section {
	padding: 30px 0;
}

.parallax-img {
	background-attachment: fixed;
}

.radius-cls {
	border-radius: 20px;
}

.radius-cls .social-box {
	border-radius: 6px;
}

/*.bg-inner {
    background-color: #f9f9f9;
}*/

.lh-cls {
	line-height: 1 !important;
}

.w-80 {
	width: 80%;
}

.mb-down {
	margin-bottom: -30px;
}

.form-control {
	height: auto;
}

.form-group {
	margin-bottom: 15px;
}

.form-check-input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.media {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.media .media-body {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.radio_animated {
	cursor: pointer;
	margin-left: 0;
	position: relative;
	margin-right: 12px;
}

.radio_animated:before {
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: scale(0, 0);
	transform: scale(0, 0);
	content: "";
	position: absolute;
	top: 0;
	left: 0.125rem;
	z-index: 1;
	width: 0.75rem;
	height: 0.75rem;
	background: var(--theme-color);
	border-radius: 50%;
}

.radio_animated:after {
	content: "";
	position: absolute;
	top: -0.25rem;
	left: -0.125rem;
	width: 1.25rem;
	height: 1.25rem;
	background: white;
	border: 2px solid #e8ebf2;
	border-radius: 50%;
}

.radio_animated:checked:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}
@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=IBM+Plex+Sans:wght@100;400;500;600;700&display=swap");
/*============================
  2.mixins
============================*/
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;400;500;600;700&display=swap");
header {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

/*============================
  3.rangepicker-plugin
============================*/
.daterangepicker .ranges li.active {
  background-color: var(--theme-color);
}
.daterangepicker td.active {
  background-color: var(--theme-color);
}
.daterangepicker td.active:hover {
  background-color: var(--theme-color);
}

.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 #1310220D;
}
.daterange-wraper .date-range:focus {
  border-left: 0;
}
.daterange-wraper .cal-icon-date {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

/******* Base *******/
/*============================
  4.base
============================*/
body {
  font-family: var(--main-font);
  font-size: 16px;
  color: #4E5561;
  line-height: 1.5;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 991.98px) {
  body {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  body {
    font-size: 14px;
  }
}

::selection {
  background: var(--theme-color);
  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: 20px;
}
p:last-child {
  margin-bottom: 0;
}

strong {
  font-weight: 700;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #111827;
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 0;
}

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

ul {
  list-style: none;
}
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;
}

/*============================
  5.background
============================*/
.bg-primary {
  background-color: var(--theme-color) !important;
}

.bg-secondary {
  background-color: #98AA30 !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: var(--second-color) !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: var(--theme-color) !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: var(--theme-color) !important;
}

.bg-secondary {
  background-color: #98AA30 !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: #98aa30 !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: var(--second-color) !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: var(--second-color) !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: var(--theme-color) !important;
  border: 1px solid var(--theme-color) !important;
  color: #FFF;
}

.bg-secondary {
  background-color: #98AA30 !important;
  border: 1px solid #98AA30 !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: var(--second-color) !important;
  border: 1px solid var(--second-color) !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: var(--theme-color);
}

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

.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 var(--theme-color);
  color: var(--theme-color);
}

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

.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 var(--second-color);
  color: var(--second-color);
}

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

.bg-primary-transparent {
  background-color: #FEEDEB !important;
  color: var(--theme-color) !important;
}
.bg-primary-transparent:hover {
  background-color: #FEEDEB !important;
  color: var(--theme-color) !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: var(--theme-color);
}

.svg-secondary {
  fill: #98AA30;
}

.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: var(--second-color);
}

.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;
}

/******* Components ******/
/*============================
  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: var(--theme-color);
  border-color: rgba(207, 52, 37, 0.1);
}
.alert-primary .alert-link {
  color: var(--theme-color);
}
.alert-primary .custom-alert-icon {
  color: var(--theme-color);
}
.alert-primary .btn-close {
  color: var(--theme-color);
}
.alert-primary .btn-close.custom-close {
  background-color: var(--theme-color);
  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: #98AA30;
  border-color: rgba(152, 170, 48, 0.1);
}
.alert-secondary .alert-link {
  color: #98AA30;
}
.alert-secondary .btn-close {
  color: #98AA30;
}
.alert-secondary .btn-close.custom-close {
  background-color: #98AA30;
  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: var(--second-color);
  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: var(--theme-color);
  color: #FFF;
  border-color: var(--theme-color);
}
.alert-solid-primary .btn-close {
  color: #FFF;
}

.alert-solid-secondary {
  background-color: #98AA30;
  color: #FFF;
  border-color: #98AA30;
}
.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: var(--second-color);
  color: #FFF;
  border-color: var(--second-color);
}
.alert-solid-dark .btn-close {
  color: #FFF;
}

.alert-outline-primary {
  background-color: #FFF;
  color: var(--theme-color);
  border-color: var(--theme-color);
}
.alert-outline-primary .btn-close {
  color: var(--theme-color);
}

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

.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: var(--second-color);
  border-color: var(--second-color);
}
.alert-outline-dark .btn-close {
  color: var(--second-color);
}

.alert-primary.custom-alert-icon {
  border-inline-start: 0.313rem solid var(--theme-color) !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: var(--theme-color);
}

.alert-secondary.custom-alert-icon {
  border-inline-start: 0.313rem solid #98AA30 !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: #98AA30;
}

.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 var(--second-color) !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 var(--theme-color);
}
.custom-alert1.alert-primary .custom-alert-icon {
  color: var(--theme-color);
}
.custom-alert1.alert-secondary {
  border-block-start: 0.313rem solid #98AA30;
}
.custom-alert1.alert-secondary .custom-alert-icon {
  color: #98AA30;
}
.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;
}

/*============================
    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;
}

/*============================
  8.boostrap
============================*/
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--theme-color);
  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: var(--second-color);
  border-color: var(--second-color);
  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: var(--theme-color);
}

.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: var(--theme-color);
}
.list-group a:hover {
  background: #FBDCD7;
  color: var(--theme-color);
}

.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;
}

/*============================
  9.button
============================*/
.btn-primary {
  color: #FFF;
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  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: var(--theme-color);
  border-color: var(--theme-color);
  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: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: #FFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: #b12c20;
  border: 1px solid #b12c20;
  color: #FFF;
}
.btn.btn-secondary {
  background-color: #98AA30;
  border: 1px solid #98AA30;
  color: #FFF;
}
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary.focus, .btn.btn-secondary:active, .btn.btn-secondary.active {
  background-color: #7f8e28;
  border: 1px solid #7f8e28;
  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: #039a58;
  border: 1px solid #039a58;
  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: #0e50d2;
  border: 1px solid #0e50d2;
  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: #0b7267;
  border: 1px solid #0b7267;
  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: #f3bb00;
  border: 1px solid #f3bb00;
  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: #db0000;
  border: 1px solid #db0000;
  color: #FFF;
}
.btn.btn-dark {
  background-color: var(--second-color);
  border: 1px solid var(--second-color);
  color: #FFF;
}
.btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark.focus, .btn.btn-dark:active, .btn.btn-dark.active {
  background-color: #161e2f;
  border: 1px solid #161e2f;
  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: #ccdae5;
  border: 1px solid #ccdae5;
  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: black;
  border: 1px solid black;
  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: #5017ec;
  border: 1px solid #5017ec;
  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: #c01e7c;
  border: 1px solid #c01e7c;
  color: #FFF;
}
.btn.btn-primary {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: #FFF;
}
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-primary:active, .btn.btn-primary.active {
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
  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: #cdd9e4;
  border: 1px solid #cdd9e4;
  color: #393F4D;
}
.btn.btn-white {
  background-color: #FFF;
  border-color: #FFF;
  color: #111827;
}
.btn.btn-white:hover {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  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: var(--theme-color);
}
.btn.btn-primary-light:hover, .btn.btn-primary-light:focus, .btn.btn-primary-light:active {
  background-color: var(--theme-color);
  color: #FFF;
  border-color: var(--theme-color);
}
.btn.btn-secondary-light {
  background-color: rgba(152, 170, 48, 0.1);
  color: #98AA30;
}
.btn.btn-secondary-light:hover, .btn.btn-secondary-light:focus, .btn.btn-secondary-light:active {
  background-color: #98AA30;
  color: #FFF;
  border-color: #98AA30;
}
.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: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.btn.btn-primary-ghost:active {
  color: var(--theme-color);
  border: 1px solid var(--theme-color);
  background-color: transparent;
}
.btn.btn-secondary-ghost {
  background-color: transparent;
  color: #98AA30;
  border: 1px solid #98AA30;
}
.btn.btn-secondary-ghost:active {
  color: #98AA30;
  border: 1px solid #98AA30;
  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 var(--theme-color) !important;
  color: var(--theme-color) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary.active {
  background-color: var(--theme-color) !important;
  border: 1px solid var(--theme-color) !important;
  box-shadow: 0 3px 10px rgba(207, 52, 37, 0.5);
  color: #FFF !important;
}

.btn-outline-secondary {
  border: 1px solid #98AA30 !important;
  color: #98AA30 !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary.focus, .btn-outline-secondary:active, .btn-outline-secondary.active {
  background-color: #98AA30 !important;
  border: 1px solid #98AA30 !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 var(--second-color) !important;
  color: var(--second-color) !important;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark.active {
  background-color: var(--second-color) !important;
  border: 1px solid var(--second-color) !important;
  box-shadow: 0 3px 10px rgba(33, 46, 71, 0.5);
  color: #FFF !important;
}

.btn-soft-primary {
  background-color: #F5B9B0 !important;
  color: var(--theme-color) !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: var(--theme-color);
}

.btn-soft-secondary {
  background-color: #D4E8C9 !important;
  color: #98AA30 !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: #98AA30;
}

.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: var(--second-color);
}

.page-loader {
  width: 48px;
  height: 48px;
  border: 4px solid;
  background: rgba(255, 255, 255, 0.2);
  border-color: transparent var(--theme-color) var(--theme-color) 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 #98AA30 #98AA30 transparent;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*============================
    11.border
============================*/
.badge.badge-primary {
  background: rgba(207, 52, 37, 0.1);
  box-shadow: 0 1px 1px rgba(207, 52, 37, 0.5);
  color: var(--theme-color);
}
.badge.badge-info-100 {
  background: #E7F0FF;
  color: #155EEF;
}

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

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

.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: var(--second-color);
  color: #FFF;
}
.badge.badge-soft-dark {
  background: rgba(33, 46, 71, 0.1);
  color: var(--second-color);
}

.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: var(--second-color);
}
.badge.arrow:hover {
  background: var(--theme-color);
  color: #FFF;
}

.badge.bg-light.arrow:hover {
  background: var(--second-color) !important;
}

.badge-primary-hover:hover {
  background: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
  color: #FFF !important;
}

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

/*============================
  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 var(--theme-color) !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: var(--theme-color) !important;
}
.border.border-secondary {
  border: 1px solid #98AA30 !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: #98aa30 !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 var(--second-color) !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: var(--second-color) !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: var(--theme-color) !important;
}
.border-top.border-secondary {
  border-color: #98AA30 !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: var(--second-color) !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: var(--theme-color) !important;
}
.border-end.border-secondary {
  border-color: #98AA30 !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: var(--second-color) !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: var(--theme-color) !important;
}
.border-bottom.border-secondary {
  border-color: #98AA30 !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: var(--second-color) !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: var(--theme-color) !important;
}
.border-start.border-secondary {
  border-color: #98AA30 !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: var(--second-color) !important;
}

.border-primary {
  border-color: var(--theme-color) !important;
}

.border-secondary {
  border-color: #98AA30 !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;
}

/*============================
 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: var(--theme-color) !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: "IBM Plex Sans", 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: var(--theme-color);
  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: var(--second-color);
  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: var(--theme-color);
}
.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: #98AA30;
}
.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: var(--theme-color);
}
.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: #98AA30;
}
.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: var(--theme-color) !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: #98AA30 !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 #1310220D;
  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 #13102208;
}
.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;
}

/*============================
  13.font
============================*/
/*============================
  14.typography
============================*/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #111827;
  font-family: var(--main-font);
  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: var(--theme-color) !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: #98AA30 !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: var(--second-color) !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: var(--theme-color);
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:focus {
  outline: 0;
}

.link-primary {
  color: var(--theme-color) !important;
}
.link-primary:hover, .link-primary:focus, .link-primary:active {
  color: #a4291d !important;
}

.link-secondary {
  color: #98AA30 !important;
}
.link-secondary:hover, .link-secondary:focus, .link-secondary:active {
  color: #98AA30 !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: var(--second-color) !important;
}
.link-dark:hover, .link-dark:focus, .link-dark:active {
  color: var(--second-color) !important;
}

.link-default {
  color: #4E5561 !important;
}
.link-default:hover, .link-default:focus, .link-default:active {
  color: var(--theme-color) !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 var(--theme-color);
}
.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 #98AA30;
}
.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;
}

/*============================
  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: var(--theme-color);
}
.form-control-primary:focus {
  background-color: rgba(207, 52, 37, 0.1);
  color: var(--theme-color);
}

.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(var(--theme-color)), 0.2);
  color: var(--theme-color);
}
.form-select option:select {
  background-color: rgba(var(var(--theme-color)), 0.2);
  color: var(--theme-color);
}
.form-select option:hover {
  background-color: rgba(var(var(--theme-color)), 0.2);
  color: var(--theme-color);
}
.form-select option:focus {
  background-color: rgba(var(var(--theme-color)), 0.2);
  color: var(--theme-color);
}

.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: var(--theme-color);
  border-color: var(--theme-color);
}
.form-check-input:checked ~ .form-check-label {
  color: #111827;
}
.form-check-input.form-checked-outline:checked {
  background-color: transparent;
  border-color: var(--theme-color);
}
.form-check-input.form-checked-secondary:checked {
  background-color: #98AA30;
  border-color: #98AA30;
}
.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: var(--second-color);
  border-color: var(--second-color);
}
.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: var(--theme-color);
  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: #98AA30;
}
.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: var(--second-color);
}

.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: var(--theme-color);
  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: #98AA30;
}
.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: var(--second-color);
}

fieldset:disabled .btn {
  color: #FFF;
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}

.form-select:focus {
  border-color: rgba(var(var(--theme-color)), 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: var(--theme-color);
  color: #FFF;
}

.label-secondary {
  background: #98AA30;
  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: var(--second-color);
  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: var(--theme-color);
  opacity: 1;
}
.form-floating.floating-primary input {
  border: 1px solid var(--theme-color);
}
.form-floating.floating-primary > .form-control:focus ~ label {
  color: var(--theme-color) !important;
}
.form-floating.floating-secondary label {
  color: #98AA30;
  opacity: 1;
}
.form-floating.floating-secondary input {
  border: 1px solid #98AA30;
}
.form-floating.floating-secondary > .form-control:focus ~ label {
  color: #98AA30 !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;
}

.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: var(--theme-color);
  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: var(--theme-color);
}
.vertical-tabs-2 .nav-item .nav-link.active:hover {
  color: #FFF;
}
.vertical-tabs-2 .nav-item .nav-link:hover {
  color: var(--theme-color);
}

.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 var(--theme-color);
  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: var(--theme-color);
  color: #FFF;
  border-radius: 3.125rem;
  font-weight: 500;
}
.vertical-tabs-3 .nav-item .nav-link.active {
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: #FFF;
}
.vertical-tabs-3 .nav-item .nav-link.active:hover {
  background: var(--theme-color);
  border: 1px solid var(--theme-color);
  color: #FFF;
}
.vertical-tabs-3 .nav-item .nav-link.active i {
  background: #FFF;
  color: var(--theme-color);
}
.vertical-tabs-3 .nav-item .nav-link:hover, .vertical-tabs-3 .nav-item .nav-link:focus {
  border: 1px solid var(--theme-color);
  color: var(--theme-color);
  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: var(--theme-color) !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: var(--theme-color);
}

.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: var(--theme-color);
}
.tab-style-2 .nav-item .nav-link:hover i {
  color: var(--theme-color);
}
.tab-style-2 .nav-item .nav-link.active {
  background-color: transparent;
  position: relative;
  border: 0;
  color: var(--theme-color);
}
.tab-style-2 .nav-item .nav-link.active i {
  background-color: rgba(207, 52, 37, 0.1);
  color: var(--theme-color);
}
.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: var(--theme-color);
  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: var(--theme-color);
}
.tab-style-3 .nav-item .nav-link.active {
  background-color: transparent;
  border: 0;
  color: var(--theme-color);
}
.tab-style-3 .nav-item .nav-link.active:before {
  background-color: var(--theme-color);
}
.tab-style-3 .nav-item .nav-link.active:after {
  border-color: var(--theme-color);
  color: var(--theme-color);
}

.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: var(--theme-color);
}
.tab-style-4.nav-tabs .nav-link.active {
  background-color: transparent;
  border: 0;
  color: var(--theme-color);
  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: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.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: var(--theme-color);
}

#tab-style-4 .tab-pane.active {
  border: 1px solid var(--theme-color);
  background-color: var(--theme-color);
  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: var(--theme-color);
}

.tab-style-6 {
  border: 0;
  background-color: #FFF;
  border-radius: 7px;
  color: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
}

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

@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: var(--theme-color);
  background-color: transparent;
  -webkit-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  transition: all 0.2s ease;
  color: var(--theme-color);
}

.nav-tabs .nav-tabs-solid {
  background-color: #FFF;
  border: 0;
}
.nav-tabs .nav-tabs-solid .active {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: #FFF;
}

.nav-tabs .nav-link:hover {
  border-color: transparent;
  color: var(--theme-color);
}
.nav-tabs.nav-tabs-top li a {
  border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top li a.active {
  border-top-color: var(--theme-color);
  border-radius: 0;
}
.nav-tabs.nav-tabs-top li a:hover {
  border-top-color: var(--theme-color);
  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: var(--theme-color);
  background: transparent;
  border-radius: 0;
  color: var(--theme-color);
}
.nav-tabs.nav-tabs-solid {
  border: 0;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded li a.active {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  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: var(--theme-color);
  border-color: var(--theme-color);
  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: var(--theme-color);
}

.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: #98AA30;
  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 var(--theme-color);
  background: var(--theme-color);
  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: var(--theme-color);
  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;
  }
}
/*============================
 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;
}

/*============================
  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: var(--theme-color);
  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;
}

/*============================
  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: var(--theme-color);
  color: #FFF;
}
.table .thead-secondary th {
  background-color: #98AA30;
  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: var(--second-color);
  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: #98AA30;
  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: var(--theme-color);
}
.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: var(--theme-color);
}

.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: var(--theme-color);
  color: #FFF;
}
.hotel-list .table .thead-secondary th {
  background-color: #98AA30;
  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: var(--second-color);
  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: #98AA30;
  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: var(--theme-color);
}
.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: var(--theme-color);
}
.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 ******/
/*============================
  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: var(--theme-color);
  border-color: var(--theme-color);
}
.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;
}

/*============================
  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: var(--theme-color);
  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: var(--theme-color);
}
.back-to-top-icon.show {
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/*============================
  24.header
============================*/
header {
  background: transparent;
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
header .header-btn .theme-toggle {
  color: #FFF;
}
header.fixed {
  position: fixed !important;
  top: 0 !important;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
  background-color: #FFF;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  box-shadow: 0px 4px 34px 0px rgba(229, 229, 229, 0.25);
}
header.fixed .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #111827;
}
header.fixed .header-btn .theme-toggle {
  color: #111827;
}
header.fixed .header-logo.logo-dark {
  display: block;
}
header.fixed .header-logo.logo-white {
  display: none;
}
header.fixed .header__hamburger .sidebar-menu {
  color: #111827;
}
header .header-logo .logo a {
  float: left;
}
header .header-logo .logo a img {
  float: left;
  max-height: 32px;
}
header .header-logo.logo-dark {
  display: none;
}
header .header-nav .main-menu-wrapper {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  position: relative;
  padding: 15px 0;
  margin-bottom: 0;
}
header .header-nav .main-menu-wrapper .main-nav > li {
  padding: 8px 0;
}
header .header-nav .main-menu-wrapper .main-nav > li > a {
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  position: relative;
}
header .header-nav .main-menu-wrapper .main-nav > li > a:hover {
  color: var(--theme-color);
}
header .header-nav .main-menu-wrapper .main-nav > li.active > a::after {
  content: "● ● ●";
  position: absolute;
  bottom: -2px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  width: 24px;
  height: 4px;
  color: #FFF;
  font-size: 9px;
}
header .header-nav .main-menu-wrapper .main-nav > li.active.has-submenu > a::after {
  left: calc(50% - 6px);
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li {
  position: relative;
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li.active {
  color: var(--theme-color);
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li.active > a {
  color: var(--theme-color);
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li a {
  display: block;
  padding: 10px 15px 10px;
  clear: both;
  white-space: nowrap;
  color: #000;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  width: 100%;
  position: relative;
  font-weight: 500;
}
@media (max-width: 991.98px) {
  header .header-nav .main-menu-wrapper .main-nav > li .submenu li a {
    padding: 10px;
    color: #FFF;
    font-size: 12px;
  }
}
header .header-nav .main-menu-wrapper .main-nav > li .submenu li a:hover {
  color: var(--theme-color);
  padding-left: 20px;
}
header .header-nav .main-menu-wrapper .main-nav > li .login-link {
  display: none;
}
header .navbar-header .navbar-brand {
  display: inline-block;
  padding: 0;
  line-height: 0;
}
@media (max-width: 991.98px) {
  header .navbar-header .navbar-brand {
    margin-right: 0;
  }
}
@media (max-width: 575.98px) {
  header .navbar-header .logo {
    display: none;
  }
}
header .navbar-header .logo-small {
  display: none;
}
@media (max-width: 575.98px) {
  header .navbar-header .logo-small {
    display: block;
    width: 100%;
    text-align: center;
  }
}
header .navbar-header #mobile_btn {
  display: none;
  margin-right: 30px;
}
@media (max-width: 991.98px) {
  header .navbar-header #mobile_btn {
    display: inline-block;
    line-height: 0;
  }
}
@media (max-width: 575.98px) {
  header .navbar-header #mobile_btn {
    left: 0;
    margin-right: 0;
    padding: 0 0px;
    position: absolute;
    z-index: 99;
  }
}
header .navbar-header #mobile_btn .bar-icon {
  display: inline-block;
  width: 31px;
}
header .navbar-header #mobile_btn .bar-icon span {
  background-color: var(--theme-color);
  display: block;
  float: left;
  height: 3px;
  margin-bottom: 7px;
  width: 31px;
  border-radius: 2px;
  margin-bottom: 5px;
}
header .navbar-header #mobile_btn .bar-icon span:nth-child(2) {
  width: 20px;
}
header .navbar-header #mobile_btn .bar-icon span:nth-child(3) {
  width: 16px;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  header .navbar-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  header .navbar-header {
    width: 100%;
  }
}
header .main-menu-wrapper {
  margin: 0;
}
header .main-menu-wrapper .menu-header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 60px;
  padding: 0 20px;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  display: none;
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .menu-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    align-items: center;
    background: #FFF;
  }
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .menu-header .menu-logo img {
    width: 160px;
  }
}
header .main-menu-wrapper .menu-header .menu-close {
  font-size: 18px;
  color: var(--theme-color);
}
header .main-menu-wrapper .main-nav > li .submenu > li .submenu {
  left: 15px;
  top: 10%;
  margin-top: 10px;
  font-size: 14px;
  margin: 0;
  min-width: 200px;
  opacity: 0;
  padding-left: 20px;
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  visibility: hidden;
  z-index: 1000;
  border-top: 0;
  display: unset;
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav > li .submenu > li .submenu {
    left: 0;
  }
}
header .main-menu-wrapper .main-nav > li .submenu > li ul li.has-submenu:hover .submenu {
  /*display: block;*/
  top: 0;
  position: relative;
}
header .main-menu-wrapper .main-nav > li .submenu > li.has-submenu > a::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: 13px;
}
header .main-menu-wrapper .main-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav {
    position: relative;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav.active {
    position: unset;
  }
}
header .main-menu-wrapper .main-nav:last-child {
  margin-right: 0;
}
@media (max-width: 1399.98px) {
  header .main-menu-wrapper .main-nav > li {
    margin-right: 18px !important;
  }
  header .main-menu-wrapper .main-nav > li:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1199.98px) {
  header .main-menu-wrapper .main-nav > li {
    margin-right: 10px !important;
  }
  header .main-menu-wrapper .main-nav > li:last-child {
    margin-right: 0;
    border: 0;
  }
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav > li {
    margin-right: 0 !important;
  }
  header .main-menu-wrapper .main-nav > li:last-child {
    margin-right: 0;
    border: 0;
  }
}
header .main-menu-wrapper .main-nav > li.active > a, header .main-menu-wrapper .main-nav > li:hover > a {
  color: #FFF;
}
header .main-menu-wrapper .main-nav > li a i {
  font-size: 12px;
  margin-left: 4px;
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav > li a {
    display: block;
    line-height: 20px;
    padding: 12px 15px;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
  }
  header .main-menu-wrapper .main-nav > li a i {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) and (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav > li a i {
    float: right;
    margin-top: 5px;
    font-size: 14px;
  }
}
header .main-menu-wrapper .main-nav > li:last-child {
  margin-right: 0;
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav > li {
    border-bottom: 1px solid #000;
    padding: 0;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav > li {
    display: block;
    position: relative;
    margin-right: 30px;
  }
  header .main-menu-wrapper .main-nav > li:last-child {
    margin-right: 0;
  }
}
@media (max-width: 1199.98px) {
  header .main-menu-wrapper .main-nav > li {
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav > li > ul {
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
    display: block;
    font-size: 14px;
    left: 0;
    margin: 0;
    min-width: 200px;
    opacity: 0;
    padding: 0;
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    top: 100%;
    visibility: hidden;
    z-index: 1000;
    border-radius: 0 0 10px 10px;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav > li.megamenu {
    position: unset;
    position: relative;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav > li > ul.mega-submenu {
    width: 100%;
    padding: 0;
    border: 0;
    display: block;
    opacity: 0;
    visibility: hidden;
    max-width: 230px;
    transform-origin: center top 0;
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0 16px 50px rgba(0, 0, 0, 0.08);
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav > li.mega-innermenu {
    position: unset;
  }
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu .megamenu-wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu .megamenu-wrapper::before {
  content: "";
  background: url("../img/bg/menu-bg.png") no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  background-position: bottom right;
  background-size: contain;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu h6 {
  margin-bottom: 24px;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li {
  margin-bottom: 16px;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li:last-child {
  margin-bottom: 0;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li a {
  padding: 0 0 0 14px;
  font-weight: 400;
  color: #4E5561;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li a::before {
  font-family: "Fontawesome";
  content: "\f054";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 12px;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li a:hover {
  padding-left: 15px;
}
header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu ul li.active a {
  color: var(--theme-color);
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav > li.mega-innermenu > ul.mega-submenu {
    min-width: 600px;
    width: auto;
  }
}
@media (min-width: 992px) {
  header .main-menu-wrapper .main-nav li.has-submenu:hover > .submenu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    border-radius: 2px;
    border-top: 1px solid var(--theme-color);
  }
  header .main-menu-wrapper .main-nav li.has-submenu.megamenu:hover > .submenu {
    -webkit-transform: translateY(-14px);
    -ms-transform: translateY(-14px);
    transform: translateY(-14px);
  }
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav .has-submenu ul {
    display: none;
    background: var(--theme-color);
  }
}
header .main-menu-wrapper .main-nav li.login-link {
  display: none;
}
@media (max-width: 991.98px) {
  header .main-menu-wrapper .main-nav li.login-link {
    display: block;
  }
}
header .header-btn .btn {
  font-size: 13px;
  border-radius: 55px;
  padding: 7px 12px;
  margin-right: 12px;
}
header .header-btn .btn.btn-white:hover {
  background: var(--theme-color);
  border-color: var(--theme-color);
  color: #FFF;
}
header .header-btn .btn.btn-white:hover a {
  color: #FFF;
}
header .header-btn .btn:last-child {
  margin-right: 0;
}
@media (max-width: 1199.98px) {
  header .header-btn .btn {
    display: none !important;
  }
}
header .header-btn .profile-dropdown {
  margin-right: 12px;
}
header .dropdown-toggle::after {
  display: none;
}

.menu-opened .main-menu-wrapper {
  transform: translateX(0);
}
.menu-opened .main-menu-wrapper body {
  overflow: hidden;
}

.header-topbar {
  padding: 8px 0 0;
  position: relative;
  border-bottom: 1px solid rgba(228, 235, 241, 0.07);
}
.header-topbar p {
  color: #FFF;
}
.header-topbar a{
  color: #fff;
}
.header-topbar .dropdown > a {
  color: #FFF;
  font-weight: 500;
}
.header-topbar .dropdown.flag-dropdown img {
  height: 12px;
}
.header-topbar .dropdown .dropdown-menu {
  z-index: 9999;
}
.header-topbar .cart-dropdown a, .header-topbar .fav-dropdown a {
  color: #FFF;
}
@media (max-width: 767.98px) {
  .header-topbar {
    display: none;
  }
}

.flag-dropdown img {
  height: 12px;
  border-radius: 50%;
}

.count-icon {
  width: 12px;
  height: 12px;
  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;
  font-size: 10px;
  font-weight: 500;
  position: absolute;
  top: -4px;
  right: -4px;
}

.header__hamburger .sidebar-menu {
  color: #FFF;
}

.offcanvas-info {
  background: #FFF none repeat scroll 0 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 350px;
  height: 100%;
  transform: translateX(calc(100% + 80px));
  -webkit-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.offcanvas-info::-webkit-scrollbar {
  display: none;
}

.offcanvas-info.show {
  opacity: 1;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
}

.offcanvas-wrap {
  position: relative;
  height: 100%;
  padding: 20px;
}
.offcanvas-wrap .offcanvas-detail .offcanvas-close {
  text-align: center;
  color: #4E5561;
  position: relative;
  z-index: 9;
  cursor: pointer;
}
.offcanvas-wrap .offcanvas-detail .offcanvas-close:hover {
  color: #FF0000;
}
.offcanvas-wrap .offcanvas-detail .offcanvas__contact {
  margin-top: 20px;
}
.offcanvas-wrap .offcanvas-detail .offcanvas__contact .header-button .btn-theme {
  width: 100%;
  padding: 16px 40px;
}

.offcanvas-overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}

.offcanvas-overlay.overlay-open {
  opacity: 0.8;
  visibility: visible;
}

@media (max-width: 575px) {
  .offcanvas-info {
    width: 300px;
  }

  .offcanvas-wrap {
    padding: 20px;
  }
}
.main-header {
  position: absolute;
  z-index: 1050;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 991.98px) {
  .main-header {
    position: absolute;
  }
}

.wishlist-info {
  background: #F8FAFB;
  border-radius: 10px;
  padding: 20px;
}
.wishlist-info .cart-dropdown a, .wishlist-info .fav-dropdown a {
  font-size: 20px;
  color: #111827;
}

.header-dropdown {
  background: #F8FAFB;
  border-radius: 10px;
  padding: 20px;
}
.header-dropdown .dropdown .dropdown-toggle {
  border-radius: 4px;
  padding: 7px 12px;
  color: #4E5561;
}
.header-dropdown .dropdown .dropdown-toggle::after {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.mean-container .mean-nav ul li a i {
  display: none;
}
.mean-container .mean-nav ul li a.mean-expand i {
  display: block;
}

.megamenu-wrapper {
  padding: 40px;
}
@media (max-width: 991.98px) {
  .megamenu-wrapper {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  .megamenu-wrapper h6 {
    display: none;
  }
}
.megamenu-wrapper .single-demo {
  padding: 8px;
  border: 1px solid #E4EBF1;
  transition: 0.4s;
  border-radius: 10px;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  text-align: center;
}
.megamenu-wrapper .single-demo a {
  padding: 0 !important;
}
@media (max-width: 991.98px) {
  .megamenu-wrapper .single-demo a {
    padding: 4px 4px 4px 16px !important;
  }
}
.megamenu-wrapper .single-demo .demo-img {
  margin-bottom: 16px;
}
.megamenu-wrapper .single-demo .demo-img img {
  border-radius: 4px;
}
@media (max-width: 991.98px) {
  .megamenu-wrapper .single-demo .demo-img {
    display: none;
  }
}
.megamenu-wrapper .single-demo .demo-info a {
  font-size: 14px;
  font-weight: 500;
}
.megamenu-wrapper .single-demo:hover {
  transform: translateY(-2px);
}
@media (max-width: 991.98px) {
  .megamenu-wrapper .single-demo {
    box-shadow: none;
    padding: 0;
    border: 0;
  }
}
.megamenu-wrapper .btn:hover {
  padding-left: 15px !important;
}

.single-demo.active .demo-info a {
  color: var(--theme-color) !important;
}

.menu-img {
  border-radius: 10px;
  max-width: 205px;
  margin-left: auto;
  overflow: hidden;
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.menu-img img {
  border-radius: 10px;
  border: 4px solid #FFF;
  box-shadow: 0px 4px 24px 0px rgba(194, 194, 194, 0.25);
  transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
.menu-img:hover img {
  transform: scale(1.12);
  -webkit-transform: scale(1.12);
  -ms-transform: scale(1.12);
  -webkit-transition: all 0.9s;
  -ms-transition: all 0.9s;
  transition: all 0.9s;
}
@media (max-width: 991.98px) {
  .menu-img {
    display: none;
  }
}

.mean-container .mean-nav .main-nav li.mega-innermenu li a {
  padding: 4px 4px 4px 16px !important;
}
.mean-container .mean-nav .main-nav li.mega-innermenu .megamenu-wrapper ul {
  display: block !important;
}
.mean-container .mean-nav .main-nav li.mega-innermenu .megamenu-wrapper ul li:last-child {
  margin-bottom: 0;
}
.mean-container .mean-nav .main-nav li.mega-innermenu .megamenu-wrapper .mean-expand {
  display: none;
}
.mean-container .mean-nav .main-nav li.mega-menu li a {
  padding: 4px 4px 4px 16px !important;
}

header.header-five .header-nav .main-menu-wrapper .main-nav > li.active > a::after, header.header-four .header-nav .main-menu-wrapper .main-nav > li.active > a::after, header.fixed .header-nav .main-menu-wrapper .main-nav > li.active > a::after {
  color: var(--theme-color);
}
header.header-six.fixed .header-nav .main-menu-wrapper .main-nav > li.active > a::after {
  color: #FFF;
}

.theme-toggle {
  display: none;
}
.theme-toggle.activate {
  display: block;
}

.white-logo-responsive {
  display: none;
}

header.header-five .header-logo.logo-dark {
  display: none;
}
header.header-five .header-logo.logo-white {
  display: block;
}

header.header-four .header-logo.logo-dark {
  display: none;
}
header.header-four .header-logo.logo-white {
  display: block;
}
header.header-three .header-logo.logo-dark {
  display: none;
}
header.header-three .header-logo.logo-white {
  display: block;
}

.header-topbar .logo-white {
  display: none;
}

@media (max-width: 1199.98px) {
  .header-six .header__hamburger {
    margin-left: auto;
  }
  .header-six .header__hamburger .sidebar-menu {
    color: #FFF !important;
  }
  .header-six .header-btn {
    display: none !important;
  }
}

/*============================
  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: var(--theme-color);
}
.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: var(--theme-color);
}
.header-three .header-nav .main-menu-wrapper .main-nav > li.active > a::after {
  color: var(--theme-color);
}
.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;
  }
}

/*============================
  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: var(--theme-color);
}
.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: var(--theme-color);
}
.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;
  }
}


/*============================
  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: var(--theme-color);
}
.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;
}


/******* Pages ******/
/*============================
    37.home
============================*/
.hero-section {
  position: relative;
  height: 724px;
  padding-top: 114px;
}
@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: var(--theme-color);
}
.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: var(--theme-color);
  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: var(--theme-color);
}
.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.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: 30px;
  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: var(--theme-color);
  color: #FFF;
}

.benefit-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(30px);
  border-color: #FFF;
  box-shadow: none;
}

.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 .multiple-buttons{
  justify-content:space-between;
  gap: 3px;
  padding: 5px;
  .btn{
  padding: 8px 3px;
  width: 100%;
  font-size: 13px;
}
}
.destination-item img {
  border-radius: 10px;
  height: 300px;
  object-fit: cover;
}
.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: var(--theme-color);
  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: 50%;
  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;
  font-size: 30px !important;
}
.nav-center .owl-nav button.owl-next:hover,
.nav-center .owl-nav button.owl-prev:hover {
  background: var(--theme-color);
  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;
}
.place-item .place-img {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  position: relative;
}
.place-item .place-img .owl-nav{
    position: absolute;
    top: 50% !important;
    transform: translateY(-50%);
    width: 100%;
    left: 0;

}
.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: var(--theme-color);
}
.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;
}
.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 .place-img, .place-item .slide-images{
height: 240px;

}
.place-item .place-img img, .place-item .slide-images img  {
  height: 100%;
  object-fit: cover;
}

.place-item .slide-images
.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: 14px !important;
}
.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: var(--theme-color);
  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: var(--theme-color);
  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: #98AA30;
  border-radius: 20px;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.about-img img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.about-progress {
  background: #FFF;
  padding: 10px;
  border-bottom: 1px solid var(--theme-color);
  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: var(--theme-color);
  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;
}

.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-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;
}

.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: var(--theme-color);
  color: #FFF;
}

.destination-item:hover .overlay-circle-link {
  opacity: 1;
}

/*============================
  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;
}

.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: var(--theme-color);
}
.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: var(--theme-color);
  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: var(--theme-color);
  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: #98AA30;
  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;
  }
}

.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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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;
  }
}

/*============================
  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: var(--theme-color);
  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: var(--theme-color);
  position: absolute;
  bottom: 0;
  left: 0;
  clip-path: polygon(0 0, 100% 50%, 100% 100%, 0% 100%);
}

.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: var(--theme-color);
  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;
}


.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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
}

/*============================
  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: var(--theme-color);
}
.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: var(--second-color);
  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: var(--theme-color);
  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 var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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;
}

/*============================
  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;
}


.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%, var(--theme-color) 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: var(--theme-color);
}
@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;
}

/*============================
  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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
}

.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: var(--theme-color);
  border-radius: 4px;
  top: -10px;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
  border-top-color: var(--theme-color);
  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: var(--theme-color);
  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: #98AA30;
}
.border-icon.primary::before {
  background: var(--theme-color);
}
.border-icon.purple::before {
  background: #6938EF;
}
.border-icon.dark::before {
  background: var(--second-color);
}

/*============================
  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: var(--theme-color);
}
.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;
}

.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: var(--theme-color);
}
.rating-selction label:hover ~ label {
  color: var(--theme-color);
}
.rating-selction input {
  display: none;
}
.rating-selction input:checked ~ label {
  color: var(--theme-color);
}

/*============================
  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;
}

/*============================
  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: var(--second-color);
  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);
}



.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: var(--theme-color);
  border-radius: 40px;
  font-weight: 500;
  font-size: 16px;
}

.que-sec {
  margin-top: 40px;
}
@media (max-width: 991.98px) {
  .que-sec {
    margin-top: 20px;
  }
}

/*============================
  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: var(--theme-color);
  color: #FFF;
}

/*============================
  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: var(--theme-color);
  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;
}

/*============================
 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 var(--second-color);
  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;
}

/*============================
  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;
}

/*============================
  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: #ccdae5;
  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: #ffc4c4;
  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 var(--theme-color);
  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 var(--theme-color);
  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 var(--theme-color);
  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;
}

/*============================
  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: var(--theme-color);
  color: #FFF;
}

.two-line-ellipsis {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/*============================
  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: var(--theme-color);
  border: 0;
  top: -4px;
}
.filter-range .irs--round .irs-line {
  top: 0;
  background: #E4EBF1;
}
.filter-range .irs--round .irs-bar {
  background-color: var(--theme-color);
  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: var(--theme-color);
  color: #FFF;
}
.add-tab-list li a:hover {
  background: var(--theme-color);
  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;
}

/*============================
  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: var(--theme-color);
  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: var(--theme-color);
  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;
  }
}

/*============================
  52.car-details
============================*/
.card-top-head {
  box-shadow: 0px 4px 24px 0px #C2C2C240;
  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: var(--theme-color);
  color: #FFF;
}
.active-tab-list li a:hover {
  background: var(--theme-color);
  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: var(--theme-color);
}
.circle-middle:hover {
  background: var(--theme-color) !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 #C2C2C240;
}

.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: #FFFFFF99;
}
.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;
}

/*============================
  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: var(--theme-color);
  color: #FFF;
}
.paginations .page-link-1.active {
  background: var(--theme-color);
  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;
}

/*============================
  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: var(--theme-color);
  border-bottom: 2px solid var(--theme-color);
}
.settings .card-body .settings-link a.active i {
  color: var(--theme-color);
}
.settings .card-body .settings-link a:hover {
  color: var(--theme-color);
}
.settings .card-body .settings-link a:hover i {
  color: var(--theme-color);
}
.settings .card-body .upload-btn {
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #FFF;
  background-color: var(--theme-color);
  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;
}

/*============================
  55.home-02
============================*/
.section-header .text-bar {
  width: 30px;
  height: 2px;
  border-radius: 10px;
  background: var(--theme-color);
  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: var(--theme-color);
}

.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: var(--theme-color);
  transition: 0.5s all;
  color: #FFF;
}

.travelers-card {
  box-shadow: none;
}
.travelers-card:hover {
  box-shadow: 0px 4px 24px 0px #C2C2C240;
}
.travelers-card:hover .rounded-arrow-next {
  background: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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: var(--theme-color);
  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-avatar {
  background: #E4EBF1;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #111827;
}

.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%);
}


.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 #C2C2C240;
}
.blog-grid:hover .card-img img {
  transform: scale(1.14);
  transition: 0.5s all;
}
.blog-grid:hover .rounded-arrow-next {
  background: var(--theme-color);
  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: var(--theme-color);
  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;
}


.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: var(--theme-color);
}
.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;
}

.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%);
}


/*============================
  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(var(--theme-color) 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);
  }
}
/*============================
  64.agent-list
============================*/
.place-nav.listing-nav li a {
  background: #E4EBF1;
}

.add-reply:hover {
  background: var(--theme-color) !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: var(--theme-color);
  color: #FFF;
  border-color: var(--theme-color) !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: var(--theme-color);
  color: #FFF;
}

/*============================
  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 ******/
/*============================
  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: var(--theme-color);
}
.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;
}

/*============================
  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: var(--theme-color);
  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: var(--theme-color);
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--theme-color);
}

.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;
}

/*============================
  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: var(--theme-color);
  color: #FFF;
}
.dataTables_paginate .pagination li.active a.page-link {
  background: var(--theme-color);
  border-color: var(--theme-color);
  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 */

.checkbox_animated {
	cursor: pointer;
	margin-left: -1.25rem;
	position: relative;
	margin-right: 12px;
	border: none;
}

.checkbox_animated:before {
	-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	transition: transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75), -webkit-transform 0.4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
	-webkit-transform: rotate(-45deg) scale(0, 0);
	transform: rotate(-45deg) scale(0, 0);
	content: "";
	position: absolute;
	left: 0.25rem;
	top: 0.225rem;
	z-index: 1;
	width: 0.75rem;
	height: 0.375rem;
	border: 2px solid var(--theme-color);
	border-top-style: none;
	border-right-style: none;
}

.checkbox_animated:after {
	content: "";
	position: absolute;
	top: -0.125rem;
	left: 0;
	width: 1.3rem;
	height: 1.3rem;
	background: white;
	border: 2px solid #e8ebf2;
	cursor: pointer;
}

.checkbox_animated:checked:before {
	-webkit-transform: rotate(-45deg) scale(1, 1);
	transform: rotate(-45deg) scale(1, 1);
}

.form-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.input-group-prepend,
.input-group-append {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.mrg-cls {
	margin-bottom: -3px;
}

.rounded5 {
	border-radius: 5px !important;
}

.rounded10 {
	border-radius: 10px !important;
}

.rounded15 {
	border-radius: 15px !important;
}

.rounded20 {
	border-radius: 20px !important;
}

.rounded25 {
	border-radius: 25px !important;
}

.breadcrumb {
	padding: 0.75rem 1rem;
}

.zindex-1 {
	z-index: 1;
}

.row div[class*="col-"],
.row .col {
	position: relative;
}

/*Lazy load */

.blur-up {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
}

/*=====================
1.1. Button start
==========================*/

.btn-group-showcase {
	margin-bottom: -20px;
}

.btn-group-showcase h3 {
	margin-bottom: 15px;
}

.btn-group-showcase .btn {
	margin-bottom: 20px;
}

.btn-group-showcase .btn+.btn {
	margin-left: 15px;
}

.btn-cards .card {
	margin-bottom: 30px;
}

.btn {
	line-height: 20px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	border-radius: 0;
	text-decoration: none;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.btn.btn-lower {
	text-transform: capitalize;
}

.btn.btn-sm {
	padding: 8px 24px !important;
	text-transform: capitalize;
}

.btn.white-btn {
	background-color: white !important;
	color: #ba8a04 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.btn.black-btn {
	background-color: black !important;
	color: white !important;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.12) !important;
	box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.12) !important;
}

.btn.black-btn:hover {
	-webkit-box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.22);
	box-shadow: 1px 11px 20px 0px rgba(0, 0, 0, 0.22);
	border: 1px solid var(--theme-color);
	background-color: white !important;
	color: black !important;
}

.btn.btn-solid {
	background-color: var(--theme-color);
	color: #fff;
	padding: 9px 20px;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
	box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
	border-radius: 5px;
}

.btn.btn-solid:hover {
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	background-color: white;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	-webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
	box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
}

.btn.btn-solid.btn-outline {
	background-color: transparent;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
}

.btn.btn-solid.btn-outline:hover {
	color: white;
	background-color: var(--theme-color);
}

.btn.btn-solid.color2 {
	background-color: #ef3f3e;
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
	box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
}

.btn.btn-solid.color2:hover {
	background-color: white;
	color: #ef3f3e;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid #ef3f3e;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
	box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
}

.btn.btn-curve {
	border-radius: 5px;
	background-color: var(--theme-color);
	color: white;
	padding: 9px 20px;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
	box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
}

.btn.btn-curve.btn-lower {
	text-transform: capitalize;
}

.btn.btn-rounded {
	border-radius: 100px;
	color: white;
	padding: 10px 20px;
}

.btn.btn-rounded.color1 {
	background-color: var(--theme-color);
	-webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
	box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.12);
}

.btn.btn-rounded.color1:hover {
	background-color: white;
	color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid var(--theme-color);
	-webkit-box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
	box-shadow: 1px 11px 20px 0px rgba(233, 179, 14, 0.22);
}

.btn.btn-rounded.color2 {
	background-color: #ef3f3e;
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
	box-shadow: 2.5px 4.33px 25px 0px rgba(239, 63, 62, 0.3);
}

.btn.btn-rounded.color2:hover {
	background-color: white;
	color: #ef3f3e;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 1px solid #ef3f3e;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
	box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.22);
}

.btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-outline {
	background-color: white;
	border: 1px solid var(--theme-color);
	color: var(--theme-color);
}

.btn-close:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/*=====================
1.2. Title css start
==========================*/

.title-1 {
	text-align: center;
}

.title-1 .title-label {
	font-size: 14px;
	color: white;
	background-color: var(--theme-color);
	text-transform: uppercase;
	padding: 4px 18px;
	line-height: 1.7;
	border-radius: 3px;
	font-family: Work Sans;
	font-weight: 600;
}

.title-1 .title-label.white-label {
	background-color: white;
	color: var(--theme-color);
}

.title-1 h2 {
	padding-top: 25px;
	margin-bottom: 0;
	padding-bottom: 50px;
	font-weight: 800;
}

.title-1.title-5 .title-label {
	border-radius: 50px;
}

.title-1.title-5 h2 {
	padding-top: 22px;
	padding-bottom: 15px;
}

.title-1.title-5 p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	margin-bottom: 50px;
}

.title-1.detail-title .title-label {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.title-1.detail-title h2 {
	padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.title-1.detail-title p {
	/* max-width: 60%; */
	margin: 0 auto;
	color: #676767;
	/* text-transform: capitalize; */
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.7;
	text-align: justify;
}

.title-1.rounded .title-label {
	border-radius: 12px;
}

.title-2 {
	text-align: center;
}

.title-2 h2 {
	font-size: calc(22px + (36 - 22) * ((100vw - 320px) / (1920 - 320)));
	color: #808080;
	font-weight: 400;
	margin-bottom: 22px;
	line-height: 32px;
	margin-top: -2px;
}

.title-2 h2 span {
	color: #ef3f3e;
	font-weight: 900;
}

.title-2 p {
	margin-bottom: 70px;
	color: #cacaca;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

.title-2.color-1 h2 span {
	color: var(--theme-color);
}

.title-3 {
	text-align: center;
}

.title-3 .title-label {
	font-size: 14px;
	color: white;
	background-color: var(--theme-color);
	text-transform: capitalize;
	padding: 4px 18px 6px;
	line-height: 1;
	font-family: Work Sans;
	font-weight: 600;
}

.title-3 h2 {
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	margin-top: 20px;
	margin-bottom: 90px;
	font-weight: 800;
	position: relative;
}

.title-3 h2 span {
	font-family: Vampiro One, cursive;
	font-size: calc(35px + (85 - 35) * ((100vw - 320px) / (1920 - 320)));
	position: absolute;
	color: rgba(233, 179, 14, 0.1);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	z-index: -1;
	font-weight: 400;
}

.title-3.detail-title .title-label {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.title-3.detail-title h2 {
	padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 30px;
}

.title-3.detail-title p {
	max-width: 60%;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.41);
	text-transform: capitalize;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.7;
	margin-bottom: 30px;
}

.title-3.rounded .title-label {
	border-radius: 50px;
}

.title-3.white-title .title-label {
	background-color: white;
	color: var(--theme-color);
}

.title-3.white-title h2 {
	color: white;
}

.title-3.white-title h2 span {
	z-index: unset;
	color: rgba(255, 255, 255, 0.07);
}

.title-basic h2 {
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 600;
}

.title-basic p {
	margin-top: -4px;
	color: rgba(0, 0, 0, 0.7);
}

/*=====================
1.3. Image-ratio start
==========================*/

.ratio_40 .bg-size:before {
	padding-top: 40%;
	content: "";
	display: block;
}

.ratio_45 .bg-size:before {
	padding-top: 45%;
	content: "";
	display: block;
}

.ratio2_1 .bg-size:before {
	padding-top: 50%;
	content: "";
	display: block;
}

.ratio_55 .bg-size:before {
	padding-top: 55%;
	content: "";
	display: block;
}

.ratio_59 .bg-size:before {
	padding-top: 59%;
	content: "";
	display: block;
}

.ratio2_3 .bg-size:before {
	padding-top: 60%;
	content: "";
	display: block;
}

.ratio3_2 .bg-size:before {
	padding-top: 66.66%;
	content: "";
	display: block;
}

.ratio_90 .bg-size:before {
	padding-top: 93%;
	content: "";
	display: block;
}

.ratio_landscape .bg-size:before {
	padding-top: 75%;
	content: "";
	display: block;
}

.ratio_square .bg-size:before {
	padding-top: 100%;
	content: "";
	display: block;
}

.ratio_asos .bg-size:before {
	padding-top: 127.7777778%;
	content: "";
	display: block;
}

.ratio_portrait .bg-size:before {
	padding-top: 150%;
	content: "";
	display: block;
}

.ratio1_2 .bg-size:before {
	padding-top: 200%;
	content: "";
	display: block;
}

.b-top {
	background-position: top !important;
}

.b-bottom {
	background-position: bottom !important;
}

.b-center {
	background-position: center !important;
}

.b-left {
	background-position: left !important;
}

.b-right {
	background-position: right !important;
}

.b_size_content {
	background-size: contain !important;
}

.shadow-cls {
	-webkit-box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
	box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
}

.container-medium {
	padding: 0 30px;
}

/*=====================
2. Header section css
==========================*/

header {
	position: relative;
	top: 0;
/*	left: 0;*/
width: 100%;
z-index: 1;
}

header .menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	gap: 20px;
}

/*header .menu nav {
    margin-left: auto;
    margin-right: auto;
}*/
.nav-book-btn{
	display: inline-block;
	overflow: hidden;
	background-color: var(--second-color);
	transition: color .5s;
	z-index: 1;
	font-size: 17px;
	border-radius: 10px;
	font-weight: 500;
	color: #fff;
	padding: 10px 30px;
	text-align: center;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.5);
	border: none;
	position: absolute !important;
	top: 20%;
	right: -3%;
	font-family: var(--second-font);
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.6em;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.5);
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-radius: 7px 7px 7px 7px;
}


.nav-book-btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	background: var(--theme-color);
	height: 150px;
	width: 250px;
	border-radius: 50%;
}
.nav-book-btn:before {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.5);
	transition: 0.4s;
}


.nav-book-btn:hover {
	color: #fff;
	background-color: #000;
}

.nav-book-btn:hover{
	background-color: #000;
	color: #fff;
}

.nav-book-btn:before {
	top: 100%;
	left: 100%;
	transition: all .7s;
}

.nav-book-btn:hover:before {
	top: -30px;
	left: -30px;
}

.nav-book-btn:active:before {
	background: #3a0ca3;
	transition: background 0s;
}
.theme-btn-nav{
	position: absolute !important;
}
header .menu .coupon-box {
	background-color: white;
	border-radius: 4px;
	padding: 3px;
}

header .menu .coupon-box h6 {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 700;
	color: var(--theme-color);
	margin-bottom: 0;
	border-radius: 4px;
	padding: 5px 10px;
}

header .menu .header-right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

header .menu .header-right .front-setting {
	background-color: rgba(255, 255, 255, 0.14);
}

header .menu .header-right .front-setting select {
	border: none;
	color: white;
	-webkit-appearance: none;
	padding: 5px 28px 4px 10px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 900;
	background-color: transparent;
	background: url(../images/icon/down.html) no-repeat 80%;
	position: relative;
	cursor: pointer;
}

header .menu .header-right .front-setting select option {
	color: var(--theme-color);
}

header .menu .header-right .front-setting select:focus {
	outline: none;
}

header .menu .header-right .user {
	background-color: white;
	padding: 6px 12px;
}

header .menu .header-right .user i {
	color: #ef3f3e;
	font-size: 12px;
}

header .menu .header-right .user.user-light {
	background-color: rgba(255, 255, 255, 0.14);
}

header .menu .header-right .user.user-light i {
	color: white;
}

header .menu .header-right .user.bg_dark {
	background-color: var(--theme-color);
}

header .menu .header-right .setting {
	background-color: rgba(255, 255, 255, 0.14);
	padding: 6px 12px;
	display: none;
	position: relative;
}

header .menu .header-right .setting i {
	color: white;
	font-size: 12px;
}

header .menu .header-right .setting .setting-open {
	position: absolute;
	width: 100%;
	display: block;
	width: 120px;
	right: 0;
	background-color: white;
	bottom: -84px;
	display: none;
}

header .menu .header-right .setting .setting-open li {
	display: block;
}

header .menu .header-right .setting .setting-open li select {
	color: var(--theme-color);
	font-weight: 400;
	width: 100%;
}

header .menu .header-right .setting .setting-open li+li {
	margin-left: 0;
}

header .menu .header-right .setting .setting-open.show {
	display: block;
}

header .menu .header-right .search-bar {
	background-color: rgba(255, 255, 255, 0.14);
	padding: 6px 12px;
	cursor: pointer;
	position: relative;
}

header .menu .header-right .search-bar i {
	color: white;
}

header .menu .header-right .search-bar .form-control-search {
	top: 50px;
	position: absolute;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	right: 0;
	-webkit-transform: translateY(-35px) scaleY(0);
	transform: translateY(-35px) scaleY(0);
	opacity: 0;
	visibility: hidden;
	margin-bottom: 0;
}

header .menu .header-right .search-bar .form-control-search input {
	width: 260px;
	background-color: rgba(255, 255, 255, 0.32);
	border: none;
	padding: 10px 10px 10px 70px;
	border-radius: 0;
}

header .menu .header-right .search-bar .form-control-search input:focus {
	outline: none;
}

header .menu .header-right .search-bar .form-control-search i {
	position: absolute;
	top: 16px;
	left: 20px;
	z-index: 1;
	color: rgba(0, 0, 0, 0.3);
}

header .menu .header-right .search-bar .form-control-search:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 25px;
	background: #e8ebf2;
	left: 50px;
	top: 9px;
}

header .menu .header-right .search-bar .form-control-search.open {
	-webkit-transform: translateY(0) scaleY(1);
	transform: translateY(0) scaleY(1);
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 100;
}

header .menu .header-right li+li {
	margin-left: 15px;
}

header.overlay-white {
	background-color: rgba(255, 255, 255, 0.08);
}

header.overlay-black {
	background-color: rgba(0, 0, 0, 0.18);
}

header.overlay-transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

header.inner-page {
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

header.light_header {
	z-index: 9;
	margin-inline: auto;
	display: block;
  background-color: #fff;
}
header{
	font-family: "Poppins", sans-serif;
}

header.light_header .main-navbar .nav-menu>li>a {
	color: #000;
	font-size: 15px;
	font-family: var(--main-font);
	font-weight: 500;
	transition: 0.1s linear;
	font-family: "Poppins", sans-serif;
}
header.light_header .main-navbar ul .active{
  color: var(--theme-color);
}
.navbar .navbar-right {
    position: relative;
    display: flex;
    align-items: center;
}
.navbar .navbar-right .wrap {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 5;
    margin-left: 20px;
}

.navbar .navbar-right .wrap .icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    background-color: transparent;
    border-radius: 50%;
    font-size: 21px;
    color: #000;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    border: 1px solid var(--theme-color);
}

.navbar .navbar-right .wrap .icon:hover {
    background-color: var(--theme-color);;
    color: var(--second-color);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.navbar .navbar-right .wrap .text {
    margin-left: 10px;
    top: 3px;
    position: relative
}

.navbar .navbar-right .wrap .text p {
    font-size: 12px;
    line-height: 12px;
    color: #000;
    margin-bottom: 4px
}

.navbar .navbar-right .wrap .text h5 {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    color: #000;
    margin-bottom: 5px
}

.navbar .navbar-right .wrap .text h5 a {
    color: #000;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease
}

.navbar .navbar-right .wrap .text h5 a:hover {
    color: var(--theme-color);
}

header.light_header .main-navbar .nav-menu>li>a>i{
	font-size: 11px;
	position: relative;
	top: -1px;
}
header.light_header .main-navbar .nav-menu>li>a:hover{
	color: var(--theme-color);
}
header.light_header .menu .header-right .front-setting {
	background-color: #f3f3f5;
}

header.light_header .menu .header-right .front-setting select {
	color: #222222;
	background: url(../images/icon/down-black.html) no-repeat 80%;
}

header.light_header .menu .header-right .user.user-light {
	background-color: #f3f3f5;
}

header.light_header .menu .header-right .user.user-light i {
	color: var(--theme-color);
	font-size: 30px;
}

header.light_header .menu .header-right .setting {
	background-color: #f3f3f5;
}

header.light_header .menu .header-right .setting i {
	color: var(--theme-color);
}

/*  header.light_header .menu .brand-logo img {
      -webkit-filter: invert(1);
              filter: invert(1);
      width: 75%; }*/

      header.light_header .main-navbar .nav-menu>li {
      	padding: 7px 10px;
      }

      header.light_header .toggle-nav i {
      	color: var(--theme-color);
      }

      header.light_header.absolute-header {
      	position: absolute;
      	-webkit-box-shadow: 0 2px 4px 0 #dedede;
      	box-shadow: 0 2px 4px 0 #dedede;
      }

      header.fixed-header {
      	position: fixed;
      	top: 0;
      	left: 0;
      	width: 100%;
      	z-index: 9;
      	-webkit-box-shadow: 0 2px 4px 0 #dedede;
      	box-shadow: 0 2px 4px 0 #dedede;
      }

      header .mix-pills {
      	margin-top: 15px;
      	margin-bottom: 12px;
      }

      header .mix-pills.nav-pills .nav-link.active,
      header .mix-pills.nav-pills .show>.nav-link {
      	background-color: transparent;
      	color: var(--theme-color);
      }

      header .mix-pills.nav-pills .nav-link.active svg,
      header .mix-pills.nav-pills .show>.nav-link svg {
      	fill: var(--theme-color);
      }

      header .mix-pills.nav-pills .nav-link.active:after,
      header .mix-pills.nav-pills .show>.nav-link:after {
      	opacity: 1;
      }

      header .mix-pills.nav-pills .nav-link {
      	padding: 0 13px;
      	color: var(--theme-color);
      	position: relative;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-align: center;
      	-ms-flex-align: center;
      	align-items: center;
      	font-size: 16px;
      }

      header .mix-pills.nav-pills .nav-link svg {
      	width: 14px;
      	height: auto;
      	margin-right: 8px;
      }

      header .mix-pills .nav-item {
      	margin-right: 15px;
      }

      header.tour-header {
      	z-index: 10;
      }

      .header-sidebar header {
      	padding: 14px;
      }

      .header-sidebar header .main-navbar .nav-menu {
      	position: fixed;
      	background-color: white;
      	width: 300px;
      	border-radius: 0;
      	border: 1px solid #eee;
      	top: 0;
      	height: 100vh;
      	right: -300px;
      	z-index: 99;
      	-webkit-transition: all 0.3s ease;
      	transition: all 0.3s ease;
      	overflow: scroll;
      }

      .header-sidebar header .main-navbar .nav-menu.opennav {
      	right: 0;
      }

      .header-sidebar header .main-navbar .nav-menu .back-btn {
      	display: block;
      	width: 100%;
      	padding: 0;
      }

      .header-sidebar header .main-navbar .nav-menu .back-btn .mobile-back {
      	padding: 20px;
      	font-size: 18px;
      	color: #222222;
      	font-weight: 700;
      	text-transform: uppercase;
      	border-bottom: 1px solid #efefef;
      	cursor: pointer;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	-webkit-box-pack: end;
      	-ms-flex-pack: end;
      	justify-content: flex-end;
      	-webkit-box-align: center;
      	-ms-flex-align: center;
      	align-items: center;
      }

      .header-sidebar header .main-navbar .nav-menu>li {
      	display: block;
      	float: none;
      	width: 100%;
      	padding: 0;
      }

      .header-sidebar header .main-navbar .nav-menu>li a {
      	padding: 10px 15px;
      	font-size: 16px;
      	font-weight: 700;
      	position: relative;
      	color: #222222;
      }

      .header-sidebar header .main-navbar .nav-menu>li a .sub-arrow {
      	right: 20px;
      	position: absolute;
      }

      .header-sidebar header .main-navbar .nav-menu>li a .sub-arrow:before {
      	content: "+";
      	font-family: inherit;
      	position: relative;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu {
      	width: 100%;
      	padding: 0;
      	position: relative;
      	display: none;
      	opacity: 1;
      	visibility: visible;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu.opensubmenu {
      	display: block;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
      	display: none;
      	position: relative;
      	right: 0;
      	width: 100%;
      	padding: 0;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild {
      	display: block;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a {
      	padding: 0 45px;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li a:after {
      	display: none;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li a:hover {
      	margin-left: 0;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li a:hover:after {
      	display: none;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2 {
      	display: none;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-submenu li:hover .level1 {
      	display: none;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container {
      	display: none;
      	padding: 0;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu {
      	display: block;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
      	width: 100%;
      	padding: 0;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title {
      	position: relative;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
      	margin-bottom: 0;
      	font-weight: 400;
      	line-height: 1.9;
      	padding: 2px 25px;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
      	top: 4px;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
      	display: none;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
      	display: block;
      	padding: 0 45px;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
      	line-height: 1.9;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
      	margin-left: 0;
      }

      .header-sidebar header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
      	display: none;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-link.active {
      	background-color: transparent;
      	-webkit-box-shadow: none;
      	box-shadow: none;
      	color: #222222;
      	-webkit-transition: all 0.5s ease;
      	transition: all 0.5s ease;
      }

      .header-sidebar header .main-navbar .nav-menu>li .nav-link.active:hover {
      	color: var(--theme-color);
      	-webkit-transition: all 0.5s ease;
      	transition: all 0.5s ease;
      }

      .header-sidebar header .main-navbar .nav-menu>li:hover .nav-submenu {
      	margin-top: 0;
      }

      .header-sidebar header .menu nav {
      	margin-left: auto;
      	margin-right: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
      }

      .header-sidebar .mega-box .link-section .demo ul li a span img {
      	top: 30px;
      	right: -60px;
      }

      .header-sidebar .mega-box.col {
      	-ms-flex-preferred-size: unset;
      	flex-basis: unset;
      }

      .header-sidebar .according-menu {
      	position: absolute;
      	right: 20px;
      }

      .header-sidebar .main-menu.border-section {
      	border: none;
      }

      .header-sidebar .main-menu .menu-left .main-menu-right .toggle-nav {
      	position: absolute;
      	z-index: 2;
      	right: 145px;
      	top: 6px;
      }

      .header-sidebar .main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
      	font-size: 18px;
      	padding-left: 5px;
      	text-transform: uppercase;
      }

      .header-sidebar .sidebar-toggle {
      	cursor: pointer;
      }

      .header-sidebar .sidebar-toggle i {
      	font-size: 20px;
      	color: white;
      }

      .header-sidebar .mobile-back {
      	display: block !important;
      }


.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: var(--theme-color);
  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: 50%;
  cursor: pointer;
  border: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 50px;
  position: absolute;
  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: var(--theme-color);
  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;
  }
}

/*=====================
3. Home section css
==========================*/

.cab-section {
	position: relative;
	background-image: url("../images/cab-bg.html");
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 100vh;
	z-index: 1;
}

.cab-section .cab-content {
	height: 100vh;
	padding-top: 75px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cab-section .cab-content>div {
	width: 100%;
}

.cab-section .cab-content .call-section {
	display: inline-block;
}

.cab-section .cab-content .call-section .call {
	padding: 12px 20px;
	border-radius: 50px;
	background-color: rgba(255, 255, 255, 0.15);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 1;
	margin-bottom: 35px;
}

.cab-section .cab-content .call-section .call i {
	margin-right: 50px;
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	padding-top: 4px;
	padding-left: 4px;
}

.cab-section .cab-content .call-section .call h2 {
	font-size: calc(16px + (40 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	margin-bottom: 0;
	font-weight: 700;
	display: inline-block;
}

.cab-section .cab-content .call-section .call:after {
	content: "";
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-color: var(--theme-color);
	z-index: -1;
	left: 0;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
	box-shadow: 1px 11px 20px 0px rgba(239, 63, 62, 0.12);
}

.cab-section .cab-content h2 {
	font-size: calc(16px + (45 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-transform: uppercase;
	color: white;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 5px;
}

.cab-section .cab-content h3 {
	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 400;
	margin-bottom: 40px;
}

.cab-section .cab-content form .form-control {
	border: none;
	padding: 15px 20px;
	border-radius: 0;
}

.cab-section .cab-content form ::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
}

.cab-section .cab-content form ::-moz-placeholder {
	color: rgba(0, 0, 0, 0.5);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
}

.cab-section .cab-content form :-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
}

.cab-section .cab-content form ::-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.5);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
}

.cab-section .cab-content form ::placeholder {
	color: rgba(0, 0, 0, 0.5);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
}

.cab-section .cab-content form .form-group {
	position: relative;
	margin-bottom: 25px;
}

.cab-section .cab-content form .form-group img {
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #e5e5e5;
	padding: 17px;
	z-index: 1;
	background-color: white;
}

.cab-section .cab-content form .gj-datepicker button,
.cab-section .cab-content form .gj-timepicker button {
	width: 55px;
	position: relative;
	border: none;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-left: 1px solid #e5e5e5 !important;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 0;
}

.cab-section .cab-content form .gj-datepicker button:hover,
.cab-section .cab-content form .gj-timepicker button:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cab-section .cab-content form .gj-datepicker button:active,
.cab-section .cab-content form .gj-timepicker button:active {
	background-color: white;
	border-color: white;
	color: #6c757d;
}

.cab-section .cab-content form .gj-datepicker button:focus,
.cab-section .cab-content form .gj-timepicker button:focus {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.cab-section .cab-content form .gj-datepicker button i,
.cab-section .cab-content form .gj-timepicker button i {
	position: relative;
	top: 0;
	left: 0;
	opacity: 0.2;
}

.cab-section .cab-content .radio-form {
	margin-bottom: 25px;
}

.cab-section .cab-content .radio-form label {
	margin-right: 20px;
}

.cab-section .cab-content .radio-form label+label {
	margin-left: 30px;
}

.cab-section .cab-content .radio-form [type="radio"]:checked,
.cab-section .cab-content .radio-form [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.cab-section .cab-content .radio-form [type="radio"]:checked+label,
.cab-section .cab-content .radio-form [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 30px;
	cursor: pointer;
	display: inline-block;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: capitalize;
	font-weight: 700;
}

.cab-section .cab-content .radio-form [type="radio"]:checked+label:before,
.cab-section .cab-content .radio-form [type="radio"]:not(:checked)+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 18px;
	height: 18px;
	border: 4px solid white;
	border-radius: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cab-section .cab-content .radio-form [type="radio"]:checked+label:before {
	background-color: white;
	border: 4px solid var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cab-section .cab-content .car-select {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.cab-section .cab-content .car-select ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 75%;
}

.cab-section .cab-content .car-select ul li {
	background-color: white;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(0, 0, 0, 0.5);
	padding: 10px 0;
	border-radius: 4px;
	text-transform: capitalize;
	font-weight: 700;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 100%;
	margin-right: 25px;
	text-align: center;
	cursor: pointer;
}

.cab-section .cab-content .car-select ul li.active {
	color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cab-section .cab-content .car-select .btn {
	width: 25%;
	text-align: center;
	font-size: 14px;
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 4px;
	font-weight: 900;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	line-height: 26px;
}

.cab-section.flight-section {
	background-image: url("../images/bg-flight.html");
}

.cab-section.flight-section .cloud {
	height: 100%;
	bottom: 0;
	width: 100%;
	position: absolute;
	z-index: -1;
}

.cab-section.flight-section .cab-content {
	padding-top: 86px;
}

.cab-section.flight-section .cab-content .radio-form {
	margin-bottom: 5px;
}

.cab-section.flight-section .cab-content .top-cls {
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	margin-bottom: 30px;
	background-color: rgba(255, 255, 255, 0.2);
	padding: 2px 16px;
	display: inline-block;
	border-radius: 30px;
	font-weight: 800;
}

.cab-section.flight-section .cab-content h2 {
	margin-bottom: 10px;
}

.cab-section.flight-section .cab-content h3 {
	font-size: calc(14px + (35 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	text-transform: uppercase;
}

.cab-section.flight-section .cab-content .btn-rounded {
	padding: 14px 32px;
}

.cab-section.flight-section .cab-content .form-group.row {
	margin-left: -10px;
	margin-right: -10px;
}

.cab-section.flight-section .cab-content .form-group.row .col {
	padding-left: 10px;
	padding-right: 10px;
}

.cab-section.flight-section .cab-content .gj-datepicker ::-webkit-input-placeholder,
.cab-section.flight-section .cab-content .gj-timepicker ::-webkit-input-placeholder {
	font-size: 14px;
}

.cab-section.flight-section .cab-content .gj-datepicker ::-moz-placeholder,
.cab-section.flight-section .cab-content .gj-timepicker ::-moz-placeholder {
	font-size: 14px;
}

.cab-section.flight-section .cab-content .gj-datepicker :-ms-input-placeholder,
.cab-section.flight-section .cab-content .gj-timepicker :-ms-input-placeholder {
	font-size: 14px;
}

.cab-section.flight-section .cab-content .gj-datepicker ::-ms-input-placeholder,
.cab-section.flight-section .cab-content .gj-timepicker ::-ms-input-placeholder {
	font-size: 14px;
}

.cab-section.flight-section .cab-content .gj-datepicker ::placeholder,
.cab-section.flight-section .cab-content .gj-timepicker ::placeholder {
	font-size: 14px;
}

.selector-box {
	position: absolute;
	width: 100%;
	background-color: white;
	z-index: 3;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	top: auto;
	display: none;
}

.selector-box .title {
	padding: 10px 10px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 0;
	text-transform: capitalize;
}

.selector-box ul {
	padding: 0 0 10px 0;
	max-height: 180px;
	overflow-y: scroll;
}

.selector-box ul li {
	display: block;
	position: relative;
	margin-bottom: 10px;
	padding: 0 10px;
}

.selector-box ul li h5 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	margin-bottom: 0;
	text-transform: capitalize;
}

.selector-box ul li h6 {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 0;
	text-transform: capitalize;
}

.selector-box ul li span {
	position: absolute;
	border: 1px solid rgba(0, 0, 0, 0.2);
	right: 10px;
	font-weight: 700;
	top: 3px;
	padding: 3px 8px;
	text-transform: uppercase;
	color: var(--theme-color);
	border-radius: 3px;
}

.selector-box ul::-webkit-scrollbar {
	width: 3px;
}

.selector-box ul::-webkit-scrollbar-thumb {
	background: var(--theme-color);
}

.selector-box.show {
	display: block;
}

section .black-layer {
	position: relative;
	z-index: -1;
}

section .black-layer:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	top: 0;
	z-index: -1;
}

.home_section {
	position: relative;
	overflow: hidden;
}

.home_section .home {
	background-position: center;
	background-size: cover;
	height: 100vh;
	overflow: hidden;
}

.home_section .home.black-layer:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}

.home_section .home.black-layer h1 {
	color: white !important;
}

.home_section .home.black-layer h4 {
	color: white;
}

.home_section .home .banner-content.banner-center-text {
	text-align: center;
	margin: 0 auto;
	width: 100%;
}

.home_section .home.home-padding {
	height: auto;
}

.home_section .home.home-padding .home-content {
	height: 100%;
	padding: 140px 0 40px 0;
}

.home_section .home.home-60 {
	height: 60vh;
}

.home_section .home.home-60 .home-content {
	height: 60vh;
}

.home_section .home.home-70 {
	height: 70vh;
}

.home_section .home.home-70 .home-content {
	height: 70vh;
}

.home_section .home.home-70 .a-canvas {
	height: 70vh !important;
}

.home_section .home.home-long .home-content {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: calc(50px + (100 - 50) * ((100vw - 320px) / (1920 - 320)));
}

.home_section .home.home-long .home-content.mix-layout {
	text-align: left;
	-webkit-box-pack: left;
	-ms-flex-pack: left;
	justify-content: left;
}

.home_section .home.home-long .home-content.mix-layout.search-bottom {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.15);
}

.home_section .home.home-long .home-content.mix-layout h1 {
	margin-bottom: 0px;
}

.home_section .home.home-long .home-content.mix-layout h3 {
	font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: calc(5px + (40 - 5) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 300;
}

.home_section .home.home-long.home-full {
	height: 100vh;
}

.home_section .home.home-long.home-full .home-content {
	height: 100vh;
}

.home_section .home.search-bottom .home-content {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.home_section .home.search-bottom .home-content.mix-layout>div {
	width: 100%;
}

.home_section .home.search-bottom .flight-search .flight-search-detail .form-group .form-control {
	border: none;
	border-right: 1px solid #dddddd;
	padding: 20px 20px;
}

.home_section .home.search-bottom .flight-search .flight-search-detail .search-btn {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.home_section .home.search-bottom .flight-search .flight-search-detail .search-btn .btn {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.home_section .home.search-bottom .flight-search .flight-search-detail .input-group-append {
	display: none;
}

.home_section .home .smoke-effect {
	position: relative;
	width: 100%;
	height: 100%;
}

.home_section .home .smoke-effect #canvas {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	bottom: 390px;
}

.home_section .home .home-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100vh;
	padding-top: 87px;
	width: 100%;
	text-align: center;
}

.home_section .home .home-content .package-detail {
	margin-bottom: -3px;
	margin-top: 15px;
}

.home_section .home .home-content .package-detail li {
	color: white;
	padding-right: 10px;
	text-transform: capitalize;
	font-weight: 500;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.home_section .home .home-content .package-detail li i {
	margin-right: 10px;
}

.home_section .home .home-content .package-detail li a {
	color: white;
}

.home_section .home .home-content>div {
	padding: 70px 140px;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 50px 20px rgba(0, 0, 0, 0.6);
}

.home_section .home .home-content h1 {
	font-family: Dancing Script, cursive;
	font-size: calc(26px + (160 - 26) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: -16px;
}

.home_section .home .home-content h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	letter-spacing: 0.3em;
	margin-bottom: 15px;
}

.home_section .home .home-content h2 {
	font-size: calc(16px + (50 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.8);
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: 400;
	margin-bottom: 30px;
}

.home_section .home .home-content.mix-layout>div {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 60px;
}

.home_section .home .home-content.mix-layout>div.bg-transparent {
	padding: 0;
}

.home_section .home .home-content.mix-layout h1 {
	font-size: calc(18px + (60 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-family: Nunito, Nunito;
	margin-bottom: calc(5px + (30 - 5) * ((100vw - 320px) / (1920 - 320)));
	position: relative;
}

.home_section .home .home-content.mix-layout h1 span {
	font-family: Dancing Script;
	font-size: calc(18px + (300 - 18) * ((100vw - 320px) / (1920 - 320)));
	position: absolute;
	color: rgba(255, 255, 255, 0.11);
	text-transform: capitalize;
	left: 0;
	right: 0;
	top: -100px;
	font-weight: 700;
}

.home_section .home .home-content.mix-layout h3 {
	font-size: calc(14px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 700;
	margin-bottom: calc(5px + (50 - 5) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
}

.home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::-webkit-input-placeholder {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 32px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::-moz-placeholder {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 32px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body :-ms-input-placeholder {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 32px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::-ms-input-placeholder {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 32px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body ::placeholder {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 32px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-section .search-box .left-part .search-body .form-control {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 32px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-panel .title-top {
	font-size: calc(14px + (32 - 14) * ((100vw - 320px) / (1920 - 320)));
	letter-spacing: 0.06em;
	font-weight: 600;
	line-height: 1.2;
}

.home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section .search-box .left-part .search-body {
	padding: 30px 30px;
}

.home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section.search-fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	z-index: 2;
	-webkit-box-shadow: 0 0 8px #dddddd;
	box-shadow: 0 0 8px #dddddd;
	background-color: white;
}

.home_section .home .home-content.mix-layout.smaller-content .search-panel .search-section.search-fixed .search-box .left-part .search-body {
	padding: 15px 20px;
}

.home_section .home .home-content.food_content>div {
	background-color: transparent;
	padding: 0;
}

.home_section .home .home-content.food_content h4 {
	font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-align: left;
	margin-left: 15%;
	margin-bottom: 0;
	color: white;
	font-family: Pacifico, cursive;
	letter-spacing: 0.05em;
}

.home_section .home .home-content.food_content h1 {
	font-family: Bangers, cursive;
	font-size: calc(30px + (180 - 30) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	line-height: 1;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	margin-bottom: 40px;
	margin-top: 0;
}

.home_section .home .home-content.food_content .book-table .table-form {
	padding: 25px 50px;
	margin-top: 0;
}

.home_section .home .home-content.food_content .book-table .table-form form .form-group {
	margin-right: 0;
}

.home_section .home .home-content.food_content .book-table .table-form form .form-group input {
	padding: 10px 20px 8px;
	background-color: #f2f2f2;
}

.home_section .home .home-content.food_content .book-table .table-form form .form-group img {
	top: 10px;
}

.home_section .home .home-content.food_content .book-table .table-form form ::-webkit-input-placeholder {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

.home_section .home .home-content.food_content .book-table .table-form form ::-moz-placeholder {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

.home_section .home .home-content.food_content .book-table .table-form form :-ms-input-placeholder {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

.home_section .home .home-content.food_content .book-table .table-form form ::-ms-input-placeholder {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

.home_section .home .home-content.food_content .book-table .table-form form ::placeholder {
	font-weight: 600;
	color: rgba(0, 0, 0, 0.4);
}

.home_section .home .home-content.mrg-cls h1 {
	margin-bottom: -12px;
}

.home_section .home .home-content .flight-search .flight-search-detail .form-group {
	text-align: left;
}

.home_section .home .home-content .flight-search .flight-search-detail .form-group label {
	font-weight: 700;
}

.home_section .home .banner-content {
	position: absolute;
	top: 40%;
}

.home_section .home .banner-content.banner-center-text {
	top: 50%;
	left: 0;
}

.home_section .home .banner-content h4 {
	margin-bottom: 20px;
}

.home_section .home .banner-content h1 {
	color: var(--theme-color);
	margin-bottom: 20px;
}

.home_section .offer-text {
	position: absolute;
	left: -148px;
	top: 48%;
}

.home_section .offer-text h6 {
	color: white;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: 700;
	position: relative;
}

.home_section .offer-text h6 span {
	position: relative;
	display: inline-block;
	-webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
	animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
}

.home_section .offer-text h6 span:nth-last-child(1n) {
	-webkit-animation-delay: -0.1666666667s;
	animation-delay: -0.1666666667s;
}

.home_section .offer-text h6 span:nth-last-child(2n) {
	-webkit-animation-delay: -0.3333333333s;
	animation-delay: -0.3333333333s;
}

.home_section .offer-text h6 span:nth-last-child(3n) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.home_section .offer-text h6:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	background-color: white;
	top: 5px;
	left: -100px;
	background: -webkit-gradient(linear, left top, right top, from(rgba(231, 56, 39, 0)), to(white));
	background: linear-gradient(to right, rgba(231, 56, 39, 0) 0%, white 100%);
}

.home_section .slick-next {
	right: 0;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.65);
	padding: 35px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}

.home_section .slick-next:before {
	color: transparent;
}

.home_section .slick-next:after {
	content: "→";
	font-size: 20px;
	position: absolute;
	color: white;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.home_section .slick-prev {
	left: 0;
	z-index: 1;
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.65);
	padding: 35px;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
}

.home_section .slick-prev:before {
	color: transparent;
}

.home_section .slick-prev:after {
	content: "←";
	font-size: 20px;
	position: absolute;
	color: white;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.home_section .view-icon {
	position: absolute;
	bottom: 20px;
	left: 20px;
	-webkit-filter: invert(1);
	filter: invert(1);
}

.error {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.8);
	color: #eee;
	padding: 20px;
	display: none;
}

.search-section {
	margin-top: -75px;
}

.search-section .search-box {
	background-color: white;
	-webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.search-section .search-box input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-section .search-box .left-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.search-section .search-box .left-part .search-body {
	display: inline-block;
	text-align: center;
	padding: 40px;
	position: relative;
}

.search-section .search-box .left-part .search-body h6 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 800;
}

.search-section .search-box .left-part .search-body h3 {
	font-size: calc(20px + (32 - 20) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body .form-control {
	border: none;
	padding: 0;
	text-align: center;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body ::-webkit-input-placeholder {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body ::-moz-placeholder {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body :-ms-input-placeholder {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body ::-ms-input-placeholder {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body ::placeholder {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -8px;
}

.search-section .search-box .left-part .search-body .quantity-left-minus,
.search-section .search-box .left-part .search-body .quantity-right-plus {
	position: absolute;
	background-color: transparent;
	padding: 0;
	border: none;
	font-size: 10px;
	right: 30px;
	color: grey;
}

.search-section .search-box .left-part .search-body .quantity-left-minus:hover,
.search-section .search-box .left-part .search-body .quantity-right-plus:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
}

.search-section .search-box .left-part .search-body .quantity-left-minus {
	bottom: -10px;
}

.search-section .search-box .left-part .search-body .quantity-right-plus {
	top: -5px;
}

.search-section .search-box .left-part .search-body .input-group-append {
	display: none;
}

.search-section .search-box .left-part .search-body:after {
	content: "";
	width: 1px;
	height: 40px;
	background-color: #e8e8e8;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.search-section .search-box .left-part .search-body:last-child:after {
	display: none;
}

.search-section .search-box .right-part {
	margin-left: 45px;
}

.search-section .search-box .right-part .search-icon {
	width: 96px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--theme-color);
	height: 100%;
	position: relative;
	z-index: 1;
}

.search-section .search-box .right-part .search-icon img {
	position: absolute;
	left: 18px;
}

.search-section .search-box .right-part .search-icon:after {
	content: "";
	position: absolute;
	left: -37px;
	width: 70px;
	height: 100%;
	background-color: var(--theme-color);
	border-radius: 100%;
	z-index: -1;
}

.search-section .search-box .right-part .search-icon:before {
	content: "";
	position: absolute;
	left: -45px;
	width: 70px;
	height: 100%;
	background-color: rgba(233, 179, 14, 0.3);
	border-radius: 100%;
	z-index: -1;
}

.classic-slider {
	margin-bottom: 0 !important;
}

.classic-slider .slick-dots {
	top: 50%;
	bottom: unset;
	width: auto;
	display: inline-block;
	right: 50px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.classic-slider .slick-dots li {
	display: block;
	width: auto;
	height: auto;
	margin: 20px 0;
}

.classic-slider .slick-dots li .dot {
	color: white;
	font-weight: 900;
	font-size: calc(18px + (35 - 18) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1;
	opacity: 0.5;
}

.classic-slider .slick-dots li.slick-active .dot {
	font-size: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));
	opacity: 1;
}

.location-option {
	margin-bottom: 14px;
}

.location-option .form-check {
	margin-right: calc(5px + (18 - 5) * ((100vw - 320px) / (1920 - 320)));
	padding-left: 0;
}

.location-option .form-check-label {
	color: white;
	text-transform: capitalize;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.location-option [type="radio"]:checked,
.location-option [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.location-option [type="radio"]:checked+label,
.location-option [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	display: inline-block;
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: capitalize;
	font-weight: 600;
}

.location-option [type="radio"]:checked+label:before,
.location-option [type="radio"]:not(:checked)+label:before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 18px;
	height: 18px;
	border: 4px solid white;
	border-radius: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.location-option [type="radio"]:checked+label:before {
	background-color: white;
	border: 4px solid var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.location-option.dark-circle [type="radio"]:checked+label,
.location-option.dark-circle [type="radio"]:not(:checked)+label {
	color: var(--theme-color);
}

.location-option.dark-circle [type="radio"]:checked+label:before,
.location-option.dark-circle [type="radio"]:not(:checked)+label:before {
	border: 4px solid #b5b5b5;
}

.location-option.dark-circle [type="radio"]:checked+label:before {
	border: 4px solid var(--theme-color);
}

.home-section .flight-left {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 86px;
}

.home-section.cab-section .cab-content h3 {
	margin-bottom: 20px;
}

.home_effect .effect_image {
	position: relative;
	background: url(../images/tour/background/1.html);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 1;
}

.home_effect .effect_image img {
	position: absolute;
	width: 100%;
	bottom: -150px;
	left: 0;
}

.home_effect .effect_image .effect_content {
	position: absolute;
	width: 100%;
	top: 14%;
	left: 0;
	z-index: -1;
	display: inline-block;
	text-align: center;
}

.home_effect .effect_image .effect_content h1 {
	font-size: 580%;
	color: white;
	font-weight: 900;
	display: inline-block;
}

.home_effect canvas {
	display: block;
}

.home_effect .snow {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
}

.mix-pills.nav-pills .nav-link.active,
.mix-pills.nav-pills .show>.nav-link {
	color: var(--theme-color);
	;
	background-color: var(--theme-color);
}

.mix-pills.nav-pills .nav-link {
	color: white;
	text-transform: capitalize;
	font-size: calc(12px + (17 - 12) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

.form-icon .form-group {
	position: relative;
}

.form-icon .form-group .form-control {
	padding: 20px 20px 20px 50px !important;
}

.form-icon .form-group .icon {
	position: absolute;
	left: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: rgba(0, 0, 0, 0.22);
	font-size: 16px;
	z-index: 4;
}

/*=====================
4. Slick slider css
==========================*/

.no-arrow .slick-next,
.no-arrow .slick-prev {
	display: none !important;
}

.slick-slider {
	line-height: 1;
}

.arrow-classic .slick-next:before,
.arrow-classic .slick-prev:before {
	font-family: themify;
	color: #dfdfdf;
	background-color: white;
	opacity: 1;
	padding: 8px;
	-webkit-box-shadow: 5px 8.66px 61px 0px rgba(0, 0, 0, 0.24);
	box-shadow: 5px 8.66px 61px 0px rgba(0, 0, 0, 0.24);
	border-radius: 12px;
	font-size: 18px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.arrow-classic .slick-next:hover:before,
.arrow-classic .slick-prev:hover:before {
	color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.arrow-classic .slick-prev {
	left: -100px;
}

.arrow-classic .slick-prev:before {
	content: "←";
	color: var(--theme-color);
	;
	background: #ff8471;
}

.arrow-classic .slick-next {
	right: -88px;
}

.arrow-classic .slick-next:before {
	content: "→";
	color: var(--theme-color);
	;
	background: #ff8471;
}

.arrow-dark .slick-prev {
	left: 1px;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: transparent;
	height: 36px;
}

.arrow-dark .slick-prev:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.arrow-dark .slick-next {
	right: 0;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: transparent;
	height: 36px;
}

.arrow-dark .slick-next:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.arrow-dark .slider-nav {
	margin-top: 3px;
}

.arrow-dark .slider-nav .slick-slide {
	margin: 0 3px;
	cursor: pointer;
}

.arrow-dark .slider-nav .slick-list {
	margin-left: -3px;
	margin-right: -3px;
}

.arrow-dark:hover .special-img .bg-size {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.arrow-dark:hover .slick-next,
.arrow-dark:hover .slick-prev {
	background-color: #252525;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.variable-width-height .slick-slide img {
	height: calc(280px + (400 - 280) * ((100vw - 320px) / (1920 - 320)));
}

.variable-width {
	margin-bottom: -4px;
}

/*=====================
5. Instagram css
==========================*/

.instgram-slider .slick-slide {
	margin-bottom: -4px;
}

.instgram-slider .instagram-box {
	position: relative;
	overflow: hidden;
}

.instgram-slider .instagram-box .overlay {
	opacity: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(233, 179, 14, 0.4);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.instgram-slider .instagram-box .overlay i {
	color: white;
}

.instgram-slider .instagram-box:hover .overlay {
	opacity: 1;
	-webkit-transform: scale(4);
	transform: scale(4);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	cursor: pointer;
}

/*=====================
6. Logo css
==========================*/

.logo-box img {
	margin: 0 auto;
}

/*=====================
7. Blog css
==========================*/

.blog-section .slick-list {
	margin-left: -10px;
	margin-right: -10px;
}

.blog-section .slick-slide>div {
	padding-left: 10px;
	padding-right: 10px;
}

.blog-section .blog-box {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: white;
	-webkit-box-shadow: 0px 0.66px 6px 0px #00000021;
	box-shadow: 0px 0.66px 6px 0px #00000021;
}

.blog-section .blog-box .img-part {
	position: relative;
}

.blog-section .blog-box .img-part img {
	min-width: 300px;
}

.blog-section .blog-box .img-part .blog-date {
	padding: 10px 12px;
	background-color: var(--theme-color);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	top: 35px;
	left: 35px;
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(233, 179, 14, 0.4);
	box-shadow: 2.5px 4.33px 25px 0px rgba(233, 179, 14, 0.4);
	text-align: center;
}

.blog-section .blog-box .img-part .blog-date h5 {
	color: white;
	margin-bottom: 0;
	font-weight: 700;
}

.blog-section .blog-box .img-part .blog-date h6 {
	font-size: 10px;
	color: white;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 700;
}

.blog-section .blog-box .blog-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 70px 55px;
}

.blog-section .blog-box .blog-content h5 {
	font-size: 14px;
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 20px;
}

.blog-section .blog-box .blog-content p {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 800;
	line-height: 1.5;
}

.blog-section .blog-box .blog-content h6 {
	font-size: 14px;
	color: #999999;
	font-weight: 600;
	margin-bottom: 20px;
}

.blog_section {
	overflow: hidden;
}

.blog_section .blog-wrap {
	border-radius: 25px;
	-webkit-box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	overflow: hidden;
	margin-bottom: 30px;
}

.blog_section .blog-wrap .blog-image {
	position: relative;
	overflow: hidden;
}

.blog_section .blog-wrap .blog-image .bg-size {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.blog_section .blog-wrap .blog-image .blog-label {
	position: absolute;
	background-color: white;
	padding: 14px 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 30px;
	bottom: 30px;
	border-radius: 10px;
}

.blog_section .blog-wrap .blog-image .blog-label h3 {
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 0;
	font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.blog_section .blog-wrap .blog-image .blog-label h6 {
	font-size: 14px;
	color: #565857;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
}

.blog_section .blog-wrap .blog-details {
	padding: 40px 35px;
}

.blog_section .blog-wrap .blog-details h6 {
	color: #9a9a9a;
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 12px;
}

.blog_section .blog-wrap .blog-details h6 i {
	color: #ef3f3e;
	margin-right: 3px;
}

.blog_section .blog-wrap .blog-details h6 i.color-1 {
	color: var(--theme-color);
}

.blog_section .blog-wrap .blog-details h5 {
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: #333333;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 2px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.blog_section .blog-wrap .blog-details p {
	font-size: 14px;
	color: #9a9a9a;
	line-height: 1.5;
	margin-bottom: -3px;
}

.blog_section .blog-wrap:hover {
	-webkit-box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.blog_section .blog-wrap:hover .blog-image .bg-size {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.blog_section .blog-wrap:hover .blog-details h5 {
	color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.blog_section .slick-slide>div {
	margin: 0 25px;
}

.blog_section .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.blog_section.section-b-space {
	padding-bottom: 70px;
}

.blog_section.destination-section .slick-slide>div {
	margin: 0 30px;
}

.blog_section.destination-section .slick-list {
	margin-left: -30px;
	margin-right: -30px;
}

.blog_section.destination-section .destination-details {
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.blog_section.destination-section .destination-details h5 {
	font-size: 14px;
	color: #959595;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	font-weight: 600;
	margin-bottom: 5px;
}

.blog_section.destination-section .destination-details h2 {
	color: var(--theme-color);
	font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	margin-bottom: 10px;
}

.blog_section.destination-section .destination-details h6 {
	font-weight: 600;
	text-transform: capitalize;
	font-size: 14px;
	margin-bottom: 30px;
	color: rgba(0, 0, 0, 0.56);
	letter-spacing: 0.05em;
	line-height: 1.5;
}

.blog_section.destination-section .destination-details .btn {
	text-transform: capitalize;
	font-size: calc(14px + (20 - 14) * ((100vw - 320) / (1920 - 320)));
}

.blog_section.inner-blog .blog-wrap {
	border-radius: 0;
}

.blog_section.inner-blog .blog-wrap .blog-details h6 i {
	color: var(--theme-color);
}

.blog_section.inner-blog .blog-wrap .blog-image .blog-label {
	border-radius: 0;
}

/*=====================
8. App Section css
==========================*/

.app-section {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.app-section:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(255, 255, 255, 0.05);
	top: 0;
	z-index: -1;
}

.app-section .app-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.app-section .app-content .label {
	margin-bottom: 35px;
}

.app-section .app-content .label span {
	font-size: 14px;
	color: white;
	background-color: var(--theme-color);
	text-transform: uppercase;
	padding: 5px 18px;
	line-height: 1;
	border-radius: 3px;
	font-family: Work Sans;
	font-weight: 600;
	position: relative;
}

.app-section .app-content .label span:after {
	content: "";
	position: absolute;
	right: -65px;
	top: 0;
	background: -webkit-gradient(linear, left top, right top, from(rgba(233, 179, 14, 0.25)), to(rgba(233, 179, 14, 0.05)));
	background: linear-gradient(to right, rgba(233, 179, 14, 0.25) 0%, rgba(233, 179, 14, 0.05) 100%);
	width: 70px;
	height: 26px;
}

.app-section .app-content .label.label-white span {
	background-color: white;
	color: var(--theme-color);
}

.app-section .app-content .label.label-white span:after {
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.05)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 100%);
	width: 40px;
	right: -35px;
}

.app-section .app-content .title {
	color: white;
	font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));
	text-transform: unset;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: -7px;
}

.app-section .app-content .title span {
	display: block;
}

.app-section .app-content p {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.78);
	letter-spacing: 0.02em;
	line-height: 1.7;
	margin-bottom: 30px;
}

.app-section .app-content h3 {
	color: rgba(255, 255, 255, 0.85);
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 42px;
	font-weight: 800;
	text-transform: capitalize;
}

.app-section .app-content .app-buttons a {
	text-transform: capitalize;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	padding: 10px 16px;
}

.app-section .app-content .app-buttons a+a {
	margin-left: 30px;
}

.app-section .app-content .app-buttons a i {
	margin-right: 5px;
}

.app-section .app-image>div {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.app-section .app-image .image {
	position: relative;
}

.app-section .app-image .image img {
	position: relative;
	z-index: 1;
}

.app-section .app-image .image:last-child {
	margin-left: 45px;
}

.app-section .app-box {
	padding: 65px 80px;
	background-color: rgba(255, 255, 255, 0.04);
}

.app-section .app-box h5 {
	color: white;
	text-transform: capitalize;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 30px;
	margin-top: -4px;
}

.app-section .app-box h5 span {
	color: var(--theme-color);
}

.app-section .app-box h2 {
	color: white;
	letter-spacing: 0.01em;
	text-transform: unset;
	font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 30px;
}

.app-section .app-box p {
	color: rgba(255, 255, 255, 0.68);
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.5;
	margin-bottom: 40px;
}

.app-section .app-box .app-buttons a {
	font-size: 14px;
	text-transform: capitalize;
	letter-spacing: 0.05em;
	padding: 10px 22px;
}

.app-section .app-box .app-buttons a i {
	margin-right: 5px;
}

.app-section .app-box .app-buttons .app-btn {
	background-color: rgba(255, 255, 255, 0.2);
	margin-left: 15px;
}

.app-section.app-right-sec .app-image {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.app-section.app-right-sec .app-content {
	background-color: #f9f9f9;
	padding: 110px;
}

.app-section.app-right-sec .app-content .title,
.app-section.app-right-sec .app-content h3 {
	color: #222222;
}

.app-section.app-right-sec .app-content p {
	color: rgba(0, 0, 0, 0.65);
}

.app-section.app-right-sec .app-content h3 {
	margin-bottom: 14px;
}

.app-section.app-dark .app-content .title {
	color: var(--theme-color);
}

.app-section.app-dark .app-content p,
.app-section.app-dark .app-content h3 {
	color: rgba(0, 0, 0, 0.8);
}

/*=====================
9. Service css
==========================*/

.service-section {
	margin-left: -25px;
	margin-right: -25px;
}

.service-section>div {
	padding-left: 25px;
	padding-right: 25px;
}

.service-section .service-box {
	padding: 70px 60px;
	background-color: white;
	border-radius: 20px;
	text-align: center;
	-webkit-box-shadow: 10px 17.321px 30px 0px rgba(206, 206, 206, 0.4);
	box-shadow: 10px 17.321px 30px 0px rgba(206, 206, 206, 0.4);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-section .service-box .service-icon {
	width: 90px;
	height: 90px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 auto;
	background-color: rgba(233, 179, 14, 0.05);
	border-radius: 100%;
	margin-bottom: 40px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-section .service-box .service-icon svg {
	width: 45px;
	height: 45px;
	fill: var(--theme-color);
}

.service-section .service-box h3 {
	text-align: center;
	color: var(--theme-color);
	font-size: calc(20px + (24 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 15px;
}

.service-section .service-box p {
	text-align: center;
	color: #999999;
	line-height: 1.7;
	margin-bottom: 8px;
}

.service-section .service-box .lower-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.service-section .service-box .lower-section h6 {
	margin-bottom: 0;
	color: var(--theme-color);
	margin-left: 12px;
	text-transform: capitalize;
	font-weight: 800;
}

.service-section .service-box .btn {
	margin-top: 30px;
}

.service-section .service-box:hover {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-section .service-box:hover .service-icon {
	-webkit-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-section.color-svg .service-box .service-icon svg {
	fill: unset;
}

.service_section>div:nth-last-child(-n+3) {
	margin-top: 60px;
}

.service_section .service-wrap {
	text-align: center;
	padding: 50px 30px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 15px;
}

.service_section .service-wrap .service-icon {
	text-align: center;
}

.service_section .service-wrap .service-icon img {
	height: 80px;
	padding: 18px 20px;
	border-radius: 20px;
	background-color: var(--theme-color);
	-webkit-box-shadow: 7.5px 12.99px 40px 0px rgba(233, 179, 14, 0.25);
	box-shadow: 7.5px 12.99px 40px 0px rgba(233, 179, 14, 0.25);
	margin-bottom: 30px;
}

.service_section .service-wrap h5 {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 8px;
	letter-spacing: 0.001em;
}

.service_section .service-wrap p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: #b3b3b3;
	margin-bottom: -6px;
	line-height: 1.5;
	letter-spacing: 0.01em;
}

.service_section .service-wrap:hover {
	-webkit-box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 3px 5px 25px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service_section .service-wrap:hover .service-icon img {
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-part .service-wrapper {
	-webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
	padding: 40px;
	border-radius: 20px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-part .service-wrapper h3 {
	font-weight: 800;
	color: #333333;
	margin-bottom: 10px;
	letter-spacing: 0.01em;
	margin-top: -4px;
	position: relative;
}

.service-part .service-wrapper h3 i {
	position: absolute;
	font-size: 16px;
	right: 0;
	top: 0;
	color: #e1002c;
	background-color: rgba(225, 0, 44, 0.1);
	padding: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
}

.service-part .service-wrapper h3 i .effect {
	border-radius: 50%;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	-webkit-transition: height 5s ease, width 5s ease;
	transition: height 5s ease, width 5s ease;
	z-index: 0;
	opacity: 0;
}

.service-part .service-wrapper h3 i .effect:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #e1002c;
	-webkit-animation: effect 2s linear 1s infinite;
	animation: effect 2s linear 1s infinite;
}

.service-part .service-wrapper h6 {
	color: #292929;
	font-weight: 600;
	margin-bottom: 20px;
}

.service-part .service-wrapper p {
	color: #949494;
	margin-bottom: 30px;
	letter-spacing: 1.1px;
	line-height: 1.5;
}

.service-part .service-wrapper .service-btn {
	text-align: right;
}

.service-part .service-wrapper .service-btn .btn {
	letter-spacing: 0.05em;
}

.service-part .service-wrapper:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.15);
}

.service-part .service-wrapper:hover h3 .effect {
	opacity: 0.5;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.service-part .service-wrapper:hover .service-btn .btn {
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(233, 179, 14, 0.5);
	box-shadow: 2.5px 4.33px 25px 0px rgba(233, 179, 14, 0.5);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rating i {
	font-size: 12px;
	margin: 0 2px;
	color: #ffcc33;
}

.highlight-section {
	margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: -20px;
}

.highlight-section .highlight-box {
	margin-bottom: 20px;
	text-align: center;
	border: 1px solid #f7f7f7;
	padding: 30px;
	border-radius: 5px;
	-webkit-box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 2.5px 4.33px 35px 0px rgba(0, 0, 0, 0.04);
}

.highlight-section .highlight-box svg,
.highlight-section .highlight-box img {
	width: 50px;
	height: auto;
	fill: rgba(0, 0, 0, 0.67);
}

.highlight-section .highlight-box .content-sec h5 {
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 700;
	margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.highlight-section .highlight-box .content-sec p {
	width: 80%;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.9);
	margin-bottom: -4px;
	text-transform: capitalize;
	line-height: 1.8;
}

/*=====================
10. Testimonial css
==========================*/

.testimonial-section .testimonial {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 100px;
}

.testimonial-section .testimonial .left-part {
	display: inline-block;
	position: relative;
}

.testimonial-section .testimonial .left-part img {
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background-color: white;
	-webkit-box-shadow: 10px 17.321px 40px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 10px 17.321px 40px 0px rgba(0, 0, 0, 0.1);
}

.testimonial-section .testimonial .left-part .design {
	background-color: var(--theme-color);
	padding: 20px;
	border-radius: 100%;
	position: absolute;
	top: 0;
	right: -45px;
	z-index: -1;
	width: 70px;
	height: 70px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.testimonial-section .testimonial .left-part .design i {
	font-size: 28px;
	color: white;
}

.testimonial-section .testimonial .left-part .design .light {
	position: absolute;
	color: rgba(255, 255, 255, 0.2);
	top: -8px;
	right: -18px;
	font-size: 42px;
}

.testimonial-section .testimonial .right-part {
	max-width: 70%;
	margin-left: 13%;
}

.testimonial-section .testimonial .right-part p {
	margin-top: 14px;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: #707070;
	line-height: 1.6;
	margin-bottom: 25px;
}

.testimonial-section .testimonial .right-part .detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.testimonial-section .testimonial .right-part .detail h6 {
	text-transform: uppercase;
	margin-left: 18px;
	margin-bottom: 0;
	font-weight: 900;
}

.testimonial-section .testimonial .quote-icon {
	position: absolute;
	right: 90px;
	-webkit-transform: rotate(-12deg);
	transform: rotate(-12deg);
}

.testimonial-section .testimonial .quote-icon i {
	font-size: 102px;
	color: rgba(233, 179, 14, 0.05);
}

.testimonial-section .slick-prev,
.testimonial-section .slick-next {
	background-color: rgba(233, 179, 14, 0.12);
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
	top: 30%;
}

.testimonial-section .slick-prev:before,
.testimonial-section .slick-next:before {
	font-family: unset;
	font-size: 26px;
	color: var(--theme-color);
	position: absolute;
	top: -4px;
}

.testimonial-section .slick-prev {
	left: 0;
}

.testimonial-section .slick-prev:before {
	left: 5px;
}

.testimonial-section .slick-next {
	right: 0;
}

.testimonial-section .slick-next:before {
	right: 5px;
}

.testimonial_section {
	overflow: hidden;
}

.testimonial_section .testimonial .top-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.testimonial_section .testimonial .top-part .img-part {
	display: inline-block;
	position: relative;
	margin-bottom: 60px;
	margin-top: 70px;
}

.testimonial_section .testimonial .top-part .img-part img {
	width: 130px;
	height: 130px;
	border-radius: 100%;
	position: relative;
}

.testimonial_section .testimonial .top-part .img-part .heart-icon {
	color: #e1002c;
	font-size: 16px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: white;
	padding: 10px;
	-webkit-box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
	border-radius: 100%;
	bottom: -13%;
}

.testimonial_section .testimonial .bottom-part {
	text-align: center;
	position: relative;
}

.testimonial_section .testimonial .bottom-part p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: #646464;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 40px;
	max-width: 78%;
	margin-left: auto;
	margin-right: auto;
}

.testimonial_section .testimonial .bottom-part h3 {
	text-transform: capitalize;
	font-weight: 900;
	letter-spacing: 0.01em;
	margin-bottom: 10px;
}

.testimonial_section .testimonial .bottom-part .rating {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.testimonial_section .testimonial .bottom-part .quote-icon {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: -6px;
	z-index: -1;
}

.testimonial_section .testimonial .bottom-part .quote-icon i {
	font-size: 72px;
	color: rgba(233, 179, 14, 0.05);
}

/*=====================
12. About css
==========================*/

.about-section .image-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.about-section .about_img{
	border: 5px solid var(--theme-color);
	border-top-right-radius: 77px!important;
	border-bottom-left-radius: 77px!important;
	width: 93%;
	height: 450px;
}
.about-section .image-section .img-box {
	position: relative;
}

.about-section .image-section .img-box+.img-box {
	margin-left: 60px;
}

.about-section .image-section .img-box img {
	-webkit-box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
}

.about-section .image-section .img-box .no-class {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: var(--theme-color);
	padding: 5px;
	left: -15px;
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(233, 179, 14, 0.4);
	box-shadow: 2.5px 4.33px 25px 0px rgba(233, 179, 14, 0.4);
}

.about-section .image-section .img-box .no-class h3 {
	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	margin-bottom: 0;
	font-weight: 700;
}

/*.about-section .about-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: 60px; }*/

  .about-section .about-text h5 {
  	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  	font-style: italic;
  	color: #adadad;
  	text-transform: capitalize;
  	font-weight: 700;
  	margin-bottom: 15px;
  	margin-top: -2px;
  }

  .about-section .about-text h5 span {
  	color: var(--theme-color);
  }

  .about-section .about-text h3 {
  	font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
  	text-transform: capitalize;
  	font-weight: 800;
  	letter-spacing: 0.001em;
  	margin-bottom: 35px;
  }

  .about-section .about-text h2 {
  	font-size: calc(18px + (45 - 18) * ((100vw - 320px) / (1920 - 320)));
  	color: var(--theme-color);
  	font-weight: 800;
  	margin-bottom: 35px;
  }

  .about-section .about-text p {
  	font-size: 14px;
  	line-height: 1.5;
  	font-weight: 500;
  	margin-bottom: 25px;
  }

  .about-section.three-image .image-section .img-box+.img-box {
  	margin-left: 45px;
  }

  .about-section.three-image .about-text {
  	padding-left: 20px;
  }

  .about-section.three-image .about-text h5 {
  	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
  	margin-bottom: 30px;
  }

  .about-section.three-image .about-text h2 {
  	color: var(--theme-color);
  	font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
  	margin-bottom: 10px;
  }

  .about-section.three-image .about-text h2 span {
  	font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
  	text-transform: lowercase;
  	margin-bottom: 0;
  	display: block;
  	margin-top: 14px;
  	font-weight: 400;
  	color: rgba(0, 0, 0, 0.6);
  }

  .about-section.three-image .about-text p {
  	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  }

  .about-section.about_page .image-section .img-box:nth-child(odd) {
  	margin-bottom: 40px;
  }

  .about-section.about_page .image-section .img-box:nth-child(odd) .title-box {
  	bottom: -40px;
  }

  .about-section.about_page .image-section .img-box:nth-child(even) {
  	margin-top: 40px;
  }

  .about-section.about_page .image-section .img-box:nth-child(even) .title-box {
  	top: -40px;
  }

  .about-section.about_page .image-section .img-box .title-box {
  	padding: 20px;
  	background-color: white;
  	display: inline-block;
  	text-align: center;
  	position: absolute;
  	left: 50%;
  	-webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
  	-webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.08);
  	box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.08);
  	min-width: 162px;
  }

  .about-section.about_page .image-section .img-box .title-box h3 {
  	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
  	text-transform: capitalize;
  	color: var(--theme-color);
  	margin-top: -4px;
  	font-weight: 800;
  	margin-bottom: 7px;
  }

  .about-section.about_page .image-section .img-box .title-box h6 {
  	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
  	text-transform: uppercase;
  	margin-bottom: -4px;
  	word-break: break-word;
  	color: gray;
  }

  .about-section.about_page .about-text {
  	padding-left: 50px;
  	-webkit-box-align: start;
  	-ms-flex-align: start;
  	align-items: flex-start;
  }

  .about-section.about_page .about-text .title-3 {
  	text-align: left;
  	margin-bottom: 35px;
  }

  .about-section.about_page .about-text .title-3 .title-label {
  	text-transform: uppercase;
  	-webkit-box-shadow: 5px 8.66px 20px 0px rgba(239, 63, 62, 0.22);
  	box-shadow: 5px 8.66px 20px 0px rgba(239, 63, 62, 0.22);
  }

  .about-section.about_page .about-text h2 {
  	font-weight: 700;
  }

  .about-section.about_page .about-text h2 span {
  	font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
  	text-transform: capitalize;
  	margin-top: 20px;
  }

  .about-section.about_page .about-text .buttons-about {
  	margin-top: 45px;
  }

  .about-section.about_page .about-text .buttons-about .btn+.btn {
  	margin-left: 20px;
  }

  .about_section .about_img {
  	position: relative;
  	margin: 20px 0;
  }

  .about_section .about_img img {
  	border-radius: 25px;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  }

  .about_section .about_img .side-effect:after {
  	content: "";
  	position: absolute;
  	top: -12px;
  	height: calc(100% - 18px);
  	background: url(../images/restaurant/about.html);
  	border-radius: 25px;
  	width: calc(100% - 65px);
  	left: 76px;
  	z-index: -1;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	background-blend-mode: overlay;
  	opacity: 0.3;
  }

  .about_section .about_img .side-effect:before {
  	content: "";
  	position: absolute;
  	top: -20px;
  	height: calc(100% - 44px);
  	background: url(../images/restaurant/about.html);
  	border-radius: 25px;
  	width: calc(100% - 97px);
  	left: 120px;
  	z-index: -1;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	background-blend-mode: overlay;
  	opacity: 0.1;
  }

  .about_section .about_img .side-effect span:after {
  	content: "";
  	position: absolute;
  	bottom: -12px;
  	height: calc(100% - 18px);
  	background: url(../images/restaurant/about.html);
  	border-radius: 25px;
  	width: calc(100% - 65px);
  	right: 76px;
  	z-index: -1;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	background-blend-mode: overlay;
  	opacity: 0.3;
  }

  .about_section .about_img .side-effect span:before {
  	content: "";
  	position: absolute;
  	bottom: -20px;
  	height: calc(100% - 44px);
  	background: url(../images/restaurant/about.html);
  	border-radius: 25px;
  	width: calc(100% - 97px);
  	right: 120px;
  	z-index: -1;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  	background-blend-mode: overlay;
  	opacity: 0.1;
  }

  .about_section .about_img:hover img {
  	-webkit-transform: scale(1.02);
  	transform: scale(1.02);
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  }

  .about_section .about_img:hover .side-effect:before,
  .about_section .about_img:hover .side-effect:after {
  	top: 0;
  	left: 20px;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  }

  .about_section .about_img:hover .side-effect span:after,
  .about_section .about_img:hover .side-effect span:before {
  	bottom: 0;
  	right: 20px;
  	-webkit-transition: all 0.5s ease;
  	transition: all 0.5s ease;
  }

  .about_section .about_content {
  	margin-left: 85px;
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
  	height: 100%;
  }

  .about_section .about_content h5 {
  	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
  	color: #adadad;
  	text-transform: capitalize;
  	font-weight: 800;
  	font-style: italic;
  	margin-bottom: 25px;
  }

  .about_section .about_content h5 span {
  	color: var(--theme-color);
  }

  .about_section .about_content h2 {
  	font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
  	color: var(--theme-color);
  	font-weight: 800;
  	text-transform: capitalize;
  	margin-bottom: 30px;
  }

  .about_section .about_content p {
  	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
  	color: #b2b2b2;
  	line-height: 1.4;
  	font-weight: 600;
  	margin-bottom: 38px;
  }

  .about_section .about_content .about_bottom {
  	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-align: center;
  	-ms-flex-align: center;
  	align-items: center;
  }

  .about_section .about_content .about_bottom h6 {
  	margin-left: 25px;
  	background-color: #f7f7f7;
  	color: #acacac;
  	font-size: 14px;
  	text-transform: capitalize;
  	margin-bottom: 0;
  	padding: 8px 12px;
  	border-radius: 20px;
  	font-weight: 600;
  }

  .vtin-txt {
  	background: #fff;
  	margin: 80px 0 50px -97px;
  	padding: 44px 15px 35px 50px;
  	-webkit-box-shadow: 0px 2px 15px 0px rgb(189 189 189 / 75%);
  	-moz-box-shadow: 0px 2px 15px 0px rgb(189 189 189 / 75%);
  	box-shadow: 0px 2px 15px 0px rgb(189 189 189 / 75%);
  }
  .inr-midil h2 {
  	padding: 10px 0 20px 0;
  	margin: 0 0 0 0;
  	color: #c92f80;
  	font-family: 'Playfair Display', serif;
  	font-size: 30px;
  	font-weight: bold;
  }
  .vtin-txt p {
  	font-size: 20px;
  	font-weight: 600;
  	line-height: 35px;
  }
  .our-mission{
  	background-color: #dee2e64d;
  }
  .vtin-img img{
  	border: 15px solid transparent;
  	border-radius: 4px;
  }

/*=====================
13. Ticket/video section css
==========================*/

.ticket-section .ticket-box {
	position: relative;
}

.ticket-section .ticket-box .image-box {
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 5px 8.66px 22px 0px rgba(0, 0, 0, 0.3);
	box-shadow: 5px 8.66px 22px 0px rgba(0, 0, 0, 0.3);
}

.ticket-section .ticket-box .image-box img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ticket-section .ticket-box .image-box:after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	opacity: 0;
	top: 0;
	z-index: 0;
}

.ticket-section .ticket-box .image-box:hover:after {
	opacity: 1;
}

.ticket-section .ticket-box .image-box:hover img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ticket-section .ticket-box .content {
	padding: 50px 150px 50px 50px;
	background-color: white;
	position: absolute;
	left: -56%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-box-shadow: 11px 4px 40px 0px rgba(0, 0, 0, 0.11);
	box-shadow: 11px 4px 40px 0px rgba(0, 0, 0, 0.11);
}

.ticket-section .ticket-box .content .detail {
	max-width: 395px;
}

.ticket-section .ticket-box .content .detail h4 {
	font-size: calc(14px+(16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 15px;
}

.ticket-section .ticket-box .content .detail h4 span {
	color: var(--theme-color);
	font-weight: 900;
	font-size: calc(16px + (27 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.ticket-section .ticket-box .content .detail h3 {
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 900;
	text-transform: capitalize;
	margin-bottom: 18px;
}

.ticket-section .ticket-box .content .detail p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 25px;
	line-height: 1.5;
	color: #b2b2b2;
	font-weight: 600;
}

.ticket-section .ticket-box .content .barcode-design {
	position: absolute;
	right: 50px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.ticket-section .ticket-box .content:after {
	content: "";
	position: absolute;
	background-image: url(../images/zig-zag.png);
	right: -10px;
	height: 100%;
	width: 10px;
	top: 0;
}

.ticket-section .ticket-box .content:before {
	content: "";
	position: absolute;
	background-image: url(../images/zig-zag.png);
	left: -10px;
	height: 100%;
	width: 10px;
	top: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.ticket-section .ticket-box .ticket-title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	right: -11%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
}

.ticket-section .ticket-box .ticket-title h6 {
	background-color: white;
	padding: 10px;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: 800;
}

.ticket-section .ticket-box .ticket-title span {
	background-color: red;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 10px;
	color: white;
}

.ticket-section .slick-prev,
.ticket-section .slick-next {
	font-family: themify;
	right: 40px;
	left: unset;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ticket-section .slick-prev:before,
.ticket-section .slick-next:before {
	color: var(--theme-color);
	background-color: white;
	opacity: 1;
	padding: 10px;
}

.ticket-section .slick-prev:hover,
.ticket-section .slick-next:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
	box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.ticket-section .slick-next {
	top: calc(50% - 30px);
}

.ticket-section .slick-next:before {
	font-family: themify;
	content: "\e649";
}

.ticket-section .slick-prev {
	top: calc(50% + 30px);
}

.ticket-section .slick-prev:before {
	font-family: themify;
	content: "\e64a";
}

.ticket-section.white-section .ticket-box .ticket-title {
	right: -9%;
}

.ticket-section.white-section .ticket-box .content .detail h4 {
	margin-bottom: 20px;
}

.ticket-section.white-section .ticket-box .content .detail h2 {
	font-weight: 800;
	margin-bottom: 10px;
}

.ticket-section.white-section .ticket-box .content .detail h6 {
	font-size: 14px;
	color: #adadad;
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: 10px;
}

.ticket-section.white-section .ticket-box .content .detail h6 span {
	color: var(--theme-color);
}

.ticket-section.white-section .slick-prev,
.ticket-section.white-section .slick-next {
	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
	box-shadow: rgba(0, 0, 0, 0.5) 5px 8.66px 40px 0px;
}

.ticket-section.white-section .slick-prev:hover,
.ticket-section.white-section .slick-next:hover {
	-webkit-box-shadow: rgba(0, 0, 0, 0.8) 5px 8.66px 40px 0px;
	box-shadow: rgba(0, 0, 0, 0.8) 5px 8.66px 40px 0px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video-section {
	padding: 170px 0;
}

.video-section.parallax-img {
	background-color: rgba(0, 0, 0, 0.35);
	background-blend-mode: overlay;
}

.video-section .basic-section h2 {
	font-family: Dancing Script;
	font-size: calc(25px + (65 - 25) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-align: center;
	font-weight: 700;
	line-height: 0.8;
	margin-bottom: 35px;
}

.video-section .basic-section h4 {
	text-align: center;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 700;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

.video-section .basic-section .video-icon {
	position: relative;
	cursor: pointer;
	top: 0;
	left: 0;
	-webkit-transform: none;
	transform: none;
	margin: 0 auto;
}

.video-section .basic-section .video-icon .animation-circle-inverse {
	background: rgba(214, 36, 35, 0.51);
}

.video-section .basic-section .video-icon .animation-circle-inverse i {
	background: rgba(214, 36, 35, 0.5);
	border-radius: 15px;
	opacity: 0.8;
	z-index: -1;
}

.video-section .basic-section .video-icon .animation-circle-inverse i:nth-child(2) {
	-webkit-animation: icon 3s linear infinite;
	animation: icon 3s linear infinite;
}

@-webkit-keyframes icon {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

@keyframes icon {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

.video_section {
	padding: 138px 0;
	position: relative;
	overflow: hidden;
}

.video_section .video-image {
	position: relative;
	z-index: 1;
}

.video_section .video-image img {
	border-radius: 30px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image .video-icon {
	-webkit-box-shadow: -1px 0px 25px 7px rgba(0, 0, 0, 0.5);
	box-shadow: -1px 0px 25px 7px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image .video-icon:hover {
	-webkit-transform: translate(-50%, -50%) scale(1.06);
	transform: translate(-50%, -50%) scale(1.06);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image .side-effect:after {
	content: "";
	position: absolute;
	top: 15px;
	height: calc(100% - 30px);
	background-color: rgba(255, 255, 255, 0.12);
	border-radius: 30px;
	width: calc(100% + 30px);
	left: -15px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image .side-effect:before {
	content: "";
	position: absolute;
	top: 35px;
	height: calc(100% - 70px);
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 30px;
	width: calc(100% + 60px);
	left: -30px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image:hover img {
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image:hover .side-effect:after {
	left: 10px;
	width: calc(100% + 10px);
	top: 0;
	height: calc(100% - 10px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-image:hover .side-effect:before {
	width: 100%;
	top: 35px;
	left: 38px;
	height: calc(100% - 30px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.video_section .video-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.video_section .video-content h5 {
	color: white;
	font-weight: 700;
	text-transform: unset;
	margin-bottom: 30px;
	margin-top: -3px;
	font-style: italic;
}

.video_section .video-content h5 span {
	color: var(--theme-color);
}

.video_section .video-content h2 {
	font-size: calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
	color: white;
	margin-bottom: 26px;
}

.video_section .video-content h2 span {
	font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1920 - 320)));
	padding-left: 20px;
	margin-left: 5px;
	position: relative;
}

.video_section .video-content h2 span:after {
	content: "";
	position: absolute;
	left: 0;
	width: 3px;
	height: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: white;
}

.video_section .video-content p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.7);
	line-height: 1.6;
	margin-bottom: 24px;
	padding-right: 10px;
}

.video_section .video-content .bottom-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 35px;
}

.video_section .video-content .bottom-section .timer {
	margin-bottom: 35px;
}

.video_section .video-content .bottom-section .info-btn {
	margin-left: 25px;
}

.video_section .video-content .bottom-section .info-btn h6 {
	font-size: 14px;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 50px;
	padding: 10px 16px;
}

.video_section .video-content .bottom-section .info-btn.red-info {
	margin-left: 10px;
}

.video_section .video-content .bottom-section .info-btn.red-info h6 {
	color: var(--theme-color);
}

.video_section .offer-text {
	position: absolute;
	right: -90px;
	top: 41%;
}

.video_section .offer-text h6 {
	color: white;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	text-transform: uppercase;
	letter-spacing: 0.3em;
	font-weight: 700;
	position: relative;
}

.video_section .offer-text h6 span {
	position: relative;
	display: inline-block;
	-webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
	animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
}

.video_section .offer-text h6 span:nth-last-child(1n) {
	-webkit-animation-delay: -0.1666666667s;
	animation-delay: -0.1666666667s;
}

.video_section .offer-text h6 span:nth-last-child(2n) {
	-webkit-animation-delay: -0.3333333333s;
	animation-delay: -0.3333333333s;
}

.video_section .offer-text h6 span:nth-last-child(3n) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.video_section .offer-text h6:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	background-color: white;
	top: 5px;
	right: -100px;
	background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to right, white 0%, rgba(231, 56, 39, 0) 100%);
}

.timer li {
	font-size: 14px;
	list-style-type: none;
	padding: 10px 24px;
	text-transform: capitalize;
	color: white;
	background: rgba(255, 255, 255, 0.15);
	text-align: center;
	font-weight: 700;
	border-radius: 15px;
	margin-right: 25px;
}

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

.timer li span {
	display: block;
	font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.video-icon {
	width: 80px;
	height: 55px;
	background-color: #d62423;
	border-radius: 15px;
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(214, 36, 35, 0.6);
	box-shadow: 2.5px 4.33px 25px 0px rgba(214, 36, 35, 0.6);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
	cursor: pointer;
}

.video-icon span {
	width: 0;
	position: absolute;
	height: 0;
	border-top: 12px solid transparent;
	border-left: 24px solid white;
	border-bottom: 12px solid transparent;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.video-slider {
	height: 227px;
	width: auto;
}

/*=====================
14. Gallery section css
==========================*/

.gallery-box {
	position: relative;
	overflow: hidden;
}

.gallery-box .gallery-img {
	position: relative;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery-box .gallery-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
	background-blend-mode: overlay;
	-webkit-box-shadow: inset 0px -200px 120px -53px rgba(0, 0, 0, 0.6);
	box-shadow: inset 0px -200px 120px -53px rgba(0, 0, 0, 0.6);
}

.gallery-box .gallery-content {
	position: absolute;
	text-align: center;
	bottom: 30px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 100%;
}

.gallery-box .gallery-content h5 {
	color: white;
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.gallery-box .gallery-content .btn {
	padding: 8px 18px;
	line-height: 1;
}

.gallery-box:hover .gallery-img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery-box:hover .gallery-content {
	bottom: 40px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery_box {
	position: relative;
	overflow: hidden;
}

.gallery_box .gallery-img {
	position: relative;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery_box .gallery-img .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
	background-blend-mode: overlay;
}

.gallery_box .gallery-content {
	position: absolute;
	bottom: 40px;
	left: 40px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	z-index: 1;
}

.gallery_box .gallery-content h3 {
	color: white;
	font-weight: 700;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.gallery_box .view-cls {
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: absolute;
	right: 40px;
	bottom: 40px;
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery_box .view-cls i {
	color: white;
}

.gallery_box:after {
	content: "";
	position: absolute;
	bottom: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(58%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.75)));
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 58%, rgba(0, 0, 0, 0.75) 100%);
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.gallery_box:hover .gallery-img {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.gallery_box:hover .view-cls {
	-webkit-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}

.mfp-title {
	display: none;
}

/*=====================
15. Category section css
==========================*/

.special-section .special-box {
	-webkit-box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-bottom: 30px;
	-webkit-box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
	box-shadow: 0px 1px 9px 0px rgba(228, 228, 228, 0.7);
}

.special-section .special-box.p-0 .special-img .top-icon {
	top: 10px;
	right: 10px;
}

.special-section .special-box .special-img {
	position: relative;
	overflow: hidden;
}

.special-section .special-box .special-img .bg-size {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section .special-box .special-img .label {
	position: absolute;
	left: 30px;
	top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: white;
}

.special-section .special-box .special-img .label h3 {
	padding: 7px 12px;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 0;
	background-color: white;
	color: var(--theme-color);
	font-weight: 800;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.special-section .special-box .special-img .label h3 del {
	font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	margin-right: 3px;
}

.special-section .special-box .special-img .label i {
	padding: 12px 14px;
	background-color: var(--theme-color);
	color: white;
	-webkit-box-shadow: 2.5px 4.33px 25px 0px rgba(89, 68, 5, 0.4);
	box-shadow: 2.5px 4.33px 25px 0px rgba(89, 68, 5, 0.4);
}

.special-section .special-box .special-img .content-inner {
	position: absolute;
	width: 60%;
	bottom: -70px;
	background-color: white;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	padding: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section .special-box .special-img .content-inner h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 500;
	color: var(--theme-color);
	text-transform: uppercase;
	margin-bottom: -4px;
}

.special-section .special-box .special-img .content-inner h5 {
	font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: -7px;
	text-transform: capitalize;
}

.special-section .special-box .special-img .content_inner {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 30px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
}

.special-section .special-box .special-img .content_inner h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	margin-bottom: -4px;
}

.special-section .special-box .special-img .content_inner h5 {
	font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: -7px;
	text-transform: capitalize;
}

.special-section .special-box .special-img .top-icon {
	position: absolute;
	top: 10px;
	right: 10px;
}

.special-section .special-box .special-img .top-icon i {
	color: white;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	padding: 8px;
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 100%;
}

.special-section .special-box .special-content {
	padding: 40px;
}

.special-section .special-box .special-content h5 {
	color: var(--theme-color);
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 15px;
	margin-top: -7px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.special-section .special-box .special-content p {
	font-size: 14px;
	color: #999999;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 15px;
}

.special-section .special-box .special-content .bottom-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.special-section .special-box .special-content .bottom-part .package-cls {
	padding-left: 20px;
	color: var(--theme-color);
	font-weight: 800;
}

.special-section .special-box.cab-box {
	padding: 30px;
}

.special-section .special-box:hover {
	-webkit-box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section .special-box:hover .special-img .bg-size {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section .special-box:hover .special-img .content-inner {
	bottom: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section .slick-slide>div {
	margin: 0 25px;
}

.special-section .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.special-section.section-b-space {
	padding-bottom: 70px;
}

.special-section.grid-box {
	margin-top: 30px;
}

.special-section.grid-box .special-box {
	position: relative;
	background-color: white;
}

.special-section.grid-box .special-box .special-content {
	padding: 20px 25px 25px;
	position: relative;
}

.special-section.grid-box .special-box .special-content h5 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	margin-bottom: 0px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	max-width: 280px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

.special-section.grid-box .special-box .special-content h5 span {
	color: #9a9a9a;
	font-size: 14px;
	margin-left: 8px;
	font-weight: 500;
	vertical-align: 3px;
}

.special-section.grid-box .special-box .special-content h5 span i {
	color: #a7a7a7;
	margin-right: 3px;
	font-size: 10px;
}

.special-section.grid-box .special-box .special-content p {
	margin-bottom: 10px;
	color: #9a9a9a;
	font-weight: 500;
	letter-spacing: 0.05em;
}

.special-section.grid-box .special-box .special-content .bottom-section .rating span {
	color: rgba(0, 0, 0, 0.65);
	font-size: 12px;
	font-weight: 600;
	margin-left: 18px;
}

.special-section.grid-box .special-box .special-content .bottom-section .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 13px;
	margin-bottom: -6px;
}

.special-section.grid-box .special-box .special-content .bottom-section .price del {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}

.special-section.grid-box .special-box .special-content .bottom-section .price span {
	color: #333333;
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
}

.special-section.grid-box .special-box .special-content .bottom-section .price .package-cls {
	padding-left: 20px;
	color: var(--theme-color);
	font-weight: 800;
	font-size: 12px;
}

.special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail {
	margin-left: 7px;
}

.special-section.grid-box .special-box .special-content .bottom-section .price .facility-detail span {
	color: rgba(0, 0, 0, 0.5);
	font-weight: 600;
	font-size: 12px;
	text-transform: capitalize;
	padding: 2px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.special-section.grid-box .special-box .special-content .tour-detail span {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	color: var(--theme-color);
	text-transform: capitalize;
}

.special-section.grid-box .special-box .special-content .tour-detail .include-sec {
	margin-top: 14px;
}

.special-section.grid-box .special-box .special-content .tour-detail .include-sec ul {
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.78);
	margin-top: 10px;
}

.special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li {
	margin-right: 12px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-align: center;
}

.special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li img {
	width: 20px;
	display: block;
	margin: 0 auto;
}

.special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li i {
	font-size: 14px;
	margin-right: 5px;
	display: block;
}

.special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li.not-include {
	opacity: 0.4;
}

.special-section.grid-box .special-box .special-content .tour-detail h6 {
	margin-top: 4px;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.78);
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
}

.special-section.grid-box .special-box .special-content .tour-detail h6 i {
	font-size: 12px;
	color: gray;
}

.special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price {
	display: block;
	margin-top: 15px;
}

.special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price h6 {
	color: var(--theme-color);
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price h6 del {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}

.special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price span {
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.57);
	text-transform: capitalize;
}

.special-section.grid-box .special-box .special-content .tour-detail .nowrap-cls {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.special-section.grid-box .special-box .special-content.restaurant-detail h5 {
	margin-top: -4px;
}

.special-section.grid-box .special-box .special-content.restaurant-detail h5 span {
	font-size: 14px;
	margin-left: 10px;
	font-weight: 500;
	padding: 3px 10px;
	color: white;
	display: inline-block;
}

.special-section.grid-box .special-box .special-content.restaurant-detail h5 span.positive {
	background-color: rgba(0, 128, 0, 0.83);
}

.special-section.grid-box .special-box .special-content.restaurant-detail h5 span.nagative {
	background-color: rgba(255, 0, 0, 0.83);
}

.special-section.grid-box .special-box .special-content.restaurant-detail h5 span i {
	color: white;
	margin-right: 0;
}

.special-section.grid-box .special-box .special-content.restaurant-detail ul li {
	display: block;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	line-height: 24px;
	position: relative;
	padding-left: 15px;
	color: gray;
}

.special-section.grid-box .special-box .special-content.restaurant-detail ul li:last-child {
	margin-bottom: -4px;
}

.special-section.grid-box .special-box .special-content.restaurant-detail ul li:after {
	content: "";
	width: 6px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.85);
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 0;
}

.special-section.grid-box .special-box .special-content.cab-detail ul li {
	display: block;
	font-size: 16px;
	text-transform: capitalize;
}

.special-section.grid-box .special-box .special-content.cab-detail ul li span {
	font-weight: 600;
}

.special-section.grid-box .special-box .special-content.cab-detail ul li+li {
	margin-top: 5px;
}

.special-section.grid-box .special-box .special-content.cab-detail .button-botton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.special-section.grid-box .special-box .special-content.cab-detail .button-botton a:last-child {
	margin-left: 10px;
}

.special-section.grid-box .special-box .special-content.cab-detail .button-botton .btn {
	font-size: 14px;
	text-transform: capitalize;
	padding: 5px 12px;
	width: 50%;
	margin-top: 10px;
	background-color: transparent;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section.grid-box .special-box .special-content.cab-detail .button-botton .btn:hover {
	color: white;
	background-color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section.grid-box .special-box.cab-box .special-content {
	padding: 10px 0 0;
}

.special-section.grid-box .special-box.cab-box .special-content ul li {
	display: block;
	font-size: 16px;
	text-transform: capitalize;
	position: relative;
	padding-left: 15px;
}

.special-section.grid-box .special-box.cab-box .special-content ul li:after {
	content: "";
	width: 6px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.85);
	left: 0;
	position: absolute;
	top: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.special-section.grid-box .special-box.cab-box .special-content ul li span {
	font-weight: 600;
}

.special-section.grid-box .special-box.cab-box .special-content ul li+li {
	margin-top: 5px;
}

.special-section.grid-box .special-box.cab-box .special-content .button-botton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.special-section.grid-box .special-box.cab-box .special-content .button-botton a:last-child {
	margin-left: 10px;
}

.special-section.grid-box .special-box.cab-box .special-content .button-botton .btn {
	font-size: 14px;
	text-transform: capitalize;
	padding: 10px 12px;
	width: 50%;
	margin-top: 10px;
	background-color: transparent;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section.grid-box .special-box.cab-box .special-content .button-botton .btn:hover {
	color: white;
	background-color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section.grid-box .special-box.slider-sec .slick-prev {
	left: 1px;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: transparent;
	height: 36px;
}

.special-section.grid-box .special-box.slider-sec .slick-prev:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.special-section.grid-box .special-box.slider-sec .slick-next {
	right: 0;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: transparent;
	height: 36px;
}

.special-section.grid-box .special-box.slider-sec .slick-next:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.special-section.grid-box .special-box.slider-sec:hover .special-img .bg-size {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.special-section.grid-box .special-box.slider-sec:hover .slick-next,
.special-section.grid-box .special-box.slider-sec:hover .slick-prev {
	background-color: #252525;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.special-section.grid-box .special-box .label-offer {
	position: absolute;
	background-color: var(--theme-color);
	color: white;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	top: 10px;
	left: -10px;
	padding: 2px 10px;
	font-weight: 800;
}

.special-section.grid-box .special-box .label-offer:after {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-top: 15px solid #896908;
	content: "";
	position: absolute;
	left: 0;
	bottom: -15px;
}

.special-section.related-box {
	margin-bottom: -3px;
	overflow: hidden;
}

.category-section {
	overflow: hidden;
}

.category-section .category-box {
	border-radius: 25px;
	margin-bottom: 15px;
	position: relative;
}

.category-section .category-box .bg-size,
.category-section .category-box img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 25px;
}

.category-section .category-box .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 25px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.6)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(231, 56, 39, 0) 100%);
}

.category-section .category-box .top-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 25px;
	left: 25px;
}

.category-section .category-box .top-bar .offer {
	color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px 13px;
	background-color: var(--theme-color);
	border-radius: 15px;
	text-transform: uppercase;
	font-size: 12px;
	margin-right: 10px;
}

.category-section .category-box .top-bar h5 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	padding: 3px 10px;
	background-color: white;
	border-radius: 20px;
	margin-bottom: 0;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: 0.09em;
}

.category-section .category-box .top-bar h5 del {
	font-size: 12px;
	margin-right: 5px;
}

.category-section .category-box .bottom-bar {
	position: absolute;
	bottom: 25px;
	left: 25px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-section .category-box .bottom-bar .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 4px;
}

.category-section .category-box .bottom-bar .top h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 0;
	margin-right: 15px;
}

.category-section .category-box .bottom-bar .top h6 {
	color: white;
	margin-bottom: 0;
	font-weight: 700;
	margin-left: 20px;
	font-size: 14px;
}

.category-section .category-box .bottom-bar p {
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.7);
}

.category-section .category-box .like-cls {
	position: absolute;
	right: 25px;
	top: 25px;
}

.category-section .category-box .like-cls i {
	color: #e1002c;
	background-color: white;
	padding: 8px;
	border-radius: 100%;
	font-size: 16px;
}

.category-section .category-box .like-cls i .effect {
	border-radius: 50%;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	-webkit-transition: height 5s ease, width 5s ease;
	transition: height 5s ease, width 5s ease;
	z-index: 0;
	opacity: 0;
}

.category-section .category-box .like-cls i .effect:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-animation: effect 2s linear 1s infinite;
	animation: effect 2s linear 1s infinite;
}

.category-section .category-box .side-effect:after {
	content: "";
	position: absolute;
	top: 8px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: calc(100% - 16px);
	left: 8px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-section .category-box .side-effect:before {
	content: "";
	position: absolute;
	top: 15px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	width: calc(100% - 66px);
	left: 33px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-section .category-box:hover .like-cls .effect {
	opacity: 1;
}

.category-section .category-box:hover .bottom-bar {
	bottom: 34px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-section .slick-slide>div {
	margin: 0 25px;
}

.category-section .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.category-sec {
	overflow: hidden;
}

.category-sec .category-box {
	border-radius: 25px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-sec .category-box .img-category {
	border-radius: 25px;
	position: relative;
	z-index: 1;
}

.category-sec .category-box .img-category .bg-size,
.category-sec .category-box .img-category img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 25px;
}

.category-sec .category-box .img-category .top-bar {
	position: absolute;
	top: 25px;
	left: 25px;
}

.category-sec .category-box .img-category .top-bar .offer {
	color: white;
	display: inline-block;
	padding: 5px 13px;
	background-color: var(--theme-color);
	border-radius: 15px;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 12px;
}

.category-sec .category-box .img-category .top-bar h5 {
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	padding: 3px 10px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 20px;
	margin-bottom: 0;
	font-weight: 700;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	letter-spacing: 0.09em;
}

.category-sec .category-box .img-category .top-bar h5 del {
	font-size: 12px;
	margin-right: 5px;
}

.category-sec .category-box .img-category .like-cls {
	position: absolute;
	right: 13%;
	bottom: -22px;
}

.category-sec .category-box .img-category .like-cls i {
	color: #e1002c;
	background-color: white;
	padding: 12px;
	border-radius: 100%;
	-webkit-box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 2.5px 4.33px 18px 0px rgba(0, 0, 0, 0.06);
	font-size: 21px;
}

.category-sec .category-box .img-category .like-cls i .effect {
	border-radius: 50%;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	-webkit-transition: height 5s ease, width 5s ease;
	transition: height 5s ease, width 5s ease;
	z-index: 0;
	opacity: 0;
}

.category-sec .category-box .img-category .like-cls i .effect:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.6);
	-webkit-animation: effect 2s linear 1s infinite;
	animation: effect 2s linear 1s infinite;
}

.category-sec .category-box .img-category .side-effect:after {
	content: "";
	position: absolute;
	top: 8px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 30px;
	width: calc(100% - 16px);
	left: 8px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-sec .category-box .img-category .side-effect:before {
	content: "";
	position: absolute;
	top: 15px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 30px;
	width: calc(100% - 66px);
	left: 33px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-sec .category-box .content-category {
	padding: 60px 14px 25px 14px;
	background-color: white;
	border-radius: 0 0 25px 25px;
	-webkit-box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 40px;
	margin-top: -20px;
}

.category-sec .category-box .content-category .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px;
	margin-top: -3px;
}

.category-sec .category-box .content-category .top h3 {
	margin-bottom: 0;
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: #333333;
	font-weight: 800;
	margin-right: 15px;
}

.category-sec .category-box .content-category p {
	font-size: 14px;
	color: #a5a5a5;
	font-weight: 600;
	margin-bottom: 10px;
}

.category-sec .category-box .content-category h6 {
	font-size: 14px;
	color: #858585;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
}

.category-sec .category-box .content-category h6 span {
	color: var(--theme-color);
	float: right;
}

.category-sec .category-box:hover {
	-webkit-box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0px 1px 17px 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-sec .category-box:hover .img-category .like-cls i .effect {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-sec .slick-slide>div {
	margin: 0 25px;
}

.category-sec .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.category-sec.section-b-space {
	padding-bottom: 60px;
}

.category-wrapper {
	overflow: hidden;
}

.category-wrapper .title-1.title-5 p {
	margin-bottom: 40px;
}

.category-wrapper .category-wrap {
	position: relative;
	margin: 30px 0;
}

.category-wrapper .category-wrap .category-img {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap .category-img img {
	width: 230px;
	height: 230px;
	border-radius: 25px;
}

.category-wrapper .category-wrap .category-img .side-effect:after {
	content: "";
	position: absolute;
	top: 35px;
	height: calc(100% - 70px);
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 20px;
	width: 100%;
	left: 16px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap .category-img .side-effect:before {
	content: "";
	position: absolute;
	top: 15px;
	height: calc(100% - 30px);
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 25px;
	width: 100%;
	left: 8px;
	z-index: -1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap .category-content {
	margin-left: 55px;
	background-color: white;
	border-radius: 25px;
	padding: 55px 30px 55px 220px;
	-webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap .category-content .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
	margin-top: -4px;
	position: relative;
}

.category-wrapper .category-wrap .category-content .top h3 {
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: 0;
}

.category-wrapper .category-wrap .category-content .top h6 {
	font-size: 14px;
	color: var(--theme-color);
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 0;
	margin-left: 25px;
}

.category-wrapper .category-wrap .category-content .top .like-cls i {
	position: absolute;
	font-size: 16px;
	right: 0;
	top: -3px;
	color: #e1002c;
	background-color: rgba(225, 0, 44, 0.05);
	padding: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
}

.category-wrapper .category-wrap .category-content .top .like-cls i .effect {
	border-radius: 50%;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	-webkit-transition: height 5s ease, width 5s ease;
	transition: height 5s ease, width 5s ease;
	z-index: 0;
	opacity: 0;
}

.category-wrapper .category-wrap .category-content .top .like-cls i .effect:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #e1002c;
	-webkit-animation: effect 2s linear 1s infinite;
	animation: effect 2s linear 1s infinite;
}

.category-wrapper .category-wrap .category-content .rating {
	margin-bottom: 15px;
}

.category-wrapper .category-wrap .category-content p {
	font-size: 14px;
	line-height: 1.5;
	color: #757575;
	font-weight: 500;
	margin-bottom: 20px;
	letter-spacing: 0.08em;
}

.category-wrapper .category-wrap .category-content .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.category-wrapper .category-wrap .category-content .bottom h3 {
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 800;
	margin-bottom: 0;
}

.category-wrapper .category-wrap .category-content .bottom h3 del {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: #c5c5c5;
	padding-right: 10px;
}

.category-wrapper .category-wrap .category-content .bottom .coupon-code {
	text-transform: capitalize;
	padding: 8px 20px;
	border-radius: 50px;
	border: 1px dashed #9a9a9a;
	color: #9a9a9a;
	font-weight: 800;
	display: inline-block;
	margin-left: 15px;
	margin-bottom: 0;
}

.category-wrapper .category-wrap:hover .category-img {
	left: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap:hover .category-img .side-effect:before {
	left: -8px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap:hover .category-img .side-effect:after {
	left: -15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap:hover .category-content {
	-webkit-box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2.5px 4.33px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-wrapper .category-wrap:hover .category-content .like-cls i .effect {
	opacity: 0.4;
}

.category-wrapper.section-b-space {
	padding-bottom: 70px;
}

.category-wrapper .slick-slide>div {
	margin: 0 25px;
}

.category-wrapper .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.category-bg {
	overflow: hidden;
}

.category-bg .slick-slide>div {
	margin: 0 15px;
}

.category-bg .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}

.category-bg .category-block {
	padding: 90px 32px 50px;
	background-color: var(--theme-color);
	fff;
	border-radius: 25px;
	margin: 75px 0 10px;
	-webkit-box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.04);
	box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.04);
	position: relative;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-bg .category-block .category-img {
	position: absolute;
	top: -85px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 214px !important;
	height: auto;
}

.category-bg .category-block .category-img img {
	-webkit-animation: none;
	animation: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-bg .category-block .rating {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 20px;
}

.category-bg .category-block h6 {
	font-size: 12px;
	color: #9a9a9a;
	text-transform: uppercase;
	padding: 6px 12px;
	background-color: #f7f7f7;
	border-radius: 5px;
	display: inline-block;
	letter-spacing: 0.07em;
	font-weight: 800;
	margin-bottom: 16px;
}

.category-bg .category-block h6 span {
	color: #000000;
	font-size: 20px;
}

.category-bg .category-block h4 {
	color: var(--theme-color);
	font-weight: 800;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.category-bg .category-block h5 {
	font-size: 15px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 20px;
	line-height: 1.4;
}

.category-bg .category-block:hover {
	-webkit-box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-bg .category-block:hover .category-img img {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-bg.section-b-space {
	padding-bottom: 50px;
}

.routes-section .routes-box {
	border-radius: 25px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.routes-section .routes-box .routes-img {
	border-radius: 25px;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.routes-section .routes-box .routes-img .price-round {
	position: absolute;
	left: -11px;
	bottom: -4px;
	background-color: #e71413;
	width: 100px;
	height: 100px;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
}

.routes-section .routes-box .routes-img .price-round>div {
	margin-left: 10px;
}

.routes-section .routes-box .routes-img .price-round h6 {
	font-size: 14px;
	color: white;
	font-weight: 700;
	margin-bottom: 5px;
}

.routes-section .routes-box .routes-img .price-round h3 {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 800;
	margin-bottom: 0;
}

.routes-section .routes-box .routes-img .price-round:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #cf1211;
	border-radius: 100%;
	z-index: -1;
	top: 0;
	left: 8px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.routes-section .routes-box .routes-img .discount {
	position: absolute;
	top: 25px;
	left: 25px;
	background-color: var(--theme-color);
	border-radius: 30px;
	padding: 5px 12px;
}

.routes-section .routes-box .routes-img .discount h6 {
	font-size: 12px;
	margin-bottom: 0;
	color: white;
	font-weight: 800;
	text-transform: uppercase;
}

.routes-section .routes-box .routes-content {
	padding: 45px 25px 25px 25px;
	background-color: white;
	border-radius: 0 0 25px 25px;
	-webkit-box-shadow: 2.5px 4.33px 45px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 2.5px 4.33px 45px 0 rgba(0, 0, 0, 0.05);
	margin-bottom: 0;
	margin-top: -20px;
}

.routes-section .routes-box .routes-content .top-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 5px;
}

.routes-section .routes-box .routes-content .top-bar h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: #333333;
	font-weight: 900;
	text-transform: capitalize;
	margin-bottom: 0;
}

.routes-section .routes-box .routes-content .top-bar h6 {
	font-size: 12px;
	margin-bottom: 0;
	margin-left: auto;
	text-transform: capitalize;
	font-weight: 800;
	color: #858585;
}

.routes-section .routes-box .routes-content .bottom-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.routes-section .routes-box .routes-content .bottom-bar h6 {
	margin-bottom: 0;
	color: var(--theme-color);
	font-size: 12px;
	text-transform: capitalize;
	font-weight: 800;
}

.routes-section .routes-box .routes-content .bottom-bar .rating {
	margin-left: auto;
}

.routes-section .routes-box:hover {
	-webkit-box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 1px 0px 11px 0 rgba(0, 0, 0, 0.2);
}

.routes-section .routes-box:hover .routes-img .price-round:after {
	left: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.top-category {
	padding: 0 105px;
}

.top-category .top_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: white;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.05);
}

.top-category .top_box .right-content {
	padding: 0 25px;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}

.top-category .top_box .right-content h5 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-category .top_box .right-content h5 i {
	font-size: 12px;
	color: #e1002c;
	margin-left: 10px;
}

.top-category .top_box .right-content p {
	color: rgba(0, 0, 0, 0.4);
	margin-bottom: 5px;
}

.top-category .top_box .right-content .rating {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 6px;
}

.top-category .top_box .right-content .rating span {
	color: #ffcc33;
	margin-right: 8px;
	font-weight: 800;
}

.top-category .top_box .right-content h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: #343434;
	font-weight: 800;
	margin-bottom: 0;
}

.top-category .top_box .right-content h6 del {
	font-size: 12px;
	color: #717171;
	margin-right: 10px;
}

.top-category .top_box .new-label {
	position: absolute;
	right: -20px;
	background-image: url(../images/label.html);
	bottom: -20px;
	background-size: cover;
	background-repeat: no-repeat;
	width: 66px;
	height: 66px;
}

.top-category .top_box .new-label span {
	font-size: 12px;
	font-weight: 900;
	text-transform: capitalize;
	color: white;
	position: absolute;
	right: 20px;
	bottom: 28px;
	-webkit-transform: rotate(-50deg);
	transform: rotate(-50deg);
}

.top-category .slick-slide>div {
	margin: 0 25px;
}

.top-category .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.top-category.margin-cls {
	margin-top: -70px;
}

.top-category.radius-cls .top_box {
	border-radius: 25px;
}

.category-part .category-block .category-image {
	border-radius: 100%;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 15px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-part .category-block .category-image img {
	border-radius: 100%;
}

.category-part .category-block .category-image:hover {
	-webkit-box-shadow: -1px 7px 8px #b9b9b9;
	box-shadow: -1px 7px 8px #b9b9b9;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.category-part .category-block .category-details {
	text-align: center;
	text-transform: capitalize;
}

.category-part .category-block .category-details h3 {
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 0;
}

.category-part .category-block .category-details h6 {
	margin-bottom: -2px;
	color: rgba(0, 0, 0, 0.7);
}

.category-part.radius-category .category-block .category-image {
	border-radius: 22px;
}

/*=====================
16. Filter section css
==========================*/

.filter-section {
	background-image: url("../images/restaurant/background.html");
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.filter-section .filters {
	position: relative;
}

.filter-section .filters .filter-btn {
	border-radius: 19px;
	background-color: white;
	-webkit-box-shadow: 0px 15px 40px 0px rgba(193, 0, 38, 0.25);
	box-shadow: 0px 15px 40px 0px rgba(193, 0, 38, 0.25);
	padding: 10px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	text-transform: capitalize;
}

.filter-section .filters .filter-btn h6 {
	color: var(--theme-color);
	margin-bottom: 0;
	line-height: 1;
	text-transform: capitalize;
	font-weight: 800;
	padding-right: 15px;
	position: relative;
}

.filter-section .filters .filter-btn h6 i {
	position: absolute;
	right: 0;
	top: -3px;
}

.filter-section .filters .filter-content {
	position: absolute;
	top: 45px;
	right: 0;
	width: 100%;
	z-index: 1;
	background-color: #be0025;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.25);
}

.filter-section .filters .filter-content h4 {
	margin-bottom: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	margin-top: 5px;
	padding: 5px;
	cursor: pointer;
}

.filter-section .filters .filter-content li {
	display: block;
	color: white;
	margin-top: 6px;
	text-align: center;
	text-transform: capitalize;
	cursor: pointer;
}

.filter-section .filters .filter-content li:last-child {
	margin-bottom: 0;
}

.filter-section .top-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 70px;
}

.filter-section .top-section .title h2 {
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: uppercase;
	font-weight: 800;
}

.filter-section .top-section .title h6 {
	font-size: 14px;
	color: white;
	opacity: 0.5;
	margin-bottom: 0;
}

.filter-section .top-section .coupon {
	margin: 0 auto;
}

.filter-section .top-section .coupon h6 {
	text-transform: capitalize;
	color: white;
	padding: 5px 10px;
	border: 1px dashed rgba(255, 255, 255, 0.5);
	border-radius: 25px;
	margin-bottom: 0;
}

.filter-section .content {
	margin-left: -40px;
	margin-right: -40px;
}

.filter-section .content .grid-item {
	padding: 0 40px;
}

.filter-section .content .grid-item .img-part {
	position: relative;
}

.filter-section .content .grid-item .img-part img {
	border-radius: 25px;
	width: 100%;
	-webkit-box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.16);
	box-shadow: 1px 10px 14px 1px rgba(0, 0, 0, 0.16);
}

.filter-section .content .grid-item .img-part .up-btn {
	background-color: var(--theme-color);
	-webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 56px;
	height: 56px;
	border-radius: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 50%;
	-webkit-transform: translateX(-50%) scale(0.5);
	transform: translateX(-50%) scale(0.5);
	bottom: 15px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.filter-section .content .grid-item .img-part .up-btn i {
	color: white;
	font-size: 18px;
}

.filter-section .content .grid-item .img-part:after {
	width: 70%;
	height: 70%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: var(--theme-color);
	opacity: 0.702;
	position: absolute;
}

.filter-section .content .grid-item .filter-detail {
	opacity: 0.3;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.filter-section .content .grid-item .filter-detail h6 {
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
	color: white;
	letter-spacing: 0.3em;
	margin-top: 15px;
	margin-bottom: 6px;
}

.filter-section .content .grid-item .filter-detail .rating i {
	font-size: 10px;
}

.filter-section .content .grid-item:hover .img-part .up-btn {
	-webkit-transform: translateX(-50%) scale(1);
	transform: translateX(-50%) scale(1);
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.filter-section .content .grid-item:hover .filter-detail {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*=====================
17. full banner section css
==========================*/

.full-banner {
	padding: 120px 0;
	position: relative;
	overflow: hidden;
}

.full-banner .banner-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.full-banner .banner-content h5 {
	color: white;
	font-weight: 700;
	text-transform: capitalize;
	font-style: italic;
	margin-bottom: 30px;
	margin-top: -4px;
}

.full-banner .banner-content h5 span {
	color: var(--theme-color);
}

.full-banner .banner-content h2 {
	font-size: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
	color: white;
	margin-bottom: 30px;
}

.full-banner .banner-content h2 span {
	font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.full-banner .banner-content p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.8);
	line-height: 1.5;
	margin-bottom: 25px;
}

.full-banner .banner-content .price {
	font-size: calc(18px + (40 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.full-banner .banner-content .price del {
	font-size: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.9);
	font-weight: 400;
}

.full-banner .banner-content .bottom-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 35px;
}

.full-banner .banner-content .bottom-section .info-btn {
	margin-left: 25px;
}

.full-banner .banner-content .bottom-section .info-btn h6 {
	font-size: 14px;
	color: white;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0;
	background-color: rgba(255, 255, 255, 0.05);
	border-radius: 50px;
	padding: 10px 16px;
}

.full-banner .banner-content .bottom-section .info-btn.red-info {
	margin-left: 10px;
}

.full-banner .banner-content .bottom-section .info-btn.red-info h6 {
	color: var(--theme-color);
}

.full-banner .offer-text {
	position: absolute;
	top: 20%;
	left: -64%;
}

.full-banner .offer-text .offer {
	padding: 3px 5px;
	background-color: var(--theme-color);
	color: white;
	font-size: 10px;
	text-transform: uppercase;
	border-radius: 25px;
	font-weight: 700;
}

.full-banner .offer-text h6 {
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: 700;
	position: relative;
	margin-top: 10px;
}

.full-banner .offer-text h6 span {
	position: relative;
	display: inline-block;
	-webkit-animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
	animation: ani 1s infinite alternate cubic-bezier(0.86, 0, 0.07, 1);
}

.full-banner .offer-text h6 span:nth-last-child(1n) {
	-webkit-animation-delay: -0.1666666667s;
	animation-delay: -0.1666666667s;
}

.full-banner .offer-text h6 span:nth-last-child(2n) {
	-webkit-animation-delay: -0.3333333333s;
	animation-delay: -0.3333333333s;
}

.full-banner .offer-text h6 span:nth-last-child(3n) {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.full-banner .offer-text h6:after {
	content: "";
	position: absolute;
	width: 80px;
	height: 3px;
	background-color: white;
	top: 5px;
	right: -100px;
	background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to right, white 0%, rgba(231, 56, 39, 0) 100%);
}

.full-banner.banner-section {
	background-image: url(../images/flights/bg-2.html);
	background-size: cover;
	background-position: center center;
}

.full-banner.banner-section .place-image {
	position: relative;
}

.full-banner.banner-section .place-image .animation-place .plane-l {
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
	position: absolute;
	top: 22%;
	left: -11%;
}

.full-banner.banner-section .place-image .animation-place .plane-l img {
	width: 70%;
}

.full-banner.banner-section .place-image .animation-place .plane-r {
	position: absolute;
	right: 7%;
	top: 0;
	-webkit-animation: mover 1.1s infinite alternate;
	animation: mover 1.1s infinite alternate;
}

.full-banner.banner-section .place-image .animation-place .cloud-l {
	position: absolute;
	top: 0;
	left: 7%;
}

.full-banner.banner-section .place-image .animation-place .cloud-l img {
	width: 75%;
}

.full-banner.banner-section .place-image .animation-place .cloud-r {
	top: 0;
	position: absolute;
	right: 42%;
}

.full-banner.small-section {
	padding: 30px 0;
}

.full-banner.padding-cls {
	padding-top: calc(90px + (200 - 90) * ((100vw - 320px) / (1920 - 320)));
	padding-bottom: calc(90px + (200 - 90) * ((100vw - 320px) / (1920 - 320)));
}

.full-banner.overlay-banner {
	background-blend-mode: overlay;
	background-color: rgba(255, 255, 255, 0.7);
}

.full-banner.overlay-banner .banner-content h2 {
	color: var(--theme-color);
}

.full-banner.overlay-banner .banner-content h5 {
	color: rgba(0, 0, 0, 0.8);
}

.full-banner.overlay-banner .banner-content p {
	color: rgba(0, 0, 0, 0.7);
}

.full-banner.overlay-banner .banner-content .bottom-section .info-btn h6 {
	color: var(--theme-color);
	background-color: rgba(0, 0, 0, 0.05);
}

.food-banner {
	padding: 160px 0;
	position: relative;
	background-image: url("../images/restaurant/bg-2.html");
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: bottom;
}

.food-banner .food-content h3 {
	font-size: calc(22px + (60 - 22) * ((100vw - 320px) / (1920 - 320)));
	font-family: Pacifico, cursive;
	color: white;
	margin-bottom: 20px;
	margin-top: -4px;
}

.food-banner .food-content h2 {
	font-family: Bangers, cursive;
	font-size: calc(30px + (158 - 30) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	line-height: 1;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
}

.food-banner .food-content h2 span {
	font-size: calc(16px + (28 - 16) * ((100vw - 320px) / (1920 - 320)));
	position: absolute;
	top: -20px;
	right: 0;
	font-family: Nunito;
	letter-spacing: 0.05em;
}

.food-banner .food-content .strip-cls {
	position: relative;
	display: inline-block;
	margin-top: 40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.food-banner .food-content .strip-cls .timer {
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	display: inline-block;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.food-banner .food-content .strip-cls .timer li {
	padding: 0;
	background: none;
	color: var(--theme-color);
	font-size: 14px;
	font-weight: 700;
	position: relative;
	margin: 0 18px;
}

.food-banner .food-content .strip-cls .timer li span {
	font-family: Bangers, cursive;
	font-size: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	line-height: 1;
}

.food-banner .food-content .strip-cls .timer li:after {
	content: "";
	position: absolute;
	height: 20px;
	width: 2px;
	background-color: rgba(233, 179, 14, 0.3);
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 45px;
}

.food-banner .food-content .strip-cls .timer li:last-child:after {
	display: none;
}

.food-banner .food-content .buttons {
	position: relative;
	display: block;
	text-align: center;
	margin-top: 30px;
}

.food-banner .absolute-design .left-design {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: -29%;
}

.food-banner .absolute-design .right-design {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -60%;
}

.discount-banner {
	padding: 215px 0;
	position: relative;
	background-image: url("../images/restaurant/bg-3.html");
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.discount-banner .banner-content {
	text-align: center;
}

.discount-banner .banner-content h4 {
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-family: Pacifico, cursive;
	color: rgba(255, 255, 255, 0.95);
	margin-bottom: 40px;
	margin-top: -4px;
}

.discount-banner .banner-content h2 {
	font-family: Bangers, cursive;
	font-size: calc(30px + (95 - 30) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	line-height: 1;
	position: relative;
	display: block;
	margin-bottom: 35px;
}

.discount-banner .banner-content .coupon {
	padding: 6px;
	border: 1px dashed rgba(255, 255, 255, 0.4);
	display: inline-block;
	border-radius: 25px;
	margin-bottom: 35px;
}

.discount-banner .banner-content .coupon h5 {
	font-family: Work Sans;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: white;
	background-color: var(--theme-color);
	padding: 5px 15px;
	border-radius: 25px;
	margin-bottom: 0;
	font-weight: 600;
}

.discount-banner .banner-content p {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.95);
	text-transform: uppercase;
	margin-bottom: 25px;
	letter-spacing: 0.5em;
	font-weight: 800;
}

.discount-banner .banner-content .rating {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.discount-banner .banner-content .rating i {
	font-size: 8px;
}

.collection-banner {
	position: relative;
	overflow: hidden;
}

.collection-banner .img-part {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 100%;
}

.collection-banner.p-left .contain-banner {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.collection-banner.p-right .contain-banner {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.collection-banner.p-center .contain-banner {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.collection-banner .contain-banner {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
	padding-right: calc(10px + (50 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.collection-banner .contain-banner h4 {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	margin-bottom: 10px;
	font-size: 16px;
}

.collection-banner .contain-banner h2 {
	font-size: calc(14px + (40 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	color: #222222;
	letter-spacing: 0.1em;
	line-height: 1;
	margin-bottom: -10px;
}

.collection-banner:hover .img-part {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*=====================
18. other section css
==========================*/

.about-text p {
	line-height: 28px;
	letter-spacing: 0.06em;
	text-align: left;
	margin-bottom: -7px;
	color: rgba(0, 0, 0, 0.68);
}

.deals {
	overflow: hidden;
}

.deals .slick-slider {
	margin: 0 16px;
}

.deals .slick-slider .slick-slide>div {
	margin: 0 40px;
}

.deals .slick-slider .slick-list {
	margin-left: -40px;
	margin-right: -40px;
}

.deals .deals-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.deals .deals-box .deals-img {
	padding: 0;
}

.deals .deals-box .left-portion {
	background-color: white;
	position: relative;
	padding: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.deals .deals-box .left-portion:after {
	content: "";
	position: absolute;
	background-image: url(../images/zig-zag.png);
	right: -10px;
	height: 100%;
	width: 10px;
	top: 0;
}

.deals .deals-box .left-portion:before {
	content: "";
	position: absolute;
	background-image: url(../images/zig-zag.png);
	left: -10px;
	height: 100%;
	width: 10px;
	top: 0;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.deals .deals-box .left-portion .deals-content .detail {
	position: absolute;
	left: 0;
	top: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 100%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 18px 0;
}

.deals .deals-box .left-portion .deals-content .detail h2 {
	font-size: calc(17px + (27 - 17) * ((100vw - 320px) / (1920 - 320)));
	white-space: nowrap;
	color: var(--theme-color);
	margin-bottom: 0;
}

.deals .deals-box .left-portion .deals-content .detail h2 span {
	font-size: 16px;
	color: rgba(0, 0, 0, 0.38);
}

.deals .deals-box .left-portion .deals-content .detail h3 {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 0;
}

.deals .deals-box .left-portion .deals-content img {
	margin-left: 80px;
	margin-top: 15px;
	margin-bottom: 15px;
}

.detail-section {
	background-image: url(../images/flights/bg.html);
	background-size: cover;
	background-position: center center;
}

.detail-section .detail-box {
	text-align: center;
	color: white;
	padding: 0 55px;
}

.detail-section .detail-box .upper-part {
	margin-bottom: 40px;
	min-height: 180px;
}

.detail-section .detail-box .upper-part h6 {
	font-size: 14px;
	letter-spacing: 0.4em;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.detail-section .detail-box .upper-part h2 {
	font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: capitalize;
	font-weight: 800;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 25px;
	line-height: 1.3;
}

.detail-section .detail-box .upper-part h2:after {
	position: absolute;
	width: 90px;
	height: 3px;
	background-color: var(--theme-color);
	content: "";
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.detail-section .detail-box .upper-part h5 {
	text-transform: capitalize;
	margin-bottom: 0;
}

.detail-section .detail-box .upper-part:after {
	content: "";
	position: absolute;
	right: 0;
	width: 1px;
	height: 50%;
	background-color: rgba(255, 255, 255, 0.23);
	top: 24%;
}

.detail-section .row>div:last-child .upper-part:after {
	display: none;
}

.detail-section.no-bg-detail {
	background-image: none;
	position: relative;
	overflow: hidden;
}

.detail-section.no-bg-detail .detail-box {
	padding: 30px;
	-webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
	background-image: url("../images/flights/sky2.html");
	background-size: cover;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	background-color: white;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin: 15px 0;
}

.detail-section.no-bg-detail .detail-box .upper-part {
	margin-bottom: 15px;
	min-height: 120px;
}

.detail-section.no-bg-detail .detail-box .upper-part h2 {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.detail-section.no-bg-detail .detail-box .upper-part h5 {
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.detail-section.no-bg-detail .detail-box .upper-part h6,
.detail-section.no-bg-detail .detail-box .upper-part h2,
.detail-section.no-bg-detail .detail-box .upper-part h5 {
	color: var(--theme-color);
}

.detail-section.no-bg-detail .detail-box:hover {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.detail-section.no-bg-detail .slick-slide>div {
	margin: 0 15px !important;
}

.detail-section.no-bg-detail .slick-list {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.detail-section.no-bg-detail .slick-prev {
	top: -25px;
	right: 30px;
	left: unset;
}

.detail-section.no-bg-detail .slick-prev:before {
	opacity: 1;
	color: rgba(233, 179, 14, 0.3);
	content: "\f053";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}

.detail-section.no-bg-detail .slick-prev:hover:before {
	color: rgba(233, 179, 14, 0.7);
}

.detail-section.no-bg-detail .slick-next {
	top: -25px;
	right: 0;
	left: unset;
}

.detail-section.no-bg-detail .slick-next:before {
	opacity: 1;
	color: rgba(233, 179, 14, 0.3);
	content: "\f054";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}

.detail-section.no-bg-detail .slick-next:hover:before {
	color: rgba(233, 179, 14, 0.7);
}

.cloud {
	-webkit-animation: slide 50s linear infinite;
	animation: slide 50s linear infinite;
	background-repeat: repeat !important;
}

.price-section .container-fluid {
	padding-left: 90px;
	padding-right: 90px;
}

.price-section .price-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.price-section .price-box .price-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 42%;
	flex: 0 0 42%;
	max-width: 42%;
	overflow: hidden;
	border-radius: 25px 0 0 25px;
	position: relative;
}

.price-section .price-box .price-img .bg-size {
	height: 100%;
}

.price-section .price-box .price-img img {
	border-radius: 25px 0 0 25px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	width: 100%;
}

.price-section .price-box .price-img .label {
	position: absolute;
	left: 20px;
	top: 20px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	padding: 1px 12px;
	background-color: var(--theme-color);
	border-radius: 25px;
	color: white;
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: 700;
}

.price-section .price-box .price-content {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58%;
	flex: 0 0 58%;
	max-width: 58%;
	padding: calc(10px + (34 - 10) * ((100vw - 320px) / (1920 - 320)));
	background-color: white;
	-webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.05);
	border-radius: 0 25px 25px 0;
}

.price-section .price-box .price-content .price-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: calc(5px + (15 - 5) * ((100vw - 320px) / (1920 - 320)));
	margin-top: -4px;
	position: relative;
}

.price-section .price-box .price-content .price-title h3 {
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: #333333;
	letter-spacing: 0.001em;
}

.price-section .price-box .price-content .price-title h3:hover {
	color: #ef3f3e;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.price-section .price-box .price-content .price-title h6 {
	font-size: 14px;
	color: #9a9a9a;
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 0;
	padding: 7px 10px;
	margin-left: 10px;
	background-color: #f9f9f9;
	border-radius: 20px;
}

.price-section .price-box .price-content .price-title .like-cls i {
	position: absolute;
	font-size: 16px;
	right: 0;
	top: -3px;
	color: #e1002c;
	background-color: rgba(225, 0, 44, 0.05);
	padding: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 100%;
}

.price-section .price-box .price-content .price-title .like-cls i .effect {
	border-radius: 50%;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	-webkit-transition: height 5s ease, width 5s ease;
	transition: height 5s ease, width 5s ease;
	z-index: 0;
	opacity: 0;
}

.price-section .price-box .price-content .price-title .like-cls i .effect:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #e1002c;
	-webkit-animation: effect 2s linear 1s infinite;
	animation: effect 2s linear 1s infinite;
}

.price-section .price-box .price-content .rating {
	margin-bottom: calc(8px + (25 - 8) * ((100vw - 320px) / (1920 - 320)));
}

.price-section .price-box .price-content .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 10px;
}

.price-section .price-box .price-content .price a {
	margin-right: auto;
}

.price-section .price-box .price-content .price a h6 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	margin-right: auto;
	color: #565656;
	text-transform: capitalize;
	margin-bottom: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.price-section .price-box .price-content .price a h6:hover {
	color: #ef3f3e;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.price-section .price-box .price-content .price span {
	margin: 0 auto;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	text-transform: uppercase;
	color: var(--theme-color);
	font-weight: 800;
}

.price-section .price-box .price-content .price h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	margin-left: auto;
	color: #ef3f3e;
	margin-bottom: 0;
}

.price-section .price-box .price-content .price h5 span {
	color: #9a9a9a;
	margin-right: 10px;
	font-weight: 700;
	text-transform: capitalize;
}

.price-section .price-box:hover .price-img img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.price-section .price-box:hover .price-content .price-title .like-cls .effect {
	opacity: 0.3;
}

.price-section .slick-slider .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}

.price-section .slick-slider .slick-slide {
	margin: 0 15px;
}

.flight-detail {
	background-image: url(../images/flights/bg.html);
	background-size: cover;
	background-position: center center;
}

.flight-detail .title-2 h2 {
	color: white;
}

.flight-detail .title-2 h2 span {
	color: white;
}

.flight-detail .title-2 p {
	color: rgba(255, 255, 255, 0.5);
}

.flight-detail .flight-box {
	background-color: white;
	border-radius: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
}

.flight-detail .flight-box .logo-section {
	width: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: inset -2px -2px 11px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset -2px -2px 11px 0px rgba(0, 0, 0, 0.05);
}

.flight-detail .flight-box .middle-section {
	width: 75%;
}

.flight-detail .flight-box .middle-section .flight-info {
	padding: 35px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	position: relative;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.flight-detail .flight-box .middle-section .flight-info:after {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 2px;
	height: 55px;
	background-color: #f2f2f2;
}

.flight-detail .flight-box .middle-section .flight-info h4 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 800;
	margin-bottom: 10px;
	text-transform: capitalize;
	letter-spacing: 0.001em;
}

.flight-detail .flight-box .middle-section .flight-info h5 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 800;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.flight-detail .flight-box .middle-section .flight-info i {
	background-color: rgba(233, 179, 14, 0.05);
	padding: 8px;
	color: var(--theme-color);
	display: inline-block;
	border-radius: 100%;
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
	margin-bottom: 8px;
}

.flight-detail .flight-box .middle-section .flight-info h6 {
	font-size: 14px;
	color: #bcbcbd;
	text-transform: uppercase;
	margin-bottom: 0;
}

.flight-detail .flight-box .middle-section .flight-info:hover {
	background-color: rgba(233, 179, 14, 0.03);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.flight-detail .flight-box .middle-section .slick-active:last-child .flight-info:after {
	display: none;
}

.flight-detail .flight-box .name-section {
	margin-left: auto;
	width: 180px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-shadow: inset 4px -1px 11px 0px rgba(0, 0, 0, 0.05);
	box-shadow: inset 4px -1px 11px 0px rgba(0, 0, 0, 0.05);
}

.flight-detail .flight-box .name-section h5 {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 800;
	color: var(--theme-color);
	letter-spacing: 0.01em;
	margin-bottom: 10px;
}

.flight-detail .flight-box .name-section h6 {
	font-size: 14px;
	color: #bcbcbd;
	letter-spacing: 0.5em;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
}

.flight-detail .flight-box .name-section .btn {
	font-size: 14px;
	padding: 6px 12px;
}

.flight-detail .row>div .flight-box+.flight-box {
	margin-top: 60px;
}

.menu-section {
	overflow: hidden;
}

.menu-section .menu-box {
	border-radius: 25px;
	overflow: hidden;
	border: 1px dashed #e8e8e8;
}

.menu-section .menu-box .top-bar {
	position: relative;
	overflow: hidden;
}

.menu-section .menu-box .top-bar img {
	width: 100%;
}

.menu-section .menu-box .top-bar h2 {
	font-size: calc(18px + (28 - 18) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: white;
	font-weight: 800;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 30px;
}

.menu-section .menu-box .top-bar .decorate {
	position: absolute;
	font-size: calc(25px + (120 - 25) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(255, 255, 255, 0.3);
	top: 50px;
	font-weight: 900;
	left: 0;
	text-transform: capitalize;
}

.menu-section .menu-box .top-bar .overlay {
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(231, 56, 39, 0) 100%);
	top: 0;
	width: 100%;
	height: 100%;
}

.menu-section .menu-box .bottom-bar {
	background-color: white;
	padding: 40px;
}

.menu-section .menu-box .bottom-bar .menu-bar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 40px;
	margin-bottom: 40px;
	position: relative;
}

.menu-section .menu-box .bottom-bar .menu-bar:after {
	content: "";
	border-bottom: 1px dashed #e8e8e8;
	position: absolute;
	bottom: 0;
	width: 78%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.menu-section .menu-box .bottom-bar .menu-bar img {
	border-radius: 15px;
	margin-right: 30px;
	width: 90px;
}

.menu-section .menu-box .bottom-bar .menu-bar .content {
	min-width: 65%;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 6px;
	text-transform: capitalize;
}

.menu-section .menu-box .bottom-bar .menu-bar .content .rating {
	margin-bottom: 12px;
}

.menu-section .menu-box .bottom-bar .menu-bar .content .rating span {
	color: #ffcc33;
	margin-right: 8px;
	font-weight: 800;
}

.menu-section .menu-box .bottom-bar .menu-bar .content p {
	color: rgba(0, 0, 0, 0.68);
	text-transform: capitalize;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 {
	font-size: 14px;
	color: #343434;
	font-weight: 800;
	position: relative;
	margin-bottom: 0;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 del {
	color: #717171;
	margin-right: 5px;
	font-weight: 400;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
	position: absolute;
	right: 0px;
	background-color: #3db137;
	color: white;
	padding: 3px 10px 2px;
	border-radius: 15px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 900;
	top: -2px;
	margin-bottom: 0;
}

.menu-section .menu-box .bottom-bar .menu-bar .content h6 label.red {
	background-color: #e02d22;
	-webkit-box-shadow: 1px 11px 20px 0px rgba(193, 0, 38, 0.12);
	box-shadow: 1px 11px 20px 0px rgba(193, 0, 38, 0.12);
}

.menu-section .menu-box .bottom-bar .menu-bar:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.menu-section .menu-box .bottom-bar .menu-bar:last-child:after {
	display: none;
}

.menu-section .slick-list {
	margin-left: -20px;
	margin-right: -20px;
}

.menu-section .slick-slide {
	margin: 0 20px;
}

.book-table {
	position: relative;
	background-image: url("../images/restaurant/table-bg.html");
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center;
}

.book-table .table-form {
	background-color: white;
	border-radius: 25px;
	padding: 40px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}

.book-table .table-form form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.book-table .table-form form .row {
	margin: 0;
}

.book-table .table-form form .form-group {
	margin-bottom: 0;
	margin-right: 40px;
	position: relative;
}

.book-table .table-form form .form-group input {
	background-color: #f9f9f9;
	border: none;
	border-radius: 35px;
	padding: 20px 20px 18px;
	line-height: 1;
	text-transform: capitalize;
	font-weight: 700;
}

.book-table .table-form form .form-group img {
	position: absolute;
	right: 20px;
	top: 20px;
}

.book-table .table-form form .form-control {
	background-color: #f9f9f9;
	border: none;
	border-radius: 35px;
	padding: 20px 20px 18px;
	line-height: 1;
	text-transform: capitalize;
	font-weight: 700;
}

.book-table .table-form form .form-control:focus {
	z-index: 1;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.book-table .table-form form .input-group-append {
	position: absolute;
	right: 12px;
	top: 12px;
}

.book-table .table-form form .input-group-append .btn {
	border: none;
	background-color: transparent;
	padding: 0;
}

.book-table .table-form form .input-group-append .btn i {
	color: rgba(197, 197, 197, 0.6);
}

.book-table .table-form form .gj-datepicker {
	margin-right: 40px;
	width: auto;
}

.book-table .table-form form .btn {
	text-transform: capitalize;
	font-weight: 800;
	margin-left: 15px;
}

.book-table .table-form form ::-webkit-input-placeholder {
	color: #c5c5c5;
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.book-table .table-form form ::-moz-placeholder {
	color: #c5c5c5;
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.book-table .table-form form :-ms-input-placeholder {
	color: #c5c5c5;
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.book-table .table-form form ::-ms-input-placeholder {
	color: #c5c5c5;
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.book-table .table-form form ::placeholder {
	color: #c5c5c5;
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.book-table .table-form:after {
	content: "";
	position: absolute;
	width: calc(100% + 12px);
	border-radius: 24px;
	background-color: rgba(255, 255, 255, 0.2);
	height: 100%;
	left: -6px;
	top: 0;
	z-index: -1;
}

.book-table .table-form:before {
	content: "";
	position: absolute;
	width: calc(100% + 24px);
	border-radius: 24px;
	background-color: rgba(255, 255, 255, 0.1);
	height: 100%;
	left: -12px;
	top: 0;
	z-index: -1;
}

.book-table .detail {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-family: Pacifico, cursive;
	color: white;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
}

.book-table.single-table {
	background-image: none;
	overflow: visible;
}

.book-table.single-table .table-form {
	margin-bottom: 0;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
	margin-top: -75px;
}

.book-table.single-table .table-form.classic-form {
	border-radius: 0;
	padding: 25px;
	margin-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.book-table.single-table .table-form.classic-form form .form-group input {
	border-radius: 0;
	padding: 15px 15px 13px 25px;
}

.book-table.single-table .table-form.classic-form form .form-group img {
	right: 15px;
	top: 15px;
}

.book-table.single-table .table-form.classic-form form .form-control {
	border-radius: 0;
	padding: 15px 15px 13px;
}

.book-table.single-table .table-form.classic-form form .input-group-append .btn i {
	top: 4px;
	left: 15px;
}

.book-table.single-table .table-form.classic-form form .btn-rounded {
	border-radius: 0;
	margin-left: 0;
}

.book-table.single-table .table-form.classic-form:after,
.book-table.single-table .table-form.classic-form:before {
	display: none;
}

.book-table.input-radius-cls .table-form.classic-form form .form-group input {
	background-color: rgba(233, 179, 14, 0.1);
	border-radius: 25px;
}

.book-table.input-radius-cls .table-form.classic-form form .gj-datepicker {
	margin-right: 0;
}

.book-table.input-radius-cls .table-form.classic-form form .btn-rounded {
	border-radius: 100px;
}

.process-steps {
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.process-steps h4 {
	margin-bottom: 40px;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 1.3;
}

.process-steps .step-bg {
	position: relative;
	margin-top: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.process-steps .step-bg:before {
	content: "";
	position: absolute;
	left: -0;
	right: -0;
	height: 100%;
	display: block;
	background: url("../images/icon/step-arrow.html") no-repeat center center;
}

.process-steps .step-bg .row {
	margin-left: -50px;
	margin-right: -50px;
}

.process-steps .step-bg .row>div {
	padding-left: 50px;
	padding-right: 50px;
}

.process-steps .step-bg .row>div:nth-child(1),
.process-steps .step-bg .row>div:nth-child(3) {
	margin-bottom: 30px;
}

.process-steps .step-bg .row>div:nth-child(2),
.process-steps .step-bg .row>div:nth-child(4) {
	margin-top: 30px;
}

.process-steps .step-bg .popular-section {
	margin-left: -20px;
	margin-right: -20px;
}

.process-steps .step-bg .popular-section>div {
	padding-left: 20px;
	padding-right: 20px;
}

.process-steps .step-bg .popular-section .step-box {
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: left;
	display: block;
}

.process-steps .step-bg .popular-section .step-box .popular-box {
	width: 100%;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content {
	padding-top: 15px;
	position: relative;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--theme-color);
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 4px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span {
	color: #9a9a9a;
	font-size: 14px;
	margin-left: auto;
	font-weight: 500;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content h5 span i {
	color: #a7a7a7;
	margin-right: 3px;
	font-size: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content p {
	margin-bottom: 10px;
	color: #9a9a9a;
	font-weight: 500;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .rating span {
	color: #9a9a9a;
	font-size: 12px;
	font-weight: 700;
	margin-left: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 8px;
	margin-bottom: -6px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price del {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price span {
	color: var(--theme-color);
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .package-cls {
	padding-left: 20px;
	color: var(--theme-color);
	font-weight: 800;
	font-size: 12px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail {
	margin-left: 7px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .bottom-section .price .facility-detail span {
	color: rgba(0, 0, 0, 0.5);
	font-weight: 600;
	font-size: 12px;
	text-transform: capitalize;
	padding: 2px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail span {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	color: rgba(0, 0, 0, 0.84);
	text-transform: capitalize;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec {
	margin-top: 14px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul {
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.78);
	margin-top: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li {
	margin-right: 12px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-align: center;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li img {
	width: 18px;
	display: block;
	margin: 0 auto;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li i {
	font-size: 14px;
	margin-right: 5px;
	display: block;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .include-sec ul li.not-include {
	opacity: 0.4;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 {
	margin-top: 4px;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.78);
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail h6 i {
	font-size: 12px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price {
	display: block;
	margin-top: 15px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 {
	color: #333333;
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price h6 del {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .bottom-section .price span {
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.57);
	text-transform: capitalize;
}

.process-steps .step-bg .popular-section .step-box .popular-box .special-content .tour-detail .nowrap-cls {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.process-steps .step-bg h4 {
	margin-bottom: -3px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(0, 0, 0, 0.65);
}

.process-steps .step-bg .step-box {
	position: relative;
	padding: 45px 35px 45px;
	-webkit-box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08);
	box-shadow: 0 15px 39px 0 rgba(8, 18, 109, 0.08);
	background-color: white;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 16px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.process-steps .step-bg .step-box img {
	width: 40px;
	margin-bottom: 20px;
}

.process-steps .step-bg .step-box p {
	line-height: 1.5;
	margin-bottom: 0;
}

.process-steps .step-bg .step-box:hover {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.process-steps .step-bg.invert-lines:before {
	-webkit-filter: invert(1);
	filter: invert(1);
}

.process-steps .title-1.detail-title p.font-design {
	font-weight: 500;
	background-color: rgba(255, 255, 255, 0.7);
	color: var(--theme-color);
	padding: 15px;
}

.process-steps.icon-large .step-bg .step-box img {
	width: 60px;
}

.car-type-section {
	margin-top: calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: -20px;
}

.car-type-section .slick-slide {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.car-type-section .slick-slide.slick-center {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.car-type-section .slick-slide.slick-center .type-box .img-part img {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.car-type-section .slick-slide.slick-center .type-box:hover .img-part img {
	-webkit-animation: pulse 2s infinite;
	animation: pulse 2s infinite;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.car-type-section .type-box {
	padding: 25px;
	-webkit-box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
	box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
	margin: 20px 0;
}

.car-type-section .type-box .img-part {
	text-align: center;
}

.car-type-section .type-box .img-part img {
	margin: 0 auto;
}

.car-type-section .type-box .content {
	text-align: center;
}

.car-type-section .type-box .content h5 {
	text-transform: capitalize;
	margin-top: 15px;
	font-weight: 700;
}

.car-type-section .type-box .content h6 {
	margin-bottom: 10px;
	text-transform: capitalize;
}

.car-type-section .type-box .content p {
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.5;
}

.car-type-section .type-box .content ul li img {
	opacity: 0.7;
}

.cab-slider .image-section:before {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.63)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.63) 0%, rgba(231, 56, 39, 0) 100%);
}

.topTour {
	margin-top: calc(0px + (40 - 0) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: -20px;
}

.topTour .slick-slide {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.topTour .slick-slide.slick-center {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.topTour .slick-slide.slick-center .topTour_box .content {
	opacity: 1;
}

.topTour .topTour_box {
	padding: 0;
	-webkit-box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
	box-shadow: 1px 2px 39px 9px rgba(8, 18, 109, 0.08);
	margin: 20px 0;
	border-radius: 10px;
	overflow: hidden;
}

.topTour .topTour_box .content {
	opacity: 0;
	position: absolute;
	bottom: 22px;
	width: 100%;
	text-align: center;
	padding: 30px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 111, 111, 0.8)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(111, 111, 111, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
	border-radius: 0 0 10px 10px;
}

.topTour .topTour_box .content h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	margin-bottom: -4px;
}

.topTour .topTour_box .content h5 {
	font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: -7px;
	text-transform: capitalize;
}

.cab-full {
	padding-top: 68px;
	/* width */
	/* Track */
	/* Handle */
	/* Handle on hover */
}

.cab-full ::-webkit-scrollbar {
	width: 4px;
}

.cab-full ::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.cab-full ::-webkit-scrollbar-thumb {
	background: rgba(233, 179, 14, 0.5);
	border-radius: 3px;
}

.cab-full ::-webkit-scrollbar-thumb:hover {
	background: rgba(233, 179, 14, 0.8);
}

.cab-full iframe,
.cab-full .map-cls {
	width: 100%;
	height: calc(100vh - 68px);
	border: none;
	margin-bottom: -6px;
}

.cab-full .left-bar {
	height: calc(100vh - 68px);
	overflow: auto;
}

.cab-full .left-bar.fixed-cls {
	position: fixed;
	width: 400px;
	-webkit-box-shadow: 3px 0px 4px 0 #dedede;
	box-shadow: 3px 0px 4px 0 #dedede;
	z-index: 1;
}

.cab-full .flight-search .flight-search-detail .form-group label {
	font-weight: 700;
}

.cab-full .flight-search .flight-search-detail form>div {
	margin-top: 20px;
}

.cab-full .flight-search .flight-search-detail form>div:first-child {
	margin-top: 0;
}

.cab-full .location-option [type="radio"]:checked+label:before,
.cab-full .location-option [type="radio"]:not(:checked)+label:before {
	border-color: #ececec;
	top: 2px;
}

.cab-full .location-option [type="radio"]:checked+label:before {
	background-color: #ececec;
	border-color: var(--theme-color);
}

.cab-full .cab-search-section {
	padding: 0 15px 15px;
}

.cab-full .cab-search-section .cab-search-box {
	background-color: #f9f9f9;
	padding: 10px;
}

.cab-full .cab-search-section .cab-search-box .row {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.cab-full .cab-search-section .cab-search-box .cab-img img {
	width: 90px;
	height: auto;
}

.cab-full .cab-search-section .cab-search-box .cab_detail li {
	display: block;
	text-transform: capitalize;
	font-weight: 600;
}

.cab-full .cab-search-section .cab-search-box .btn-solid {
	font-size: 14px;
	padding: 4px 10px;
	text-transform: capitalize;
}

.cab-full .cab-search-section .cab-search-box+.cab-search-box {
	margin-top: 20px;
}

.scroll-body {
	padding-left: 400px;
}

.top-banner {
	width: 100%;
	position: relative;
}

.top-banner .top-banner-content {
	color: white;
	text-transform: uppercase;
	font-size: 36px;
	font-weight: bold;
	position: absolute;
	right: 25%;
	width: auto;
	top: 50%;
	display: block;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}

.top-banner .flip {
	height: 50px;
	overflow: hidden;
}

.top-banner .flip>div>div {
	color: white;
	padding: 4px 12px;
	height: 40px;
	margin-bottom: 45px;
	display: inline-block;
	line-height: 1;
}

.top-banner .flip div:first-child {
	-webkit-animation: show 5s linear infinite;
	animation: show 5s linear infinite;
}

.top-banner .flip div:first-child div {
	background: #4ac6da;
}

.top-banner .flip div:last-child div {
	background: #dc143c;
}

.top-banner .flip div div {
	background: #f4c789;
}

@-webkit-keyframes show {
	0% {
		margin-top: -270px;
	}
	5% {
		margin-top: -180px;
	}
	33% {
		margin-top: -180px;
	}
	38% {
		margin-top: -90px;
	}
	66% {
		margin-top: -90px;
	}
	71% {
		margin-top: 0;
	}
	99.99% {
		margin-top: 0;
	}
	100% {
		margin-top: -270px;
	}
}

@keyframes show {
	0% {
		margin-top: -270px;
	}
	5% {
		margin-top: -180px;
	}
	33% {
		margin-top: -180px;
	}
	38% {
		margin-top: -90px;
	}
	66% {
		margin-top: -90px;
	}
	71% {
		margin-top: 0;
	}
	99.99% {
		margin-top: 0;
	}
	100% {
		margin-top: -270px;
	}
}

.classic-section {
	position: relative;
	overflow: hidden;
}

.classic-section .classic-box {
	padding: 30px;
	-webkit-box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 2.5px 4.33px 25px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin: 15px 0;
}

.classic-section .classic-box .top-part {
	padding-left: 30px;
	border-left: 1px dashed #dddddd;
	position: relative;
}

.classic-section .classic-box .top-part h6 {
	text-transform: capitalize;
	margin-bottom: 4px;
	font-weight: 600;
}

.classic-section .classic-box .top-part span {
	color: rgba(0, 0, 0, 0.7);
}

.classic-section .classic-box .top-part .top {
	margin-bottom: 40px;
}

.classic-section .classic-box .top-part:after {
	top: 0;
}

.classic-section .classic-box .top-part:before,
.classic-section .classic-box .top-part:after {
	position: absolute;
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	left: -3px;
	bottom: 0;
}

.classic-section .classic-box .top-part .plane-updown {
	position: absolute;
	left: -8px;
	top: 50%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.classic-section .classic-box .bottom-part h6 {
	margin-top: 15px;
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: 600;
	color: var(--theme-color);
}

.classic-section .slick-slide>div {
	margin: 0 15px !important;
}

.classic-section .slick-list {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.classic-section .slick-prev {
	top: -25px;
	right: 30px;
	left: unset;
}

.classic-section .slick-prev:before {
	opacity: 1;
	color: rgba(233, 179, 14, 0.3);
	content: "\f053";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}

.classic-section .slick-prev:hover:before {
	color: rgba(233, 179, 14, 0.7);
}

.classic-section .slick-next {
	top: -25px;
	right: 0;
	left: unset;
}

.classic-section .slick-next:before {
	opacity: 1;
	color: rgba(233, 179, 14, 0.3);
	content: "\f054";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}

.classic-section .slick-next:hover:before {
	color: rgba(233, 179, 14, 0.7);
}

.popular-section .popular-box {
	position: relative;
}

.popular-section .popular-box .content {
	margin-top: 10px;
}

.popular-section .popular-box .content h5 {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 3px;
}

.popular-section .popular-box .content h6 {
	color: rgba(0, 0, 0, 0.5);
}

.popular-section .popular-box .content .special-content {
	padding-top: 5px;
	position: relative;
}

.popular-section .popular-box .content .special-content h5 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	margin-bottom: 5px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -4px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	max-width: 280px;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: var(--theme-color);
}

.popular-section .popular-box .content .special-content h5 span {
	color: #9a9a9a;
	font-size: 14px;
	margin-left: 20px;
	font-weight: 500;
}

.popular-section .popular-box .content .special-content h5 span i {
	color: #a7a7a7;
	margin-right: 3px;
	font-size: 10px;
}

.popular-section .popular-box .content .special-content p {
	margin-bottom: 10px;
	color: #9a9a9a;
	font-weight: 500;
}

.popular-section .popular-box .content .special-content .bottom-section .rating span {
	color: #9a9a9a;
	font-size: 12px;
	font-weight: 700;
	margin-left: 18px;
}

.popular-section .popular-box .content .special-content .bottom-section .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 5px;
	margin-bottom: -6px;
}

.popular-section .popular-box .content .special-content .bottom-section .price del {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}

.popular-section .popular-box .content .special-content .bottom-section .price span {
	color: #333333;
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
}

.popular-section .popular-box .content .special-content .bottom-section .price .package-cls {
	padding-left: 20px;
	color: var(--theme-color);
	font-weight: 800;
	font-size: 12px;
}

.popular-section .popular-box .content .special-content .bottom-section .price .facility-detail {
	margin-left: 7px;
}

.popular-section .popular-box .content .special-content .bottom-section .price .facility-detail span {
	color: rgba(0, 0, 0, 0.5);
	font-weight: 600;
	font-size: 12px;
	text-transform: capitalize;
	padding: 2px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.popular-section .popular-box .content .special-content .tour-detail span {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 500;
	color: rgba(0, 0, 0, 0.84);
	text-transform: capitalize;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec {
	margin-top: 14px;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul {
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.78);
	margin-top: 10px;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li {
	margin-right: 12px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-align: center;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li img {
	width: 18px;
	display: block;
	margin: 0 auto;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li i {
	font-size: 14px;
	margin-right: 5px;
	display: block;
}

.popular-section .popular-box .content .special-content .tour-detail .include-sec ul li.not-include {
	opacity: 0.4;
}

.popular-section .popular-box .content .special-content .tour-detail h6 {
	margin-top: 4px;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.78);
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.popular-section .popular-box .content .special-content .tour-detail h6 i {
	font-size: 12px;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price {
	display: block;
	margin-top: 20px;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price h6 {
	color: #333333;
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price h6 del {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 700;
	margin-right: 10px;
}

.popular-section .popular-box .content .special-content .tour-detail .bottom-section .price span {
	font-size: 14px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.57);
	text-transform: capitalize;
}

.popular-section .popular-box .content .special-content .tour-detail .nowrap-cls {
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 {
	margin-top: -4px;
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span {
	font-size: 14px;
	margin-left: 10px;
	font-weight: 500;
	padding: 3px;
	color: white;
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span.positive {
	background-color: rgba(0, 128, 0, 0.83);
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span.nagative {
	background-color: rgba(255, 0, 0, 0.83);
}

.popular-section .popular-box .content .special-content.restaurant-detail h5 span i {
	color: white;
	margin-right: 0;
}

.popular-section .popular-box .content .special-content.restaurant-detail ul li {
	display: block;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	line-height: 24px;
}

.popular-section .popular-box .content .special-content.restaurant-detail ul li:last-child {
	margin-bottom: -4px;
}

.popular-section .popular-box .content .special-content.cab-detail ul li {
	display: block;
	font-size: 16px;
	text-transform: capitalize;
}

.popular-section .popular-box .content .special-content.cab-detail ul li span {
	font-weight: 600;
}

.popular-section .popular-box .content .special-content.cab-detail ul li+li {
	margin-top: 5px;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton a:last-child {
	margin-left: 10px;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton .btn {
	font-size: 14px;
	text-transform: capitalize;
	padding: 5px 12px;
	width: 50%;
	margin-top: 10px;
	background-color: transparent;
	color: var(--theme-color);
	border: 1px solid var(--theme-color);
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.popular-section .popular-box .content .special-content.cab-detail .button-botton .btn:hover {
	color: white;
	background-color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.popular-section .slick-slide>div {
	margin: 0 10px !important;
}

.popular-section .slick-list {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.popular-section .slick-prev {
	top: -25px;
	right: 30px;
	left: unset;
}

.popular-section .slick-prev:before {
	opacity: 1;
	color: rgba(233, 179, 14, 0.3);
	content: "\f053";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}

.popular-section .slick-prev:hover:before {
	color: rgba(233, 179, 14, 0.7);
}

.popular-section .slick-next {
	top: -25px;
	right: 0;
	left: unset;
}

.popular-section .slick-next:before {
	opacity: 1;
	color: rgba(233, 179, 14, 0.3);
	content: "\f054";
	font-family: "Font Awesome 5 free";
	font-weight: 900;
}

.popular-section .slick-next:hover:before {
	color: rgba(233, 179, 14, 0.7);
}

.destination_section .detail-title {
	margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.destination_section .row+.row {
	margin-top: 30px;
}

.destination_section .destination_box {
	position: relative;
	border-radius: 16px;
	overflow: hidden;
}

.destination_section .destination_box .bg-size {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.destination_section .destination_box img {
	width: 100%;
	max-width: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.destination_section .destination_box .content-sec {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding: 30px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.8)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(231, 56, 39, 0) 100%);
}

.destination_section .destination_box .content-sec h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	margin-bottom: -4px;
}

.destination_section .destination_box .content-sec h5 {
	font-size: calc(15px + (22 - 15) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 800;
	line-height: 1.5;
	margin-bottom: 0;
	margin-top: -7px;
	text-transform: capitalize;
}

.destination_section .destination_box:hover img,
.destination_section .destination_box:hover .bg-size {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tourSection {
	overflow: hidden;
}

.tourSection .tourBox {
	cursor: pointer;
}

.tourSection .tourBox .bg-size,
.tourSection .tourBox img {
	border-radius: 10px;
}

.tourSection .tourBox .tourImg {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tourSection .tourBox .tourContent {
	padding-top: 25px;
	text-align: center;
}

.tourSection .tourBox .tourContent h3 {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.tourSection .tourBox .tourContent h6 {
	margin-bottom: 0;
	color: #828282;
	text-transform: capitalize;
	letter-spacing: 0.8px;
	line-height: 1.4;
}

.tourSection .tourBox:hover .tourImg {
	-webkit-transform: scale(0.99);
	transform: scale(0.99);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tourSection .slick-slide>div {
	margin: 0 15px;
}

.tourSection .slick-list {
	margin-left: -15px;
	margin-right: -15px;
}

.mycontent_wrapper {
	position: fixed;
	top: 42%;
	height: 100%;
	pointer-events: none;
	left: 44%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	max-width: 1140px;
	color: white;
	z-index: 99;
}

.mycontent_wrapper .title {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 2px 0 0;
	font-size: 70px;
	white-space: nowrap;
	text-transform: uppercase;
	overflow: hidden;
	width: 100%;
	color: white;
	-webkit-transform: translateY(60px);
	transform: translateY(60px);
	height: 85px;
}

.mycontent_wrapper .title span {
	font-size: calc(26px + (50 - 26) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	letter-spacing: 0.03em;
	line-height: 1.1;
	text-transform: uppercase;
	width: 100%;
	display: block;
	overflow: hidden;
	-webkit-transition: -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
	height: 85px;
}

.sticky-cls {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
	top: 75px;
}

.sticky-cls-top {
	position: -webkit-sticky;
	position: sticky;
	z-index: 1;
	top: 22px;
}

.fullpage-content-section {
	position: fixed;
	left: 25%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.fullpage-content-section .fullpage-content-wrap.title {
	overflow: hidden;
	height: 54px;
}

.fullpage-content-section .fullpage-content-wrap.title h1 {
	color: white;
	margin-bottom: 0;
	line-height: 1;
}

.fullpage-content-section .fullpage-content-wrap.sub-title {
	height: 25px;
	overflow: hidden;
}

.fullpage-content-section .fullpage-content-wrap.sub-title h5 {
	color: white;
}

/*=====================
19. Theme modal css
==========================*/

.video-modal .modal-body {
	padding: 0;
}

.video-modal .modal-body .btn-close {
	position: absolute;
	right: -30px;
	top: -30px;
	opacity: 1;
	background: none;
	padding: 0;
}

.video-modal .modal-body .btn-close span {
	text-shadow: none;
	color: white;
	font-size: 26px;
}

.video-modal iframe {
	height: 500px;
	width: 100%;
	vertical-align: middle;
	border: none;
}

.enquiry-modal .form-control {
	margin-bottom: 16px !important;
}

.enquiry-modal .modal-header .modal-title {
	color: var(--theme-color);
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

.enquiry-modal .modal-header p {
	margin-bottom: 0;
	margin-top: 5px;
	color: rgba(0, 0, 0, 0.6);
	text-transform: capitalize;
}

/*=====================
20. Map css
==========================*/

.MicrosoftMap .Infobox {
	border-radius: 0 !important;
	border: none !important;
}

.MicrosoftMap .Infobox.no-title .infobox-info {
	margin-right: 0 !important;
}

.MicrosoftMap .Infobox .infobox-body {
	width: auto !important;
	height: 100% !important;
	max-height: 100% !important;
	padding-bottom: 0 !important;
}

.MicrosoftMap .Infobox .infobox-info {
	padding: 0 !important;
	max-height: -webkit-max-content !important;
	max-height: -moz-max-content !important;
	max-height: max-content !important;
}

/*=====================
21. Inner pages css
==========================*/

.mt-cls {
	margin-top: -30px;
}

.breadcrumb-section {
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.breadcrumb-section .breadcrumb-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 500px;
	padding-top: 93px;
	text-align: center;
}

.breadcrumb-section .breadcrumb-content>div {
	padding: 40px 65px;
	background-color: rgba(255, 255, 255, 0.1);
}

.breadcrumb-section .breadcrumb-content h2 {
	font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 16px;
	margin-top: -2px;
}

.breadcrumb-section .breadcrumb-content h6 {
	color: white;
	margin-bottom: -4px;
	font-weight: 700;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section .breadcrumb-content.dark-content .breadcrumb-item+.breadcrumb-item:before {
	color: #0c0c0c !important;
}

.breadcrumb-section .breadcrumb-content.dark-content>div {
	background-color: rgba(255, 255, 255, 0.6);
}

.breadcrumb-section .breadcrumb-content.dark-content>div h2 {
	color: var(--theme-color);
}

.breadcrumb-section .breadcrumb-content.dark-content>div li {
	color: #0c0c0c !important;
}

.breadcrumb-section .breadcrumb-content.dark-content>div li a {
	color: #0c0c0c !important;
}

.breadcrumb-section .breadcrumb-content .breadcrumb {
	background-color: transparent;
	margin-bottom: -7px !important;
	padding: 0.75rem 1rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	text-transform: capitalize;
	font-weight: 700;
}

.breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item a {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: white;
}

.breadcrumb-section .breadcrumb-content .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
	font-family: "Font Awesome 5 free";
	font-weight: 900;
	content: "\f101";
	color: white;
}

.breadcrumb-section .breadcrumb-content.overlay-black>div {
	background-color: rgba(0, 0, 0, 0.1);
}

.breadcrumb-section .breadcrumb-content.process-section .process-bar {
	background-color: white;
	border-radius: 30px;
}

.breadcrumb-section .breadcrumb-content.restaurant-name {
	padding-top: 0;
}

.breadcrumb-section .breadcrumb-content.restaurant-name h3 {
	text-transform: capitalize;
	font-weight: 700;
	color: var(--theme-color);
	font-size: calc(22px + (46 - 22) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 10px;
}

.breadcrumb-section .breadcrumb-content.restaurant-name h6 {
	color: var(--theme-color);
	margin-bottom: 15px;
}

.breadcrumb-section .breadcrumb-content.restaurant-name>div {
	position: relative;
	z-index: 1;
	background-color: transparent;
	padding: 0;
}

.breadcrumb-section .breadcrumb-content.restaurant-name ul li {
	padding: 0 15px;
	color: var(--theme-color);
	position: relative;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section .breadcrumb-content.restaurant-name ul li+li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 10px;
	background-color: var(--theme-color);
}

.breadcrumb-section .breadcrumb-content.restaurant-name ul li i {
	font-size: 12px;
	color: var(--theme-color);
}

.breadcrumb-section .breadcrumb-content.restaurant-name img {
	width: 30%;
	height: auto;
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	text-align: right;
	padding: 0;
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right .breadcrumb {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.breadcrumb-section .breadcrumb-content.breadcrumb-right>div {
	padding: 0;
	background-color: transparent;
}

.breadcrumb-section .title-breadcrumb {
	font-family: Dancing Script;
	font-size: 510px;
	position: absolute;
	color: rgba(255, 255, 255, 0.02);
	text-transform: capitalize;
	top: 0;
	line-height: 1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-weight: 700;
	z-index: -1;
}

.breadcrumb-section .content-bottom {
	background-color: #f9f9f9;
	position: absolute;
	bottom: 0;
	width: 100%;
	left: 0;
}

.breadcrumb-section .content-bottom .breadcrumb {
	background-color: #f9f9f9;
	margin-bottom: 0;
}

.breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item {
	text-transform: capitalize;
}

.breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item a {
	color: #8a8a8a;
}

.breadcrumb-section .content-bottom .breadcrumb .breadcrumb-item.active {
	color: var(--theme-color);
	font-weight: 700;
}

.breadcrumb-section.no-bg {
	background-image: none;
	position: relative;
}

.breadcrumb-section.no-bg:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color);
	top: 0;
	z-index: -2;
}

.breadcrumb-section.breadcrumb-classic {
	height: 620px;
}

.breadcrumb-section.breadcrumb-classic .breadcrumb-content {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
	margin-left: 0;
}

.breadcrumb-section.breadcrumb-classic .breadcrumb-content>div {
	text-align: left;
	padding: 0;
	background-color: transparent;
}

.breadcrumb-section.breadcrumb-classic .breadcrumb-content .breadcrumb {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: end;
}

.breadcrumb-section.breadcrumb-classic .title-breadcrumb {
	color: rgba(255, 255, 255, 0.1);
}

.breadcrumb-section.breadcrumb-cum-header {
	height: 700px;
	background-position: unset !important;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content {
	height: 700px;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail {
	margin-bottom: -3px;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li {
	color: white;
	padding-right: 10px;
	text-transform: capitalize;
	font-weight: 500;
}

.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li i {
	margin-right: 10px;
}

.breadcrumb-section.flight-sec {
	height: calc(270px + (330 - 270) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section.flight-sec .breadcrumb-content {
	height: calc(270px + (330 - 270) * ((100vw - 320px) / (1920 - 320)));
}

.breadcrumb-section.small-sec {
	height: 180px;
}

.breadcrumb-section.small-sec.flight-sec {
	height: 225px;
}

.order-food-section {
	height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
	position: relative;
	overflow: hidden;
}

.order-food-section .order-food {
	height: calc(300px + (420 - 300) * ((100vw - 320px) / (1920 - 320)));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.order-food-section .order-food .book-table.single-table h3 {
	text-transform: capitalize;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	padding: 7px;
	position: relative;
	z-index: 1;
	display: inline-block;
	background-color: rgba(255, 255, 255, 0.22);
}

.order-food-section .order-food .book-table.single-table h3:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	background-color: rgba(255, 255, 255, 0.36);
	z-index: -1;
	top: 0;
	-webkit-filter: blur(10px);
	filter: blur(10px);
}

.order-food-section .order-food .book-table.single-table .table-form {
	-webkit-box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0px -1px 30px 0 rgba(0, 0, 0, 0.15);
	margin-top: 0;
	margin-bottom: 60px;
	border-radius: 10px;
	padding: 20px 10px;
}

.order-food-section .order-food .book-table.single-table .table-form form .btn {
	margin-left: 0;
	width: 100%;
	border-radius: 5px;
	padding: 10px;
	line-height: 1;
	margin-top: 0;
}

.order-food-section .order-food .book-table.single-table .table-form form .form-group {
	margin-right: 0;
}

.order-food-section .order-food .book-table.single-table .table-form form .form-group input {
	border-radius: 5px;
	padding: 10px 15px;
	background-color: #f9f9f9;
	font-size: 14px;
}

.order-food-section .order-food .book-table.single-table .table-form form ::-webkit-input-placeholder {
	font-weight: 400;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
}

.order-food-section .order-food .book-table.single-table .table-form form ::-moz-placeholder {
	font-weight: 400;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
}

.order-food-section .order-food .book-table.single-table .table-form form :-ms-input-placeholder {
	font-weight: 400;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
}

.order-food-section .order-food .book-table.single-table .table-form form ::-ms-input-placeholder {
	font-weight: 400;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
}

.order-food-section .order-food .book-table.single-table .table-form form ::placeholder {
	font-weight: 400;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
}

.order-food-section.not-found {
	height: 270px;
}

.order-food-section.not-found .order-food {
	height: 270px;
}

.mix-2 .mix-pills {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.mix-form {
	height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
	position: relative;
	overflow: hidden;
}

.mix-form .form-section {
	height: calc(300px + (520 - 300) * ((100vw - 320px) / (1920 - 320)));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.mix-form .form-section .tab-sec {
	text-align: center;
}

.mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link {
	text-transform: capitalize;
	color: #333333;
	border: none;
	font-size: 16px;
	font-weight: 600;
	background-color: white;
}

.mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link.active {
	color: white;
	background-color: var(--theme-color);
}

.mix-form .form-section .tab-sec .nav-tabs .nav-item .nav-link.active svg {
	fill: white;
}

.mix-form .form-section .tab-content {
	background-color: white;
	padding: 15px;
}

.mix-form .form-section .tab-content .form-group {
	margin-bottom: 0;
}

.up-section {
	margin-top: -70px;
	margin-bottom: 100px;
	-webkit-box-shadow: 0 0 8px 0 #ddd;
	box-shadow: 0 0 8px 0 #ddd;
	position: relative;
	background-color: white;
}

.up-section .about-section {
	background-color: white;
	position: relative;
	padding-top: 85px;
}

.up-section .team-section .team-box .img-part {
	margin-bottom: 0;
}

.up-section .team-section .team-box .img-part img {
	-webkit-filter: brightness(0.8);
	filter: brightness(0.8);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.up-section .team-section .team-box .team-content {
	position: relative;
	bottom: 0;
}

.up-section .team-section .team-box .team-social {
	bottom: 100px;
}

.up-section .team-section .team-box .team-social .social-box {
	width: 35px;
	height: 35px;
	margin: 0 6px;
}

.up-section .team-section .team-box:hover .img-part img {
	-webkit-filter: brightness(1);
	filter: brightness(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.team-section .team-box {
	position: relative;
}

.team-section .team-box .img-part {
	margin-bottom: 30px;
}

.team-section .team-box .img-part img {
	-webkit-box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 5px 8.66px 20px 0px rgba(0, 0, 0, 0.15);
	width: 100%;
}

.team-section .team-box .team-content {
	min-width: 240px;
	padding: 20px;
	background-color: white;
	position: absolute;
	bottom: -30px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	text-align: center;
}

.team-section .team-box .team-content h3 {
	font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	margin-bottom: 5px;
	margin-top: -4px;
}

.team-section .team-box .team-content h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 800;
	margin-bottom: -2px;
}

.team-section .team-box .team-social {
	position: absolute;
	bottom: 80px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.team-section .team-box .team-social .social-box {
	width: 45px;
	height: 45px;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 8px;
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.team-section .team-box:hover .team-social .social-box {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.team-section .team-slider {
	margin-bottom: 0;
}

.team-section .slick-slide>div {
	margin: 0 25px;
}

.team-section .slick-list {
	margin-left: -25px;
	margin-right: -25px;
}

.team-section .slick-dots {
	padding-top: 45px;
	position: relative;
	bottom: 0;
}

.team-section .slick-dots li {
	z-index: 1;
}

.team-section .slick-dots li button:before {
	color: var(--theme-color);
	font-size: 12px;
}

.team-section .slick-dots li.slick-active button:after {
	position: absolute;
	top: 0;
	left: -2px;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 24px;
	line-height: 20px;
	text-align: center;
	color: var(--theme-color);
	opacity: 0.1;
	z-index: -1;
}

.facts-section .facts-box {
	background-color: white;
	padding: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	-webkit-box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.06);
}

.facts-section .facts-box .img {
	margin-bottom: 15px;
}

.facts-section .facts-box .img img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.facts-section .facts-box h3 {
	font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	margin-bottom: 0;
}

.facts-section .facts-box h6 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	margin-bottom: 0;
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: -2px;
}

.facts-section .facts-box:hover .img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.filter-panel {
	background-color: white;
	padding: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}

.filter-panel .popup-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.filter-panel .popup-btn h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 0;
}

.filter-panel .popup-btn img {
	margin-left: 10px;
}

.filter-panel .respon-filter-btn {
	display: none;
}

.filter-panel .left-filter {
	display: inline-block;
}

.filter-panel .left-filter .filters ul h4 {
	margin-bottom: 0;
	line-height: 1;
}

.filter-panel .left-filter .filters ul li {
	padding: 7px 17px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	cursor: pointer;
	background-color: #f9f9f9;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-weight: 700;
	margin-right: 10px;
	text-transform: capitalize;
}

.filter-panel .left-filter .filters ul li.active {
	background-color: var(--theme-color);
	color: white;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.filter-panel .collection-grid-view {
	display: inline-block;
	margin: 0 auto;
	padding-left: 15px;
}

.filter-panel .collection-grid-view ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.filter-panel .collection-grid-view>ul>li {
	margin: 0 4px;
}

.filter-panel .collection-grid-view .filter-select li {
	width: 6px;
	height: 17px;
	background-color: var(--theme-color);
	margin-left: 4px;
	margin-bottom: -1px;
}

.filter-panel .right-panel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: auto;
}

.filter-panel .right-panel ul li+li {
	margin-left: 8px;
}

.filter-panel.bg-inner {
	background-color: #f9f9f9 !important;
}

.filter-panel.bg-inner .left-filter .filters ul li {
	background-color: white;
}

.filter-panel.bg-inner .left-filter .filters ul li.active {
	background-color: var(--theme-color);
}

.filter-panel.filter-title-bar {
	padding: 0;
}

.filter-panel.filter-title-bar h4 {
	margin-bottom: 0;
	font-weight: 600;
}

.filter-panel.filter-title-bar .left-filter .filters ul {
	margin-bottom: -15px;
}

.filter-panel.filter-title-bar .left-filter .filters ul li {
	margin-bottom: 15px;
}

.custom-checkbox .form-check-input:checked~.form-check-label::before {
	background-color: var(--theme-color);
}

.left-sidebar {
	background-color: white;
	margin-top: 30px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.left-sidebar .back-btn {
	padding: 20px 25px;
	border-bottom: 1px solid #f9f9f9;
	display: none;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 0;
	cursor: pointer;
}

.left-sidebar .search-bar {
	position: relative;
	padding: 35px;
	border-bottom: 1px solid #f9f9f9;
}

.left-sidebar .search-bar input {
	width: 100%;
	border: none;
	background-color: #f9f9f9;
	padding: 14px 14px 14px 50px;
}

.left-sidebar .search-bar i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 50px;
	color: var(--theme-color);
}

.left-sidebar .search-bar i:after {
	content: "";
	position: absolute;
	width: 1px;
	height: 12px;
	background-color: rgba(233, 179, 14, 0.5);
	right: -10px;
	top: 2px;
}

.left-sidebar .search-bar ::-webkit-input-placeholder {
	font-size: 14px;
	color: var(--theme-color);
}

.left-sidebar .search-bar ::-moz-placeholder {
	font-size: 14px;
	color: var(--theme-color);
}

.left-sidebar .search-bar :-ms-input-placeholder {
	font-size: 14px;
	color: var(--theme-color);
}

.left-sidebar .search-bar ::-ms-input-placeholder {
	font-size: 14px;
	color: var(--theme-color);
}

.left-sidebar .search-bar ::placeholder {
	font-size: 14px;
	color: var(--theme-color);
}

.left-sidebar .middle-part {
	padding: 25px 35px;
}

.left-sidebar .middle-part .section-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 20px;
	border-bottom: 1px solid #f9f9f9;
}

.left-sidebar .middle-part .section-title h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 0;
}

.left-sidebar .middle-part .section-title img {
	margin-left: auto;
}

.left-sidebar .middle-part .filter-block .collapse-block-title {
	position: relative;
	font-size: 14px;
	color: var(--theme-color);
	text-transform: capitalize;
	margin: 20px 0;
	cursor: pointer;
	font-weight: 600;
}

.left-sidebar .middle-part .filter-block .collapse-block-title:after {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	content: "+";
	color: var(--theme-color);
	padding: 0 6px;
	background-color: #f9f9f9;
}

.left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox {
	margin-bottom: 6px;
}

.left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox input:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.left-sidebar .middle-part .filter-block .sidebar-hotels {
	max-height: 210px;
	overflow-y: auto;
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .img-left {
	width: 100px;
	height: auto;
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right {
	padding-left: 20px;
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right h5 {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 5px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .rating {
	margin-bottom: 5px;
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .price {
	font-weight: 700;
	color: rgba(0, 0, 0, 0.6);
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box .content-right .price span {
	color: rgba(0, 0, 0, 0.6);
}

.left-sidebar .middle-part .filter-block .sidebar-hotels .hotel-box+.hotel-box {
	margin-top: 10px;
}

.left-sidebar .middle-part .filter-block .form-check-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.left-sidebar .middle-part .filter-block .form-check-input:checked~.form-check-label:after {
	background-image: url("http://themes.pixelstrap.com/rica/assets/images/check-mark.svg");
}

.left-sidebar .middle-part .filter-block .form-check-input:checked~.form-check-label:before {
	background-color: var(--theme-color);
}

.left-sidebar .middle-part .filter-block .form-check-label {
	cursor: pointer;
	margin-left: 5px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	text-transform: capitalize;
	position: relative;
}

.left-sidebar .middle-part .filter-block .form-check-label .rating {
	margin-top: 3px;
}

.left-sidebar .middle-part .filter-block .form-check-label:before {
	content: "";
	top: -2px;
	height: 20px;
	width: 20px;
	background: #f1f1f1;
	border: none;
	left: -29px;
	border-radius: 0;
	position: absolute;
	display: block;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}

.left-sidebar .middle-part .filter-block .form-check-label:after {
	content: "";
	top: -2px;
	height: 20px;
	width: 20px;
	background-size: 48%;
	left: -29px;
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}

.left-sidebar .middle-part .filter-block .collection-collapse-block {
	border-bottom: 1px solid #f9f9f9;
}

.left-sidebar .middle-part .filter-block .collection-collapse-block.open .collapse-block-title:after {
	content: "-";
}

.left-sidebar .middle-part .filter-block .collection-collapse-block .collection-collapse-block-content {
	padding-bottom: 12px;
}

.left-sidebar .bottom-info {
	padding: 0 35px 35px;
}

.left-sidebar .bottom-info h6 {
	margin-bottom: 0;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.7);
	font-weight: 700;
}

.left-sidebar .bottom-info h4 {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
}

.left-sidebar .bottom-info h5 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	background-color: var(--theme-color);
	color: white;
	display: inline-block;
	text-transform: capitalize;
	font-weight: 700;
	padding: 6px 10px;
	border-radius: 50px;
	margin-bottom: 12px;
}

.left-sidebar .bottom-info h5 span {
	text-transform: lowercase;
	font-size: 12px;
	border: 2px solid white;
	border-radius: 100%;
	padding: 0 6px;
}

.left-sidebar.sidebar-popup {
	display: none;
	position: absolute;
	z-index: 9;
	top: 80px;
	left: 0;
	border: 1px solid #f1f5f4;
	-webkit-box-shadow: 0 0 5px #ddd;
	box-shadow: 0 0 5px #ddd;
	width: 280px;
	max-height: 530px;
	overflow-y: auto;
}

.left-sidebar.sidebar-popup.open {
	display: block;
}

.left-sidebar.sidebar-class {
	position: fixed;
	width: 300px;
	left: -300px;
	top: 0;
	margin-top: 0;
	z-index: 5;
	overflow-y: auto;
	height: 100vh;
}

.left-sidebar.sidebar-class .back-btn {
	display: block;
}

.search-panel .search-section {
	margin-top: 0;
	margin-bottom: 0;
}

.search-panel .search-section .title-hotel ::-webkit-input-placeholder {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}

.search-panel .search-section .title-hotel ::-moz-placeholder {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}

.search-panel .search-section .title-hotel :-ms-input-placeholder {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}

.search-panel .search-section .title-hotel ::-ms-input-placeholder {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}

.search-panel .search-section .title-hotel ::placeholder {
	font-size: calc(16px + (26 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
}

.search-panel .search-section .search-box {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-panel .search-section .search-box .right-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0 50px;
}

.search-panel .search-section .search-box .left-part .search-body {
	padding: 30px 40px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.search-panel .search-section .search-box .left-part .search-body:last-child:after {
	display: block;
}

.search-panel .search-section .search-box .left-part .search-body h6 {
	font-weight: 700;
	color: rgba(0, 0, 0, 0.36);
}

.search-panel .search-section .search-box .left-part .search-body.btn-search:after {
	display: none;
}

.search-panel.sticky {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
	-webkit-animation: smoothScroll 1s forwards;
	animation: smoothScroll 1s forwards;
}

.search-panel.sticky .search-section .search-box .left-part .search-body {
	padding: 20px 40px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.mobile-filter {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: white;
	padding: 15px;
	display: none;
}

.mobile-filter h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: -3px;
}

.mobile-filter img {
	margin-left: auto;
}

.map-section {
	margin-top: 30px;
	z-index: 1;
	position: relative;
}

.map-section iframe,
.map-section .map {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.infoBox .marker-detail {
	background-color: white;
}

.infoBox .marker-detail img {
	width: 180px;
}

.infoBox .marker-detail .detail-part {
	padding: 6px;
}

.infoBox .marker-detail .detail-part h6 {
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: capitalize;
	color: var(--theme-color);
}

.infoBox .marker-detail .detail-part .rating {
	margin-bottom: 3px;
}

.infoBox .marker-detail .detail-part .rating.one-star i:first-child {
	font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.two-star i:nth-child(-n+2) {
	font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.three-star i:nth-child(-n+3) {
	font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.four-star i:nth-child(-n+4) {
	font-weight: 900;
}

.infoBox .marker-detail .detail-part .rating.five-star i {
	font-weight: 900;
}

.infoBox .marker-detail .detail-part span {
	display: block;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	color: #3e3e3e;
}

.infoBox .marker-detail .detail-part a {
	position: absolute;
	right: 7px;
	bottom: 7px;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
}

.view-map {
	text-transform: capitalize;
	color: var(--theme-color);
	margin-right: 15px;
	font-weight: 700;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position: relative;
}

.view-map:hover {
	color: var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.view-map.mobile-map {
	display: none;
}

.view-map .arrow {
	position: absolute;
	width: 100%;
	top: -58px;
	font-weight: 600;
	font-size: 14px;
	color: var(--theme-color);
	cursor: auto;
}

.view-map .arrow:after {
	content: "";
	background-image: url("../images/icon/arrow.html");
	width: 50px;
	height: 50px;
	position: absolute;
	background-size: contain;
	-webkit-transform: rotate(115deg);
	transform: rotate(115deg);
	left: -70px;
	bottom: -30px;
	background-repeat: no-repeat;
}

.view-map .arrow:hover {
	color: var(--theme-color);
}

.onclick-map {
	display: none;
}

.onclick-map iframe,
.onclick-map .map {
	width: 100%;
	height: 300px;
	margin-top: 30px;
}

.onclick-map>div {
	margin-top: 30px;
}

.onclick-map.show {
	display: block;
}

.map-modal .btn-close {
	position: absolute;
	top: 1px;
	right: 10px;
	z-index: 2;
	font-size: 1.9rem;
	background: none;
}

.map-modal .modal-dialog {
	width: 100%;
	height: 90%;
	max-width: 97%;
}

.map-modal .modal-dialog .modal-content {
	border: 0 none;
	border-radius: 0;
	background-color: #f9f9f9;
}

.map-modal .modal-dialog .modal-content .modal-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.map-modal .modal-dialog .modal-content .modal-body .left-sidebar {
	height: 100%;
	overflow: scroll;
}

.map-modal .modal-dialog .modal-content iframe,
.map-modal .modal-dialog .modal-content .map {
	width: 100%;
	height: 100%;
}

.list-view {
	margin-top: 30px;
}

.list-view .list-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 15px;
	background-color: white;
}

.list-view .list-box .list-img {
	width: 35%;
}

.list-view .list-box .list-content {
	margin-left: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 60%;
}

.list-view .list-box .list-content>div {
	width: 100%;
	position: relative;
}

.list-view .list-box .list-content h5 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	margin-bottom: 0;
	color: var(--theme-color);
	font-weight: 800;
	line-height: 1.5;
}

.list-view .list-box .list-content h6 {
	color: #797979;
}

.list-view .list-box .list-content p {
	color: rgba(0, 0, 0, 0.7);
	text-transform: capitalize;
	font-weight: 400;
}

.list-view .list-box .list-content .price {
	color: #333333;
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	margin-top: 15px;
}

.list-view .list-box .list-content .price del {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.6);
	font-weight: 700;
	margin-right: 10px;
}

.list-view .list-box .list-content .price span {
	font-size: 14px;
}

.list-view .list-box .list-content .rating span {
	color: #3e3e3e;
	font-size: 12px;
	font-weight: 700;
	margin-left: 18px;
}

.list-view .list-box .list-content .facility-icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	margin-top: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.list-view .list-box .list-content .facility-icon .facility-box span {
	text-transform: capitalize;
	color: #5f5f5f;
	font-size: 12px;
}

.list-view .list-box .list-content .facility-icon .facility-box img {
	display: block;
	width: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
	margin: 0 auto;
}

.list-view .list-box .list-content .facility-icon .facility-box i {
	display: block;
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(95, 95, 95, 0.64);
}

.list-view .list-box .list-content .facility-icon .facility-box+.facility-box {
	margin-left: 15px;
}

.list-view .list-box .list-content .hotel-info {
	margin-top: 12px;
}

.list-view .list-box .list-content .book-now {
	position: absolute;
	right: 0;
	bottom: 0;
}

.list-view .list-box .list-content .offer-box {
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #f9f9f9;
	padding: 10px;
	color: var(--theme-color);
	font-weight: 700;
	max-width: 150px;
}

.list-view .list-box+.list-box {
	margin-top: 30px;
}

.list-view .list-box .slick-prev {
	left: 1px;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: transparent;
	height: 36px;
}

.list-view .list-box .slick-prev:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.list-view .list-box .slick-next {
	right: 0;
	z-index: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background-color: transparent;
	height: 36px;
}

.list-view .list-box .slick-next:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.list-view .list-box .slider-nav {
	margin-top: 3px;
}

.list-view .list-box .slider-nav .slick-slide {
	margin: 0 3px;
	cursor: pointer;
}

.list-view .list-box .slider-nav .slick-list {
	margin-left: -3px;
	margin-right: -3px;
}

.list-view .list-box:hover .special-img .bg-size {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.list-view .list-box:hover .slick-next,
.list-view .list-box:hover .slick-prev {
	background-color: #252525;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.pagination-section {
	margin-top: 40px;
}

.pagination-section .pagination {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.pagination-section .pagination .page-item.active .page-link {
	background-color: var(--theme-color);
	color: white;
}

.pagination-section .pagination .page-item .page-link {
	color: var(--theme-color);
	background-color: white;
	border: none;
	margin: 0 3px;
	-webkit-box-shadow: 0 0 8px #dadada;
	box-shadow: 0 0 8px #dadada;
}

.pagination-section .pagination .page-item .page-link:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.filter_button {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.filter_button h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: -3px;
}

.filter_button img {
	margin-right: 10px;
}

.filter-bottom-content {
	display: none;
	position: absolute;
	left: 0;
	top: 80px;
	width: 100%;
	z-index: 2;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
	box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}

.filter-bottom-content .middle-part .filter-block .collapse-block-title {
	cursor: default;
	margin-top: 0;
	font-weight: 700;
}

.filter-bottom-content .middle-part .filter-block .collapse-block-title:after {
	display: none;
}

.filter-bottom-content .middle-part .filter-block .collection-collapse-block {
	border-bottom: none;
}

.filter-bottom-content .middle-part .filter-block .collection-collapse-block .collection-collapse-block-content {
	padding-bottom: 0;
}

.filter-bottom-content .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox {
	margin-bottom: 10px;
}

.filter-bottom-content .middle-part .button_bottom {
	width: 100%;
}

.filter-bottom-content .middle-part .btn {
	text-transform: capitalize;
	padding: 5px 15px;
}

.hotel-single-section {
	background-position: center;
	background-size: cover;
	height: 450px;
	position: relative;
	overflow: hidden;
}

.hotel-single-section .hotel-title-section {
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(231, 56, 39, 0) 100%);
	position: absolute;
	bottom: 0;
	width: 100%;
}

.hotel-single-section .hotel-title-section .hotel-name {
	padding: 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 18px;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .top h2 {
	color: white;
	margin-bottom: 0;
	font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .top .rating {
	margin-left: 15px;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .top .share-buttons .btn {
	padding: 4px 10px;
	text-transform: capitalize;
	border-radius: 5px;
	margin-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	background-color: #f9f9f9;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part p {
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 0;
	font-weight: 700;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail {
	margin-top: 20px;
	margin-bottom: -6px;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail span {
	color: white;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
	padding: 2px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail span i {
	margin-right: 3px;
}

.hotel-single-section .hotel-title-section .hotel-name .left-part .facility-detail span+span {
	margin-left: 10px;
}

.hotel-single-section .hotel-title-section .hotel-name .right-part {
	margin-left: auto;
	text-align: right;
}

.hotel-single-section .hotel-title-section .hotel-name .right-part .price {
	font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
}

.hotel-single-section .hotel-title-section .hotel-name .right-part .price span {
	font-size: 16px;
}

.hotel-single-section .hotel-title-section .hotel-name .right-part .btn {
	padding: 7px 13px;
}

.hotel_title_section {
	position: relative;
	width: 100%;
}

.hotel_title_section .hotel-name {
	padding: 0 0 40px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.hotel_title_section .hotel-name .left-part .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 18px;
}

.hotel_title_section .hotel-name .left-part .top h2 {
	margin-bottom: 0;
	font-size: calc(18px + (36 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.hotel_title_section .hotel-name .left-part .top .rating {
	margin-left: 15px;
}

.hotel_title_section .hotel-name .left-part .top .share-buttons .btn {
	padding: 4px 10px;
	text-transform: capitalize;
	border-radius: 5px;
	margin-left: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	background-color: white;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.hotel_title_section .hotel-name .left-part p {
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 0;
	font-weight: 700;
}

.hotel_title_section .hotel-name .left-part .facility-detail {
	margin-top: 15px;
	margin-bottom: -6px;
}

.hotel_title_section .hotel-name .left-part .facility-detail span {
	color: rgba(0, 0, 0, 0.7);
	font-weight: 700;
	font-size: 12px;
	text-transform: capitalize;
	padding: 2px 8px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

.hotel_title_section .hotel-name .left-part .facility-detail span i {
	margin-right: 3px;
}

.hotel_title_section .hotel-name .left-part .facility-detail span+span {
	margin-left: 10px;
}

.hotel_title_section .hotel-name .right-part {
	margin-left: auto;
	text-align: right;
}

.hotel_title_section .hotel-name .right-part .price {
	font-size: calc(16px + (36 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.hotel_title_section .hotel-name .right-part .price span {
	font-size: 16px;
}

.hotel_title_section .hotel-name .right-part .btn {
	padding: 7px 13px;
}

.single-section {
	position: relative;
}

.single-section .image_section {
	position: relative;
}

.single-section .image_section .view-all {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(231, 56, 39, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(231, 56, 39, 0) 100%);
	margin-bottom: 0;
	padding: 10px;
	text-transform: capitalize;
	color: white;
	font-weight: 800;
	line-height: 1;
}

.single-section .image_section .slider-thumbnail {
	margin-top: 5px;
	overflow: hidden;
}

.single-section .image_section .slider-thumbnail .slick-slide>div {
	margin: 0 5px;
}

.single-section .image_section .slider-thumbnail .slick-list {
	margin-left: -5px;
	margin-right: -5px;
}

.single-section .facility_sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: white;
	margin-top: 20px;
}

.single-section .facility_sec .icon-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 50px;
	position: relative;
}

.single-section .facility_sec .icon-box svg {
	width: 30px;
	height: auto;
	fill: var(--theme-color);
}

.single-section .facility_sec .icon-box .content {
	margin-left: 15px;
}

.single-section .facility_sec .icon-box .content h5 {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 0;
}

.single-section .facility_sec .icon-box .content h6 {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.7);
	text-transform: capitalize;
	margin-bottom: 0;
}

.single-section .facility_sec .icon-box:after {
	content: "";
	width: 1px;
	height: 25px;
	background-color: var(--theme-color);
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single-section .facility_sec .icon-box:last-child:after {
	display: none;
}

.single-section .description-section .menu-top {
	margin-top: 30px;
	padding: 12px 0;
	background-color: white;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .description-section .menu-top li a {
	color: var(--theme-color);
	text-transform: uppercase;
	font-weight: 700;
	padding: 17px 30px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.single-section .description-section .menu-top li.active a {
	color: var(--theme-color);
	border-bottom: 2px solid var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.single-section .description-section .menu-top li.mobile-menu {
	display: none;
}

.single-section .description-section .menu-top.sticky {
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 1px 3px 20px 0px rgba(0, 0, 0, 0.1);
	margin-top: 0;
	padding: 16px 0;
	-webkit-animation: smoothScroll 1s forwards;
	animation: smoothScroll 1s forwards;
}

.single-section .description-section .menu-top.sticky li a {
	padding: 15px 30px;
}

.single-section .description-section .menu-top.menu-up {
	margin-top: 0;
	margin-bottom: 30px;
}

.single-section .description-section .description-details .content-title {
	text-transform: uppercase;
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
}

.single-section .description-section .description-details .menu-part {
	margin-top: 20px;
	padding: 30px;
	background-color: white;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .description-section .description-details .menu-part.page-section .zoom-gallery>div:nth-child(-n+3) {
	margin-bottom: 0;
}

.single-section .description-section .description-details .menu-part .accordion-plan {
	position: relative;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card {
	border-radius: 0;
	border: 1px solid #f9f9f9;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
	background-color: #f9f9f9;
	border-bottom: 0;
	padding: 6px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
	display: block;
	width: 100%;
	text-align: left;
	color: #353535;
	text-transform: capitalize;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 6px solid #353535;
	right: 20px;
	top: 20px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button[aria-expanded="true"]:before {
	border-top: 0;
	border-bottom: 6px solid #353535;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
	color: #444444;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight {
	margin-top: 10px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li {
	display: block;
	text-transform: capitalize;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li i {
	margin-right: 5px;
	font-size: 12px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li img {
	margin-right: 5px;
	width: 18px;
}

.single-section .description-section .description-details .menu-part .accordion-plan .card+.card {
	margin-top: 20px;
}

.single-section .description-section .description-details .menu-part .list-view {
	margin-top: 0;
}

.single-section .description-section .description-details .menu-part .list-view .list-img {
	width: 30%;
}

.single-section .description-section .description-details .menu-part .list-view .facility-icon {
	margin-top: 10px;
}

.single-section .description-section .description-details .menu-part .list-view .list-box {
	padding: 0;
}

.single-section .description-section .description-details .menu-part .list-view+.list-view {
	margin-top: 20px;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay {
	position: relative;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay .overlay-background i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: white;
	font-size: 22px;
	display: none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background-color: rgba(0, 0, 0, 0.6);
}

.single-section .description-section .description-details .menu-part .zoom-gallery .overlay:hover .overlay-background i {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.single-section .description-section .description-details .menu-part .zoom-gallery>div:nth-child(-n+3) {
	margin-bottom: 30px;
}

.single-section .description-section .description-details .menu-part.facility h6 {
	text-transform: capitalize;
	font-weight: 700;
	color: #222222;
}

.single-section .description-section .description-details .menu-part.facility h6 img {
	margin-right: 5px;
	width: 20px;
}

.single-section .description-section .description-details .menu-part.facility ul {
	margin-left: 10px;
}

.single-section .description-section .description-details .menu-part.facility ul li {
	display: block;
	text-transform: capitalize;
	line-height: 1.9;
}

.single-section .description-section .description-details .menu-part.facility ul li i {
	font-size: 8px;
	margin-right: 5px;
	color: rgba(0, 0, 0, 0.6);
}

.single-section .description-section .description-details .menu-part.about h6 {
	font-weight: 700;
	text-transform: capitalize;
}

.single-section .description-section .description-details .menu-part.about p {
	color: #383838;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.6;
}

.single-section .description-section .description-details .menu-part.about .about-sec h4 {
	font-weight: 700;
	margin-bottom: 10px;
}

.single-section .description-section .description-details .menu-part.about .about-sec h6 {
	color: var(--theme-color);
}

.single-section .description-section .description-details .menu-part.about .about-sec p {
	color: rgba(0, 0, 0, 0.7);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part.about .about-sec p.top-space {
	margin-top: -6px;
}

.single-section .description-section .description-details .menu-part.about .about-sec p.bottom-space {
	margin-bottom: -7px;
}

.single-section .description-section .description-details .menu-part.about .about-sec ul {
	padding-left: 25px;
}

.single-section .description-section .description-details .menu-part.about .about-sec ul li {
	list-style-type: square;
	display: list-item;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.7);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.7;
	letter-spacing: 0.04em;
}

.single-section .description-section .description-details .menu-part.about .about-sec+.about-sec {
	margin-top: 15px;
}

.single-section .description-section .description-details .menu-part.about .about-sec .city-detail {
	margin-bottom: 20px;
	font-size: 18px;
	color: #353535;
}

.single-section .description-section .description-details .menu-part.about .detail-img {
	margin: 20px 0;
}

.single-section .description-section .description-details .menu-part.map iframe {
	width: 100%;
	height: 420px;
	margin-bottom: -5px;
}

.single-section .description-section .description-details .menu-part.review .review-box .rating span {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-left: 10px;
	font-weight: 700;
}

.single-section .description-section .description-details .menu-part.review .review-box h6 {
	font-size: 14px;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.5);
	margin-top: 4px;
}

.single-section .description-section .description-details .menu-part.review .review-box p {
	color: #4a4a4a;
	line-height: 1.6;
	margin-bottom: 0;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part.review .review-box+.review-box {
	border-top: 1px solid #f9f9f9;
	padding-top: 12px;
	margin-top: 15px;
}

.single-section .description-section .description-details .menu-part.policy p {
	color: #212121;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	line-height: 1.6;
}

.single-section .description-section .description-details .menu-part.policy p:last-child {
	margin-bottom: 0;
}

.single-section .description-section .description-details .menu-part+.menu-part {
	margin-top: 20px;
}

.single-section .description-section .description-details .menu-part .rooms-box {
	width: 100%;
}

.single-section .description-section .description-details .menu-part .rooms-box tbody tr {
	display: block;
}

.single-section .description-section .description-details .menu-part .rooms-box tbody tr+tr {
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #f9f9f9;
}

.single-section .description-section .description-details .menu-part .rooms-box td:first-child {
	width: 25%;
}

.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
	width: 55%;
}

.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
	width: 20%;
	text-align: right;
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details h6 {
	font-size: 14px;
	margin-bottom: 3px;
	color: rgba(0, 0, 0, 0.74);
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details h5 {
	font-weight: 700;
	margin-bottom: 0;
	font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details .btn {
	padding: 6px 14px;
	font-size: 14px;
	border-radius: 0;
	margin-top: 7px;
}

.single-section .description-section .description-details .menu-part .rooms-box .price-details span {
	display: block;
	color: rgba(0, 0, 0, 0.72);
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail {
	padding: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail h6 {
	font-weight: 700;
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 0.05em;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .row {
	width: 100%;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li {
	display: block;
	color: var(--theme-color);
	text-transform: capitalize;
	line-height: 28px;
	letter-spacing: 0.06em;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li img {
	margin-right: 8px;
	width: 20px;
}

.single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li i {
	font-size: 12px;
	margin-right: 5px;
	color: rgba(0, 0, 0, 0.5);
}

.single-section .description-section .description-details .menu-part .rooms-box .room-title {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 10px;
}

.single-section .description-section .description-details.full-slider .menu-part {
	margin-top: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100vh;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 70px;
}

.single-section .description-section .description-details.full-slider .menu-part .row {
	margin-bottom: 20px;
}

.single-section .description-section.tab-section .menu-top {
	padding: 0;
	background-color: transparent;
}

.single-section .description-section.tab-section .menu-top .nav-tabs {
	margin-bottom: 15px;
	background-color: white;
	border-bottom: none;
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item.active {
	border: none;
	border-bottom: 2px solid var(--theme-color);
	color: var(--theme-color);
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link {
	border: none;
	border-bottom: 2px solid transparent;
}

.single-section .description-section.tab-section .menu-top .nav-tabs .nav-item .nav-link.active {
	border: none;
	border-bottom: 2px solid var(--theme-color);
	color: var(--theme-color);
}

.single-section .description-section.tab-section .menu-top.sticky {
	background-color: white;
	margin-bottom: 0;
}

.single-section .description-section.tab-section .menu-top.sticky .nav-tabs {
	margin-bottom: 0;
}

.single-section .description-section.tab-section .description-details .menu-part {
	margin-top: 0;
}

.single-section .single-sidebar {
	background-color: white;
	padding: 20px;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .single-sidebar h4.title {
	text-transform: capitalize;
	font-weight: 700;
	margin-top: -4px;
}

.single-section .single-sidebar p {
	color: rgba(0, 0, 0, 0.55);
	margin-bottom: 10px;
	line-height: 1.7;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.single-section .single-sidebar p i {
	font-size: 13px;
	margin-right: 10px;
	color: rgba(0, 0, 0, 0.59);
}

.single-section .single-sidebar .selection-section.flight-search .flight-search-detail {
	padding: 0;
}

.single-section .single-sidebar .selection-section.flight-search .flight-search-detail .form-group {
	margin-bottom: 20px;
}

.single-section .single-sidebar .newsletter-sec {
	padding: 20px;
}

.single-section .single-sidebar .newsletter-sec .button {
	margin-top: 15px;
	text-align: right;
}

.single-section .single-sidebar .newsletter-sec .button .btn {
	padding: 6px 14px;
	font-size: 14px;
	text-transform: capitalize;
}

.single-section .single-sidebar .overlay-map {
	position: relative;
	margin-bottom: 10px;
}

.single-section .single-sidebar .overlay-map img {
	height: 100px;
	width: 100%;
}

.single-section .single-sidebar .overlay-map iframe,
.single-section .single-sidebar .overlay-map .map {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.0001;
	z-index: 1;
}

.single-section .single-sidebar .overlay-map h6 {
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	color: var(--theme-color);
	text-transform: capitalize;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	z-index: 0;
	font-weight: 600;
	margin-bottom: 0;
}

.single-section .single-sidebar .price-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.single-section .single-sidebar .price-part .left-part a {
	color: var(--theme-color);
	font-weight: 700;
	text-transform: capitalize;
}

.single-section .single-sidebar .price-part .left-part span {
	display: block;
	text-transform: capitalize;
	font-weight: 600;
	line-height: 24px;
}

.single-section .single-sidebar .price-part .left-part span i {
	font-size: 10px;
	margin-right: 5px;
	color: green;
}

.single-section .single-sidebar .price-part .left-part span.red {
	color: darkred;
}

.single-section .single-sidebar .price-part .right-part {
	margin-left: auto;
	text-align: right;
}

.single-section .single-sidebar .price-part .right-part span {
	color: rgba(0, 0, 0, 0.4);
	text-transform: capitalize;
	font-size: 12px;
	font-weight: 700;
}

.single-section .single-sidebar .price-part .right-part p {
	margin-bottom: 0;
	font-weight: 600;
	color: var(--theme-color);
}

.single-section .single-sidebar .price-part .right-part h6 {
	margin-bottom: 0;
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	color: var(--theme-color);
}

.single-section .single-sidebar .book-btn-section {
	border-top: 1px solid #f9f9f9;
	margin-top: 10px;
	padding-top: 15px;
	text-align: right;
}

.single-section .single-sidebar .book-btn-section ::-webkit-input-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section ::-moz-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section :-ms-input-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section ::-ms-input-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section ::placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section .detail-top input {
	margin-bottom: 10px;
}

.single-section .single-sidebar .book-btn-section .detail-top input:last-child {
	margin-bottom: 0;
}

.single-section .single-sidebar .book-btn-section .gj-datepicker+.gj-datepicker {
	margin-top: 10px;
}

.single-section .single-sidebar .book-btn-section .gj-datepicker ::-webkit-input-placeholder {
	color: #495057;
}

.single-section .single-sidebar .book-btn-section .gj-datepicker ::-moz-placeholder {
	color: #495057;
}

.single-section .single-sidebar .book-btn-section .gj-datepicker :-ms-input-placeholder {
	color: #495057;
}

.single-section .single-sidebar .book-btn-section .gj-datepicker ::-ms-input-placeholder {
	color: #495057;
}

.single-section .single-sidebar .book-btn-section .gj-datepicker ::placeholder {
	color: #495057;
}

.single-section .single-sidebar .book-btn-section .btn-rounded {
	padding: 6px 14px;
	font-size: 14px;
	margin-top: 20px;
	border-radius: 0;
}

.single-section .single-sidebar .book-btn-section .selector select {
	cursor: pointer;
	width: 100%;
	height: 38px;
	background-color: transparent;
	font-size: 1rem;
	margin-top: 10px;
	padding: 5px 14px;
	color: #495057;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	-webkit-appearance: none;
	background: url(../images/icon/down-black.html) no-repeat 95%;
}

.single-section .single-sidebar .book-btn-section .rooms-section {
	position: relative;
	margin-top: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section ::-webkit-input-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section .rooms-section ::-moz-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section .rooms-section :-ms-input-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section .rooms-section ::-ms-input-placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section .rooms-section ::placeholder {
	color: #495057;
	text-transform: capitalize;
	cursor: pointer;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box {
	text-align: left;
	padding: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .title_room {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 700;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box label {
	text-transform: capitalize;
	margin-right: 30px;
	margin-bottom: 0;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group {
	width: 140px;
	margin-left: auto;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .btn {
	background-color: transparent;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box .input-group .form-control {
	padding: 0;
	text-align: center;
	border: none;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls .qty-box+.qty-box {
	margin-top: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .room-cls+.room-cls {
	margin-top: 10px;
	border-top: 1px solid #f9f9f9;
	padding-top: 10px;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part {
	border-top: 1px solid #f9f9f9;
	margin-top: 10px;
	padding-top: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .add-room {
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
}

.single-section .single-sidebar .book-btn-section .rooms-section .selector-box .bottom-part .btn {
	margin-left: auto;
}

.single-section .single-sidebar .contact-title {
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.single-section .single-sidebar .bottom_sec {
	margin-top: 10px;
	padding-top: 15px;
	border-top: 1px solid #f9f9f9;
}

.single-section .single-sidebar .bottom_sec h6 {
	text-transform: capitalize;
	color: var(--theme-color);
	font-size: 14px;
	font-weight: 700;
}

.single-section .single-sidebar .bottom_sec h6:last-child {
	margin-bottom: 0;
}

.single-section .single-sidebar .weather-sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	margin-top: 10px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.single-section .single-sidebar .weather-sec li svg {
	width: 40px;
	margin: 0;
}

.single-section .single-sidebar .weather-sec li h5 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

.single-section .single-sidebar .weather-sec li h6 {
	font-size: 12px;
	margin-bottom: 0;
}

.single-section .single-sidebar .weather-sec li+li {
	margin-left: 20px;
}

.single-section .single-sidebar .social-box {
	margin-top: 18px;
}

.single-section .single-sidebar .social-box i {
	font-size: 14px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: white;
	padding: 9px;
	background-color: var(--theme-color);
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	margin-right: 3px;
}

.single-section .single-sidebar+.single-sidebar {
	margin-top: 30px;
}

.single-section .single-sidebar .order-cart .cart-items {
	margin-top: 20px;
}

.single-section .single-sidebar .order-cart .cart-items .items {
	position: relative;
}

.single-section .single-sidebar .order-cart .cart-items .items h6 {
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 10px;
}

.single-section .single-sidebar .order-cart .cart-items .items h5 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 500;
	margin-bottom: 0;
}

.single-section .single-sidebar .order-cart .cart-items .items+.items {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box {
	width: 120px;
	margin-top: 10px;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group {
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .btn {
	padding: 5px 10px;
	font-size: 10px;
	line-height: 1;
	background-color: #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group .form-control {
	padding: 2px;
	width: 50px;
	text-align: center;
	border-color: #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-items .items .price {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 16px;
	font-weight: 700;
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6 {
	padding-left: 25px;
	position: relative;
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6:after {
	content: "";
	left: 0;
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid green;
	top: 2px;
}

.single-section .single-sidebar .order-cart .cart-items .items.veg h6:before {
	content: "";
	left: 3px;
	width: 8px;
	height: 8px;
	background-color: green;
	position: absolute;
	border-radius: 100%;
	top: 5px;
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6 {
	padding-left: 25px;
	position: relative;
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:after {
	content: "";
	left: 0;
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid red;
	top: 2px;
}

.single-section .single-sidebar .order-cart .cart-items .items.non-veg h6:before {
	content: "";
	left: 3px;
	width: 8px;
	height: 8px;
	background-color: red;
	position: absolute;
	border-radius: 100%;
	top: 5px;
}

.single-section .single-sidebar .order-cart .cart-bottom {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #f9f9f9;
}

.single-section .single-sidebar .order-cart .cart-bottom .sub-total {
	font-weight: 700;
	font-size: 18px;
	text-transform: capitalize;
	margin-bottom: 5px;
}

.single-section .single-sidebar .order-cart .cart-bottom .sub-total span {
	float: right;
}

.single-section .single-sidebar .order-cart .cart-bottom p {
	font-size: 12px;
	line-height: 1;
	margin-bottom: 0;
	max-width: 70%;
}

.single-section .single-sidebar .order-cart .cart-bottom .checkout {
	margin-top: 20px;
}

.single-section .single-sidebar .order-cart .empty-cart {
	text-align: center;
	margin-top: 50px;
}

.single-section .single-sidebar .order-cart .empty-cart h5 {
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.5);
	font-size: 16px;
	margin-bottom: 20px;
}

.single-section .single-sidebar .order-cart .empty-cart img {
	margin-bottom: 20px;
	opacity: 0.5;
}

.single-section .single-sidebar .order-cart .empty-cart p {
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: rgba(0, 0, 0, 0.64);
}

.gj-picker-bootstrap table tr td.selected.gj-cursor-pointer div {
	background-color: var(--theme-color);
}

.rooms-section {
	position: relative;
}

.rooms-section .selector_box {
	padding: 10px;
}

.rooms-section .selector_box .room-cls .title_room {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 700;
}

.rooms-section .selector_box .room-cls .qty-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rooms-section .selector_box .room-cls .qty-box label {
	text-transform: capitalize;
	margin-right: 30px;
	margin-bottom: 0;
}

.rooms-section .selector_box .room-cls .qty-box .input-group {
	width: 140px;
	margin-left: auto;
}

.rooms-section .selector_box .room-cls .qty-box .input-group .btn {
	background-color: transparent;
}

.rooms-section .selector_box .room-cls .qty-box .input-group .form-control {
	padding: 0;
	text-align: center;
	border: none;
}

.rooms-section .selector_box .room-cls .qty-box+.qty-box {
	margin-top: 10px;
}

.rooms-section .selector_box .room-cls+.room-cls {
	margin-top: 10px;
	border-top: 1px solid #f9f9f9;
	padding-top: 10px;
}

.rooms-section .selector_box .bottom-part {
	border-top: 1px solid #f9f9f9;
	margin-top: 10px;
	padding-top: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.rooms-section .selector_box .bottom-part .add-room {
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
}

.rooms-section .selector_box .bottom-part .btn {
	margin-left: auto;
}

.suggestion_box .form-group {
	margin-bottom: 30px;
	position: relative;
}

.suggestion_box .form-group img {
	position: absolute;
	right: 1px;
	bottom: 2px;
	border-left: 1px solid #e5e5e5;
	padding: 8px;
	z-index: 1;
	background-color: white;
}

.m-cls {
	margin-top: 20px;
}

.related-box .slick-slide>div {
	margin: 0 15px !important;
}

.related-box .slick-list {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.related-box .special-box {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: white;
	margin-bottom: 0;
}

.overlay-hover .bg-size {
	position: relative;
}

.overlay-hover .bg-size:after {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	content: "";
}

.overlay-hover .bg-size:hover:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.cab-single-detail {
	background-color: white;
	padding: 20px;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
	margin-top: 25px;
}

.cab-single-detail .title-car {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.cab-single-detail .title-car h5,
.cab-single-detail .title-car h6 {
	margin-bottom: 0;
}

.cab-single-detail .title-car h5 {
	font-weight: 700;
	text-transform: capitalize;
}

.cab-single-detail .title-car h6 {
	margin-left: auto;
	text-transform: capitalize;
}

.cab-single-detail .title-car h6 span {
	font-weight: 600;
}

.cab-single-detail .description {
	margin-top: 20px;
	color: rgba(0, 0, 0, 0.52);
}

.cab-single-detail .overview h6 {
	text-transform: capitalize;
	margin-bottom: 16px;
	color: var(--theme-color);
	font-weight: 700;
}

.cab-single-detail .overview ul {
	display: inline-block;
}

.cab-single-detail .overview ul li {
	display: block;
}

.cab-single-detail .overview ul li+li {
	margin-top: 15px;
}

.cab-single-detail .overview ul+ul {
	margin-left: 30px;
}

.cab-single-detail .details {
	margin-top: 25px;
}

.cab-single-detail .details h6 {
	text-transform: capitalize;
	margin-bottom: 10px;
	color: var(--theme-color);
	font-weight: 700;
}

.cab-single-detail .details ul li {
	display: block;
	text-transform: capitalize;
}

.cab-single-detail .details ul li+li {
	margin-top: 5px;
}

.guest-detail {
	background-color: white;
	padding: 20px;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.guest-detail h2 {
	font-size: 30px;
	color: var(--theme-color);
	margin-bottom: 22px;
	text-transform: capitalize;
	margin-top: -6px;
}

.guest-detail form .input-group-text {
	border-left: none;
	color: #495057;
	text-transform: uppercase;
	font-weight: 700;
}

.guest-detail form .input-group-text:hover {
	background-color: #e9ecef;
	border: 1px solid #ced4da;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-left: 0;
}

.guest-detail form label {
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 5px;
}

.guest-detail form .form-control {
	border-radius: 0;
}

.guest-detail form .form-control:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: #ced4da;
}

.guest-detail form .submit-btn {
	text-align: right;
}

.guest-detail form .submit-btn .btn {
	width: 25%;
	margin-top: 30px;
}

.guest-detail .first-name .iti__flag-container {
	display: none;
}

.summery-box {
	background-color: white;
	padding: 20px;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.summery-box h2 {
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	margin-top: -6px;
}

.summery-box .hotel-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 15px;
}

.summery-box .hotel-section .hotel-img {
	width: 35%;
}

.summery-box .hotel-section .hotel-detail {
	margin-left: 20px;
}

.summery-box .hotel-section .hotel-detail h6 {
	font-weight: 700;
	text-transform: capitalize;
	margin-bottom: 4px;
	margin-top: -2px;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.summery-box .hotel-section .hotel-detail p {
	margin-bottom: -3px;
	color: var(--theme-color);
}

.summery-box .summery-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	margin-top: 12px;
	padding-top: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-top: 1px solid #f9f9f9;
}

.summery-box .summery-section .box {
	width: 100%;
}

.summery-box .summery-section .box .right {
	text-align: right;
	width: 49%;
	display: inline-block;
}

.summery-box .summery-section .box .left {
	width: 50%;
	display: inline-block;
}

.summery-box .summery-section .box .down {
	margin-top: 10px;
}

.summery-box .summery-section .box .down h5 {
	margin-bottom: -4px;
}

.summery-box .summery-section h6 {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 500;
	margin-bottom: 4px;
}

.summery-box .summery-section h5 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	font-weight: 600;
}

.summery-box .summery-section .edit-cls {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	text-transform: capitalize;
	font-weight: 600;
	margin-left: auto;
}

.summery-box .summery-section .payment-details {
	width: 100%;
}

.summery-box .summery-section .payment-details table {
	width: 100%;
}

.summery-box .summery-section .payment-details table tbody tr td:first-child {
	width: 70%;
	text-transform: capitalize;
}

.summery-box .summery-section .payment-details table tbody tr td.amount {
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.summery-box .summery-section .payment-details table tbody tr td:nth-child(2) {
	text-align: right;
	font-weight: 700;
}

.book-panel {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 2;
	background-color: white;
	text-align: center;
	display: none;
	-webkit-box-shadow: -1px -2px 6px 0px rgba(168, 168, 168, 0.3);
	box-shadow: -1px -2px 6px 0px rgba(168, 168, 168, 0.3);
}

.book-panel .btn {
	width: 50%;
	color: var(--theme-color);
	background-color: white;
	padding: 10px;
}

.book-panel .btn.theme-color {
	border-right: 1px solid #f9f9f9;
}

.book-panel .text {
	width: 50%;
	color: var(--theme-color);
	background-color: white;
	padding: 10px;
	font-size: 14px;
	line-height: 18px;
	text-transform: capitalize;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-right: 1px solid #f9f9f9;
}

.book-panel .text span {
	font-weight: 700;
}

.full-page {
	overflow: hidden;
	height: 100vh;
}

.full-page .single-section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100vh;
	padding-top: 47px;
}

.full-page .single-section .description-section {
	width: 100%;
}

.full-page .single-section .description-section .description-details .menu-part {
	margin-top: 0;
	margin-bottom: 0;
	background-color: white;
	position: relative;
}

.full-page .single-section .description-section .description-details .menu-part h2 {
	color: #3c7492;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan {
	margin-left: 0;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan:after {
	display: none;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card {
	border: 0;
	background-color: transparent;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
	background-color: transparent;
	padding: 0;
	border-bottom: 1px solid #f9f9f9;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
	padding-left: 0;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button:before {
	display: none;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
	padding: 15px 0 0;
	line-height: 1.4;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card .card-body .highlight li+li {
	margin-left: 5px;
}

.full-page .single-section .description-section .description-details .menu-part .accordion-plan .card+.card {
	margin-top: 12px;
}

.full-page .single-section .description-section .description-details .menu-part .list-view .list-box {
	background-color: transparent;
}

.full-page .full-slider .slick-dots {
	bottom: 40px;
	z-index: 1;
}

.full-page .full-slider .slick-dots li {
	text-transform: capitalize;
	font-size: 16px;
	font-weight: 500;
	color: white;
	width: auto;
}

.full-page .full-slider .slick-dots li.slick-active .pager__item {
	background-color: #3c7492;
	border-radius: 25px;
}

.full-page .full-slider .slick-dots li .pager__item {
	padding: 10px 30px;
	color: white;
}

.full-page .full-slider .slick-dots li button:before {
	font-size: 12px;
	color: var(--theme-color);
}

.full-page .full-slider .slick-arrow .next-slick-img,
.full-page .full-slider .slick-arrow .prev-slick-img {
	width: 70px;
	height: 70px;
	border-radius: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.full-page .full-slider .slick-arrow .next-slick-img:hover,
.full-page .full-slider .slick-arrow .prev-slick-img:hover {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.full-page .full-slider .slick-prev {
	left: 10px;
	z-index: 1;
}

.full-page .full-slider .slick-prev:before {
	display: none;
}

.full-page .full-slider .slick-next {
	right: 60px;
	z-index: 1;
}

.full-page .full-slider .slick-next:before {
	display: none;
}

.full-page .overlay {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
	background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}

.full-width-detail .place-detail {
	text-align: center;
}

.full-width-detail .place-detail li {
	padding: 0 30px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
}

.full-width-detail .place-detail li+li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1px;
	height: 12px;
	background-color: rgba(34, 34, 34, 0.5);
}

.full-width-detail .about-section {
	margin-top: 40px;
}

.full-width-detail .about-section .about-text {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.full-width-detail .about-section .about-text.about-text-gray .bottom-detail p {
	color: gray !important;
}

.full-width-detail .about-section .about-text .right-detail h4 {
	font-weight: 700;
	margin-bottom: 10px;
}

.full-width-detail .about-section .about-text .right-detail .bottom-detail p {
	font-weight: 400;
	color: var(--theme-color);
	margin-bottom: 15px;
}

.full-width-detail .about-section .about-text .right-detail .bottom-detail p:last-child {
	margin-bottom: 0;
}

.full-page-demo {
	height: 100vh;
	position: relative;
}

.full-page-demo .container {
	position: relative;
	height: 100%;
}

.full-page-demo .container .title {
	position: absolute;
	bottom: 20%;
}

.full-page-demo .container .title h1 {
	color: white;
}

.full-page-demo .fullpage-content {
	position: absolute;
	width: 55%;
	right: -80px;
	bottom: 70px;
}

.vs-center-wrap .vs-subview-prev,
.vs-center-wrap .vs-subview-next {
	cursor: pointer;
	position: absolute;
	z-index: 9;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: none;
	background-color: rgba(255, 255, 255, 0.52);
	border-radius: 100%;
	padding: 8px 15px;
	left: 20px;
}

.vs-center-wrap .vs-subview-prev:focus,
.vs-center-wrap .vs-subview-next:focus {
	outline: none;
}

.vs-center-wrap .vs-subview-next {
	left: unset;
	right: 20px;
}

.full-page-menu {
	position: absolute;
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.order-menu {
	padding: 20px 20px 20px 20px;
}

.order-menu .nav {
	text-align: left;
	background-color: white;
}

.order-menu .nav ul li {
	display: block;
}

.order-menu .nav .nav-link {
	text-transform: capitalize !important;
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 600;
	padding: 5px 15px !important;
}

.order-menu .nav .nav-link.active {
	color: var(--theme-color);
	background-color: #f9f9f9;
}

.order-menu .nav .nav .nav-link {
	font-size: 14px;
	font-weight: 500;
}

.order-menu .nav .nav .nav-link.active {
	color: var(--theme-color);
	font-weight: 700;
	background-color: transparent;
}

.order-menu .nav .nav.show {
	display: block;
}

.order-menu .search-bar {
	border-bottom: 1px solid #f9f9f9;
	padding-bottom: 15px;
	margin-bottom: 5px;
}

.order-menu .search-bar .search {
	position: relative;
}

.order-menu .search-bar .search input {
	width: 100%;
	border: none;
	background-color: #f9f9f9;
	padding: 8px 16px;
}

.order-menu .search-bar .search i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 16px;
	color: #a0a0a0;
}

.order-menu .search-bar .search ::-webkit-input-placeholder {
	font-size: 14px;
	color: #a0a0a0;
}

.order-menu .search-bar .search ::-moz-placeholder {
	font-size: 14px;
	color: #a0a0a0;
}

.order-menu .search-bar .search :-ms-input-placeholder {
	font-size: 14px;
	color: #a0a0a0;
}

.order-menu .search-bar .search ::-ms-input-placeholder {
	font-size: 14px;
	color: #a0a0a0;
}

.order-menu .search-bar .search ::placeholder {
	font-size: 14px;
	color: #a0a0a0;
}

.order-menu-section {
	padding: 20px;
	border-left: 1px solid #f9f9f9;
}

.order-menu-section .order-section h4 {
	text-transform: capitalize;
	font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: calc(14px + (24 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
	color: rgba(0, 0, 0, 0.6);
}

.order-menu-section .order-section .order-title {
	padding-bottom: calc(0px + (10 - 0) * ((100vw - 320px) / (1920 - 320)));
}

.order-menu-section .order-section .order-title h5 {
	font-weight: 700;
	margin-bottom: 3px;
	text-transform: capitalize;
}

.order-menu-section .order-section .order-title h6 {
	color: rgba(0, 0, 0, 0.4);
	font-weight: 600;
}

.order-menu-section .order-section .order-items .items {
	position: relative;
}

.order-menu-section .order-section .order-items .items h6 {
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 4px;
}

.order-menu-section .order-section .order-items .items p {
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 10px;
	max-width: 80%;
	line-height: 1.4;
}

.order-menu-section .order-section .order-items .items h5 {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
	font-weight: 500;
	margin-bottom: 0;
}

.order-menu-section .order-section .order-items .items+.items {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #f9f9f9;
}

.order-menu-section .order-section .order-items .items+.items .addtocart_btn {
	top: 15px;
}

.order-menu-section .order-section .order-items .items .addtocart_btn {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	text-align: right;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .add-button,
.order-menu-section .order-section .order-items .items .addtocart_btn .add_cart {
	width: 120px;
	border-color: transparent;
	color: var(--theme-color);
	background-color: #f9f9f9;
	text-transform: capitalize;
	cursor: pointer;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .add-button span,
.order-menu-section .order-section .order-items .items .addtocart_btn .add_cart span {
	position: absolute;
	left: 8px;
	right: 0;
	bottom: -21px;
	font-size: 12px;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box {
	display: none;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box.open {
	display: block;
	position: absolute;
	right: 0;
	width: 120px;
	top: 0;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group {
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group .btn {
	padding: 5px 10px;
	font-size: 10px;
	line-height: 1;
	background-color: #f9f9f9;
}

.order-menu-section .order-section .order-items .items .addtocart_btn .qty-box .input-group .form-control {
	padding: 2px;
	width: 50px;
	text-align: center;
	border-color: #f9f9f9;
}

.order-menu-section .order-section .order-items .items.veg h6 {
	padding-left: 25px;
	position: relative;
}

.order-menu-section .order-section .order-items .items.veg h6:after {
	content: "";
	left: 0;
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid green;
	top: 2px;
}

.order-menu-section .order-section .order-items .items.veg h6:before {
	content: "";
	left: 3px;
	width: 8px;
	height: 8px;
	background-color: green;
	position: absolute;
	border-radius: 100%;
	top: 5px;
}

.order-menu-section .order-section .order-items .items.non-veg h6 {
	padding-left: 25px;
	position: relative;
}

.order-menu-section .order-section .order-items .items.non-veg h6:after {
	content: "";
	left: 0;
	position: absolute;
	width: 14px;
	height: 14px;
	border: 1px solid red;
	top: 2px;
}

.order-menu-section .order-section .order-items .items.non-veg h6:before {
	content: "";
	left: 3px;
	width: 8px;
	height: 8px;
	background-color: red;
	position: absolute;
	border-radius: 100%;
	top: 5px;
}

.order-menu-section .order-section+.order-section {
	margin-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
	padding-top: calc(12px + (30 - 12) * ((100vw - 320px) / (1920 - 320)));
	border-top: 1px solid rgba(0, 0, 0, 0.13);
}

.order-menu-section .order-section.top-section .order-section {
	padding-top: 0;
	border-top: none;
}

.customized {
	text-align: left;
}

.customized .modal-content {
	padding: 20px 30px;
	border-radius: 0;
	border: none;
}

.customized .modal-content .modal-header {
	padding: 0;
	padding-bottom: 10px;
	border-radius: 0;
}

.customized .modal-content .modal-header .modal-title {
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320))) !important;
	font-weight: 700 !important;
}

.customized .modal-content .modal-footer {
	padding: 1rem 0 0 0;
	border-top: 1px dashed #dedede;
}

.customized .modal-content .modal-footer .btn {
	padding: 5px 12px;
	text-transform: capitalize;
}

.customized .size-option .item h5 {
	margin-bottom: 10px !important;
	font-weight: 600 !important;
}

.customized .size-option .item form .form-check {
	line-height: 1.7;
	margin-bottom: 6px;
}

.customized .size-option .item form .form-check-label {
	text-transform: capitalize;
}

.customized .size-option .item+.item {
	margin-top: 15px;
}

.cart {
	width: 35px;
	height: 35px;
	border-radius: 0 8px 8px 0;
	position: fixed;
	background-color: white;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: none;
	z-index: 1;
}

.cart i {
	color: var(--theme-color);
}

.order-cart-right .back-btn {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #ececec;
	display: none;
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	cursor: pointer;
}

.top-title-bar .hotel_title_section {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 20px 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-title-bar .hotel_title_section h2 {
	margin-bottom: 5px;
	font-size: calc(16px + (24 - 16) * ((100vw - 320px) / (1920 - 320)));
	margin-top: -6px;
}

.top-title-bar .hotel_title_section h6 {
	margin-bottom: -3px;
	color: rgba(0, 0, 0, 0.5);
}

.top-title-bar .hotel_title_section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	margin-bottom: 5px;
	margin-top: -6px;
}

.top-title-bar .hotel_title_section ul li {
	padding-left: 15px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	position: relative;
	margin-left: 10px;
}

.top-title-bar .hotel_title_section ul li i {
	font-size: 10px;
	color: rgba(0, 0, 0, 0.6);
}

.top-title-bar .hotel_title_section ul li:after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background-color: var(--theme-color);
	border-radius: 100%;
}

.top-title-bar .hotel_title_section .right-part {
	margin-left: auto;
	text-align: right;
}

.checkout-process .checkout-box {
	background-color: white;
	padding: 20px;
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
}

.checkout-process .checkout-box h4.title {
	text-transform: capitalize;
	font-weight: 700;
	margin-top: -4px;
}

.checkout-process .checkout-box .sub-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 15px;
}

.checkout-process .checkout-box .sub-title h5 {
	text-transform: capitalize;
	font-weight: 600;
	margin-bottom: 0;
}

.checkout-process .checkout-box .sub-title a {
	margin-left: auto;
	border: 1px solid rgba(0, 0, 0, 0.2);
	color: rgba(0, 0, 0, 0.9);
	padding: 3px 10px;
	text-transform: capitalize;
}

.checkout-process .checkout-box .address-sec {
	margin-top: 5px;
}

.checkout-process .checkout-box .address-sec .select-box {
	cursor: pointer;
}

.checkout-process .checkout-box .address-sec .select-box .address-box {
	padding: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
	border: 1px solid #dddddd;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .top h6 {
	text-transform: capitalize;
	font-weight: 700;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .top h6 span {
	float: right;
	background-color: rgba(0, 128, 0, 0.9);
	color: white;
	padding: 5px 15px;
	font-size: 80%;
	border-radius: 3px;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .middle {
	margin-top: 15px;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .middle .address p {
	margin-bottom: 5px;
	color: rgba(0, 0, 0, 0.7);
}

.checkout-process .checkout-box .address-sec .select-box .address-box .middle .number {
	margin-top: 15px;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .middle .number p {
	color: rgba(0, 0, 0, 0.7);
	text-transform: capitalize;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .bottom {
	border-top: 1px solid #dddddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	padding-top: 10px;
}

.checkout-process .checkout-box .address-sec .select-box .address-box .bottom .bottom_btn {
	width: 47.5%;
	text-transform: capitalize;
	font-weight: 600;
	padding: 4px;
	border-radius: 5px;
	background-color: rgba(255, 0, 0, 0.15);
	color: rgba(255, 0, 0, 0.9);
}

.checkout-process .checkout-box .address-sec .select-box .address-box .bottom .bottom_btn:first-child {
	margin-right: 5%;
	background-color: rgba(0, 128, 0, 0.15);
	color: rgba(0, 128, 0, 0.9);
}

.checkout-process .checkout-box .address-sec .select-box.active .address-box {
	border: 1px solid rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.checkout-process .checkout-box .review-section {
	margin-top: 20px;
}

.checkout-process .checkout-box .review-section .review_box {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.checkout-process .checkout-box .review-section .review_box .flight_detail {
	padding: 0;
}

.checkout-process .checkout-box+.checkout-box {
	margin-top: 20px;
}

.checkout-cart .single-sidebar .order-cart .cart-bottom .sub-total {
	font-weight: 500;
}

.checkout-cart .single-sidebar .order-cart .cart-bottom .sub-total.grand-total {
	font-weight: 700;
	border-top: 1px solid #f9f9f9;
	padding-top: 13px;
	margin-top: 16px;
}

.flight-search .flight-search-detail {
	background-color: white;
	padding: 30px 15px;
	box-shadow: 0 0 3px 2px #e8e8e8;
	border-radius: 5px;
}

.flight-search .flight-search-detail .form-group {
	margin-bottom: 0;
	position: relative;
}

.flight-search .flight-search-detail .form-group img {
	position: absolute;
	right: 0;
	bottom: 0;
	border-left: 1px solid #e5e5e5;
	padding: 10px;
}

.flight-search .flight-search-detail .form-group label {
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 15px;
}

.flight-search .flight-search-detail .form-group .form-control {
	border-radius: 0;
	text-transform: capitalize;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}

.flight-search .flight-search-detail .form-group .form-control:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.flight-search .flight-search-detail .form-group .gj-datepicker button,
.flight-search .flight-search-detail .form-group .gj-timepicker button {
	border: 1px solid #e5e5e5 !important;
	background-color: white;
	height: 38px;
}

.flight-search .flight-search-detail .form-group .gj-datepicker button i,
.flight-search .flight-search-detail .form-group .gj-timepicker button i {
	opacity: 0.2;
}

.flight-search .flight-search-detail .form-group ::-webkit-input-placeholder {
	color: #a5a5a5;
	text-transform: capitalize;
}

.flight-search .flight-search-detail .form-group ::-moz-placeholder {
	color: #a5a5a5;
	text-transform: capitalize;
}

.flight-search .flight-search-detail .form-group :-ms-input-placeholder {
	color: #a5a5a5;
	text-transform: capitalize;
}

.flight-search .flight-search-detail .form-group ::-ms-input-placeholder {
	color: #a5a5a5;
	text-transform: capitalize;
}

.flight-search .flight-search-detail .form-group ::placeholder {
	color: #a5a5a5;
	text-transform: capitalize;
}

.flight-search .flight-search-detail .search-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	height: 100%;
}

.flight-search .flight-search-detail .search-btn .btn {
	width: 100%;
}

.flight-search .flight-search-detail .responsive-close {
	display: none;
}

.flight-search .responsive-detail {
	display: none;
	background-color: white;
	padding: 15px 25px;
	position: relative;
}

.flight-search .responsive-detail .destination span {
	font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 700;
	margin-bottom: -3px;
}

.flight-search .responsive-detail .details span {
	text-transform: capitalize;
	color: #5d5d5d;
}

.flight-search .responsive-detail .modify-search {
	position: absolute;
	right: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flight-search .responsive-detail .modify-search .btn {
	padding: 4px 6px;
	text-transform: capitalize;
	font-size: 14px;
}

.selector-box-flight {
	text-align: left;
	padding: 10px;
	position: absolute;
	width: 100%;
	background-color: white;
	z-index: 3;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
	top: auto;
	display: none;
}

.selector-box-flight .room-cls .title_room {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 700;
}

.selector-box-flight .room-cls .qty-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.selector-box-flight .room-cls .qty-box label {
	text-transform: capitalize;
	margin-right: 30px;
	margin-bottom: 0;
}

.selector-box-flight .room-cls .qty-box .input-group {
	width: 90px;
	margin-left: auto;
}

.selector-box-flight .room-cls .qty-box .input-group .btn {
	background-color: transparent;
}

.selector-box-flight .room-cls .qty-box .input-group .form-control {
	padding: 0;
	text-align: center;
	border: none;
}

.selector-box-flight .room-cls .qty-box+.qty-box {
	margin-top: 10px;
}

.selector-box-flight .room-cls+.room-cls {
	margin-top: 10px;
	border-top: 1px solid #f9f9f9;
	padding-top: 10px;
}

.selector-box-flight .flight-class {
	border-top: 1px solid #e7e7e7;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}

.selector-box-flight .flight-class .form-check {
	margin-top: 7px;
}

.selector-box-flight .flight-class .form-check-label {
	text-transform: capitalize;
}

.selector-box-flight .bottom-part {
	border-top: 1px solid #e7e7e7;
	margin-top: 5px;
	padding-top: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.selector-box-flight .bottom-part .btn {
	margin-left: auto;
}

.selector-box-flight.show {
	display: block;
}

.top-bar-flight {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px;
	position: relative;
}

.top-bar-flight .date-fare-slider {
	background-color: white;
	border-right: 1px solid #f5f5f5;
	padding: 0 40px;
	width: 92%;
}

.top-bar-flight .date-fare-slider .slick-slider {
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}

.top-bar-flight .date-fare-slider .slick-slider .slick-prev {
	left: -30px;
}

.top-bar-flight .date-fare-slider .slick-slider .slick-prev:before {
	content: "\f053";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #a0a0a0;
}

.top-bar-flight .date-fare-slider .slick-slider .slick-next {
	right: -30px;
}

.top-bar-flight .date-fare-slider .slick-slider .slick-next:before {
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #a0a0a0;
}

.top-bar-flight .date-fare-slider .fare-box {
	text-align: center;
	border-right: 1px solid #f5f5f5;
	padding: 15px 10px;
}

.top-bar-flight .date-fare-slider .fare-box h6 {
	margin-bottom: 0;
	color: #585858;
	font-size: 12px;
}

.top-bar-flight .date-fare-slider .fare-box h5 {
	text-transform: capitalize;
	font-size: 14px;
	margin-bottom: 5px;
	color: var(--theme-color);
	font-weight: 700;
}

.top-bar-flight .date-fare-slider .fare-box.active h5 {
	color: var(--theme-color);
	font-weight: 700;
}

.top-bar-flight .fare-calender {
	width: 8%;
	background-color: white;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	text-align: center;
}

.top-bar-flight .fare-calender i {
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
	color: #484848;
	display: block;
	margin-bottom: -5px;
}

.top-bar-flight .fare-calender h6.title {
	font-size: 12px;
	margin-bottom: 0;
	margin-top: 10px;
	text-transform: capitalize;
}

.top-bar-flight .fare-calender .calender-external {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	background-color: white;
	padding: 25px;
	display: none;
	-webkit-box-shadow: -2px 6px 8px 4px rgba(0, 0, 0, 0.1);
	box-shadow: -2px 6px 8px 4px rgba(0, 0, 0, 0.1);
}

.top-bar-flight .fare-calender .calender-external .fc-dayGrid-view .fc-body .fc-row {
	height: 60px !important;
}

.top-bar-flight .fare-calender .calender-external .fc-view,
.top-bar-flight .fare-calender .calender-external .fc-view>table {
	display: inline-block;
}

.top-bar-flight .fare-calender .calender-external .fc th,
.top-bar-flight .fare-calender .calender-external .fc td {
	width: 80px;
}

.top-bar-flight .fare-calender .calender-external .fc-scroller.fc-day-grid-container {
	height: auto !important;
}

.top-bar-flight .fare-calender .calender-external .fc-event,
.top-bar-flight .fare-calender .calender-external .fc-event-dot {
	border: none;
	background-color: transparent;
	text-align: right;
}

.top-bar-flight .fare-calender .calender-external .fc-content {
	font-weight: 700;
	color: var(--theme-color);
}

.top-bar-flight .fare-calender .calender-external.show {
	display: block;
}

.flight-detail-sec {
	margin: 20px 0;
}

.flight-detail-sec .title-bar {
	text-align: center;
	padding: 10px 0;
}

.flight-detail-sec .title-bar p {
	margin-bottom: 0;
	color: #545454;
	text-transform: capitalize;
}

.flight-detail-sec .selection-bar {
	background-color: white;
	padding: 10px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}

.flight-detail-sec .selection-bar span {
	font-size: 14px;
	text-transform: capitalize;
	color: var(--theme-color);
	font-weight: 500;
}

.flight-detail-sec .selection-bar .details {
	margin-left: auto;
}

.flight-detail-sec .detail-bar .detail-wrap {
	background-color: white;
	padding: 15px 0;
	border: 1px dashed transparent;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.flight-detail-sec .detail-bar .detail-wrap .logo-sec {
	text-align: center;
}

.flight-detail-sec .detail-bar .detail-wrap .logo-sec img {
	width: 50px;
	height: auto;
	margin-bottom: 5px;
}

.flight-detail-sec .detail-bar .detail-wrap .logo-sec .title {
	display: block;
	text-transform: capitalize;
	font-weight: 600;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h4 {
	margin-bottom: 3px;
	margin-top: -4px;
	color: #222222;
	font-size: 16px;
	font-weight: 600;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h6 {
	margin-bottom: -5px;
	color: #909090;
	font-size: 12px;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name.arrival {
	margin-left: auto;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress {
	width: 100%;
	padding: 0 25px;
	position: relative;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress .stop {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 16px;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	width: 100%;
	color: gray;
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress i {
	color: var(--theme-color);
}

.flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-progress:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 60%;
	background-color: #cecece;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

.flight-detail-sec .detail-bar .detail-wrap .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
}

.flight-detail-sec .detail-bar .detail-wrap .price h4 {
	margin-bottom: -4px;
	font-weight: 700;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.flight-detail-sec .detail-bar .detail-wrap .price span {
	font-size: calc(10px + (12 - 10) * ((100vw - 320px) / (1920 - 320)));
	color: grey;
	text-transform: capitalize;
}

.flight-detail-sec .detail-bar .detail-wrap .book-flight {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.flight-detail-sec .detail-bar .detail-wrap .book-flight .btn {
	padding: 5px 16px;
	text-transform: capitalize;
}

.flight-detail-sec .detail-bar .detail-wrap+.detail-wrap {
	margin-top: 20px;
}

.flight-detail-sec .detail-bar .detail-wrap.active {
	border: 1px dashed var(--theme-color);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
	box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
}

.flight-detail-sec.full_width-detail .detail-bar .detail-wrap {
	padding: 30px 0;
}

.flight-detail-sec.full_width-detail .detail-bar .detail-wrap .logo-sec {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.flight-detail-sec.full_width-detail .detail-bar .detail-wrap .logo-sec img {
	margin-bottom: 0;
	width: 60px;
	margin-right: 10px;
}

.flight-detail-sec.book_panel {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
	z-index: 2;
	background-color: white;
	-webkit-box-shadow: -1px -1px 5px 0 rgba(77, 77, 77, 0.14);
	box-shadow: -1px -1px 5px 0 rgba(77, 77, 77, 0.14);
	margin: 0;
}

.flight-detail-sec.book_panel .detail-bar .detail-wrap .logo-sec img {
	width: 60px;
	margin-bottom: 0;
}

.flight-detail-sec.book_panel .detail-bar .detail-wrap .airport-part .airport-progress:after {
	display: none;
}

.flight-detail-sec.book_panel .detail-bar .detail-wrap .airport-part .airport-progress i {
	color: var(--theme-color);
}

.flight-detail-sec.book_panel .detail-bar .detail-wrap .price h4 {
	font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.flight-detail-sec.book_panel .detail-bar.border-cls .detail-wrap .row {
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

.flight-detail-sec.book_panel .grand-total {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.flight-detail-sec.book_panel .grand-total .total {
	margin-bottom: 0;
	margin-right: 30px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
}

.flight-detail-sec.book_panel .grand-total .total span {
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	margin-left: 5px;
}

.flight-detail-sec.round_trip .detail-bar .detail-wrap {
	cursor: pointer;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec img {
	width: 160px;
	margin-bottom: 10px;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec .title {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec label {
	margin-bottom: 0;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.56);
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li {
	display: block;
	text-transform: capitalize;
	color: #3e3e3e;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li img {
	margin-right: 5px;
	width: 16px;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li+li {
	margin-top: 10px;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul+ul {
	margin-left: 30px;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .price h6 {
	font-size: 14px;
	color: grey;
	text-transform: capitalize;
	margin-bottom: 0;
	margin-top: 10px;
}

.flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .price h6 span {
	font-size: 14px;
	color: var(--theme-color);
	font-weight: 600;
}

.top-filter-section {
	background-color: white;
	margin-top: 20px;
	padding: 15px 30px;
}

.top-filter-section ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.top-filter-section ul .back-btn {
	display: none;
}

.top-filter-section ul .onclick-title,
.top-filter-section ul .filter-title {
	min-width: 170px;
	cursor: pointer;
	position: relative;
	border-left: 1px solid #e0e0e0;
}

.top-filter-section ul .onclick-title h6,
.top-filter-section ul .filter-title h6 {
	text-transform: capitalize;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0;
	padding: 0 20px 0 0;
	position: relative;
}

.top-filter-section ul .onclick-title h6:before,
.top-filter-section ul .filter-title h6:before {
	font-family: "Font Awesome 5 free";
	font-weight: 900;
	content: "\f107";
	position: absolute;
	right: 15px;
	opacity: 0.2;
}

.top-filter-section ul .onclick-title:nth-child(-n+3),
.top-filter-section ul .filter-title:nth-child(-n+3) {
	border-left: none;
}

.top-filter-section ul .onclick-title .onclick-content,
.top-filter-section ul .filter-title .onclick-content {
	display: none;
	position: absolute;
	background-color: white;
	z-index: 1;
	padding: 10px 20px;
	width: 200px;
	left: 30px;
	top: 34px;
	-webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
	box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
}

.top-filter-section ul .onclick-title .onclick-content .custom-control .form-check-label,
.top-filter-section ul .filter-title .onclick-content .custom-control .form-check-label {
	text-transform: capitalize;
}

.top-filter-section ul .onclick-title.show .onclick-content,
.top-filter-section ul .filter-title.show .onclick-content {
	display: block;
}

.top-filter-section ul .filter-title {
	min-width: 60px;
}

.top-filter-section ul .filter-title h6 {
	padding: 0;
	font-weight: 700;
}

.top-filter-section ul .filter-title h6:before {
	display: none;
}

.top-filter-section .form-check {
	display: block;
	text-transform: capitalize;
}

.review-section .review_box {
	background-color: white;
	-webkit-box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
	box-shadow: 0px 1px 9px 3px rgba(228, 228, 228, 0.81);
}

.review-section .review_box .title-top {
	padding: 20px 30px;
	background-color: #f9f9f9;
}

.review-section .review_box .title-top h5 {
	margin-bottom: 0;
	text-transform: capitalize;
	line-height: 1;
	font-weight: 600;
}

.review-section .review_box .flight_detail {
	padding: 20px 30px;
}

.review-section .review_box .flight_detail .logo-sec img {
	width: 60px;
	margin-right: 10px;
}

.review-section .review_box .flight_detail .logo-sec .title {
	text-transform: capitalize;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

.review-section .review_box .flight_detail .airport-part {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
}

.review-section .review_box .flight_detail .airport-part .airport-name h6 {
	margin-bottom: 3px;
	font-weight: 700;
}

.review-section .review_box .flight_detail .airport-part .airport-name h6 span {
	font-weight: 500;
}

.review-section .review_box .flight_detail .airport-part .airport-name p {
	text-transform: capitalize;
	margin-bottom: 0;
	color: #7b7b7b;
}

.review-section .review_box .flight_detail .airport-part .airport-name.arrival {
	margin-left: auto;
}

.review-section .review_box .flight_detail .airport-part .airport-progress {
	width: 45%;
	padding: 0 25px;
	position: relative;
	margin: 0 auto;
}

.review-section .review_box .flight_detail .airport-part .airport-progress .stop {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: 16px;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
	width: 100%;
}

.review-section .review_box .flight_detail .airport-part .airport-progress i {
	color: rgba(0, 0, 0, 0.17);
}

.review-section .review_box .flight_detail .airport-part .airport-progress:after {
	content: "";
	position: absolute;
	height: 1px;
	width: 40%;
	background-color: #cecece;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
}

.review-section .review_box .flight_detail .duration {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	text-align: center;
}

.review-section .review_box .flight_detail .duration h6 {
	margin-bottom: 3px;
	font-weight: 400;
	font-size: 14px;
}

.review-section .review_box .flight_detail .duration p {
	text-transform: capitalize;
	margin-bottom: 0;
	color: #7b7b7b;
}

.review-section .review_box .flight_detail .boxes h6 {
	text-transform: capitalize;
	font-weight: 600;
}

.review-section .review_box .flight_detail .boxes ul li {
	display: block;
	text-transform: capitalize;
}

.review-section .review_box .flight_detail .boxes .form-check .form-check-label {
	text-transform: capitalize;
}

.review-section .review_box .flight_detail .boxes .form-check+.form-check {
	margin-top: 5px;
}

.review-section .review_box .flight_detail .boxes+.boxes {
	margin-top: 20px;
}

.review-section .review_box .flight_detail .boxes:last-child ul li:last-child {
	margin-bottom: -2px;
}

.review-section .review_box .flight_detail .form_flight form h6 {
	text-transform: capitalize;
	font-weight: 600;
}

.review-section .review_box .flight_detail .form_flight form .form-group {
	margin-bottom: 0;
}

.review-section .review_box .flight_detail .form_flight form .form-group label {
	text-transform: capitalize;
	margin-bottom: 2px;
}

.review-section .review_box .flight_detail .form_flight form+form {
	margin-top: 20px;
}

.review-section .review_box .flight_detail .summery_box .table {
	margin-bottom: 0;
}

.review-section .review_box .flight_detail .summery_box .table .title {
	height: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	margin-top: 10px;
}

.review-section .review_box .flight_detail .summery_box .table .title td {
	font-weight: 600;
	font-size: 18px;
}

.review-section .review_box .flight_detail .summery_box .table th,
.review-section .review_box .flight_detail .summery_box .table td {
	padding: 0;
}

.review-section .review_box .flight_detail .summery_box .table tr td {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	text-transform: capitalize;
}

.review-section .review_box .flight_detail .summery_box .table tr td:nth-child(2) {
	text-align: right;
}

.review-section .review_box .flight_detail .summery_box .grand_total {
	padding: 10px;
	background-color: #f9f9f9;
	margin-top: 20px;
}

.review-section .review_box .flight_detail .summery_box .grand_total h5 {
	margin-bottom: 0;
	text-transform: capitalize;
}

.review-section .review_box .flight_detail .summery_box .grand_total h5 span {
	float: right;
}

.review-section .review_box .flight_detail .promo-section label {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 700;
}

.review-section .review_box .flight_detail .promo-section .promos {
	margin-top: 20px;
}

.review-section .review_box .flight_detail .promo-section .promos .form-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.review-section .review_box .flight_detail .promo-section .promos .form-check+.form-check {
	margin-top: 15px;
}

.review-section .review_box .flight_detail .promo-section .promos label {
	display: block;
	font-weight: 500;
}

.review-section .review_box .flight_detail .promo-section .promos label.title {
	font-weight: 700;
}

.review-section .review_box .flight_detail .addons-according .card {
	border: none;
}

.review-section .review_box .flight_detail .addons-according .card .card-header {
	padding: 0;
	border: none;
	background-color: white;
}

.review-section .review_box .flight_detail .addons-according .card .card-header .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: var(--theme-color);
	text-transform: capitalize;
	background-color: #f9f9f9;
	padding: 10px 5px;
}

.review-section .review_box .flight_detail .addons-according .card .card-header .btn img {
	width: 24px;
	margin-right: 12px;
}

.review-section .review_box .flight_detail .addons-according .card .card-body {
	padding: 20px 0 0;
}

.review-section .review_box .flight_detail .addons-according .card .card-body.order-menu-section {
	border-left: none;
}

.review-section .review_box .flight_detail .addons-according .card+.card {
	border-top: 1px solid #ececec;
	margin-top: 10px;
}

.review-section .review_box .flight_detail .addons-according .card:last-child .card-body {
	padding-bottom: 0;
}

.review-section .review_box .flight_detail .addons-according .seat-select {
	position: relative;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane {
	margin: 0 auto;
	max-width: 300px;
	border-bottom: 5px solid #ececec;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .cockpit {
	height: 140px;
	position: relative;
	overflow: hidden;
	text-align: center;
	border-bottom: 5px solid #ececec;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .cockpit:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 290px;
	width: 100%;
	border-radius: 50%;
	border-right: 5px solid #ececec;
	border-left: 5px solid #ececec;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .cockpit img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .exit {
	position: relative;
	height: 50px;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .exit:before,
.review-section .review_box .flight_detail .addons-according .seat-select .plane .exit:after {
	content: "EXIT";
	font-size: 14px;
	line-height: 18px;
	padding: 0px 2px;
	font-family: "Arial Narrow", Arial, sans-serif;
	display: block;
	position: absolute;
	background: red;
	color: white;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .exit:before {
	left: 0;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .exit:after {
	right: 0;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .fuselage {
	border-right: 5px solid #ececec;
	border-left: 5px solid #ececec;
	overflow: hidden;
	padding: 0 20px;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seats {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	width: 100%;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 14.28571428571429%;
	flex: 0 0 14.28571428571429%;
	padding: 5px;
	position: relative;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat:nth-child(3) {
	margin-right: 14.28571428571429%;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat input[type="checkbox"] {
	position: absolute;
	opacity: 0;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat input[type="checkbox"]:checked+label {
	background: #afafaf;
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat input[type="checkbox"]:disabled+label {
	background: #dddddd;
	text-indent: -9999px;
	overflow: hidden;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat input[type="checkbox"]:disabled+label:after {
	content: "X";
	text-indent: 0;
	position: absolute;
	top: 4px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat input[type="checkbox"]:disabled+label:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	cursor: not-allowed;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat label {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5rem;
	padding: 4px 0;
	background: rgba(233, 179, 14, 0.25);
	border-radius: 5px;
	-webkit-animation-duration: 300ms;
	animation-duration: 300ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat label:before {
	content: "";
	position: absolute;
	width: 75%;
	height: 75%;
	top: 1px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	background: rgba(255, 255, 255, 0.4);
	border-radius: 3px;
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .seat label:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 0 0px 2px rgba(233, 179, 14, 0.7);
	box-shadow: 0 0 0px 2px rgba(233, 179, 14, 0.7);
}

@-webkit-keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

@keyframes rubberBand {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	30% {
		-webkit-transform: scale3d(1.25, 0.75, 1);
		transform: scale3d(1.25, 0.75, 1);
	}
	40% {
		-webkit-transform: scale3d(0.75, 1.25, 1);
		transform: scale3d(0.75, 1.25, 1);
	}
	50% {
		-webkit-transform: scale3d(1.15, 0.85, 1);
		transform: scale3d(1.15, 0.85, 1);
	}
	65% {
		-webkit-transform: scale3d(0.95, 1.05, 1);
		transform: scale3d(0.95, 1.05, 1);
	}
	75% {
		-webkit-transform: scale3d(1.05, 0.95, 1);
		transform: scale3d(1.05, 0.95, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}

.review-section .review_box .flight_detail .addons-according .seat-select .plane .rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details {
	position: absolute;
	left: 0;
	top: 5%;
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box {
	width: 25px;
	height: 25px;
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box.taken {
	background: rgba(221, 221, 221, 0.4);
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box.selected {
	background: rgba(175, 175, 175, 0.4);
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li .box.available {
	background: rgba(233, 179, 14, 0.15);
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li h6 {
	margin-left: 15px;
	text-transform: capitalize;
	margin-bottom: 0;
}

.review-section .review_box .flight_detail .addons-according .seat-select .seat-details ul li+li {
	margin-top: 8px;
}

.review-section .review_box .flight_detail.payment-gateway .card {
	border: 1px solid rgba(0, 0, 0, 0.09);
	border-radius: 0;
}

.review-section .review_box .flight_detail.payment-gateway .card .card-header {
	padding: 0;
	border-bottom: none;
	border-radius: 0;
}

.review-section .review_box .flight_detail.payment-gateway .card .card-header .btn {
	padding: 0;
	width: 100%;
	text-align: left;
	text-decoration: none;
}

.review-section .review_box .flight_detail.payment-gateway .card .card-header .btn label {
	margin-bottom: 0;
	width: 100%;
	color: rgba(0, 0, 0, 0.9);
	padding: 10px 15px;
	font-weight: 700;
	text-transform: capitalize;
	background-color: #f9f9f9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.review-section .review_box .flight_detail.payment-gateway .card .card-body {
	border-top: 1px solid rgba(0, 0, 0, 0.09);
}

.review-section .review_box .flight_detail.payment-gateway .card+.card {
	margin-top: 10px;
}

.review-section .review_box .flight_detail.payment-gateway form .form-control {
	border-color: rgba(0, 0, 0, 0.09);
}

.review-section .review_box .flight_detail.payment-gateway form .form-group {
	position: relative;
}

.review-section .review_box .flight_detail.payment-gateway form .form-group label {
	text-transform: capitalize;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.review-section .review_box .flight_detail.payment-gateway form .form-group img {
	height: 23px;
	position: absolute;
	right: 10px;
	bottom: 8px;
}

.review-section .review_box .flight_detail.payment-gateway form .payment-btn {
	text-align: right;
	margin-top: 20px;
}

.review-section .review_box .flight_detail.payment-gateway form.wallet-section h6 {
	text-transform: uppercase;
}

.review-section .review_box .flight_detail.payment-gateway form.wallet-section .row {
	margin-left: 15px;
	margin-top: 20px;
}

.review-section .review_box .flight_detail.payment-gateway form.wallet-section .row .form-check .form-check-label {
	margin-bottom: 10px;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.review-section .review_box+.review_box {
	margin-top: 20px;
}

.res-margin .single-section {
	margin-top: 20px;
}

.continue-btn {
	margin-top: 30px;
	text-align: center;
}

.success-section {
	overflow: hidden;
}

.success-section .animation {
	max-width: 100%;
}

.success-section .success-detail {
	text-align: center;
	margin-top: 15px;
}

.success-section .success-detail img {
	margin-bottom: calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));
}

.success-section .success-detail p {
	font-size: 16px;
	max-width: 48%;
	margin: 0 auto;
	color: rgba(0, 0, 0, 0.7);
	line-height: 30px;
	padding-top: 10px;
	text-transform: capitalize;
}

.success-section .success-detail .btn {
	padding: 8px 20px;
	text-transform: capitalize;
	margin-top: 18px;
}
.contact_section .contact_wrap{
	text-align: center;
	padding: 30px;
	box-shadow: 0px 24px 64px 0px rgba(199, 206, 218, 0.25);
}
.contact-page-div{
	position: absolute;
	padding: 20px 58px;
	width: 100%;
	top: 0;
	z-index: 1;
}
.contact-page-wrap .title_bar, .contact_content{
	display: inline-block;
}
.contact_section .contact-page-img .naini-img{
	width: 100%;
	height: 100%;
	position: relative;
	border-radius: 20px;
}
.contact_section .contact-page-img .naini-img img{
	width: 100%;
	height: 313px;
	border-radius: 20px;
}
.contact_section .contact-page-img .naini-img:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.2);
}

.contact_section .contact-page-img{
	width: 100%;
	border-radius: 15px;
	margin-top: 20px;
	max-height: 100%;
	position: relative;
}
.contact_section .contact-page-img:before{
	background-image: url("../images/services/nainital.jpg");
}
.contact_section .title-area .sec-title{

	color: #262B37;
	font-family: "Noto Sans";
	font-size: 40px;
	font-weight: 800;
	line-height: 1.25;
} 
.contact_section .contact-page-wrap .title_bar {
	color: var(--theme-color);
	text-align: center;
	font-size: 35px;
	width: 60px;
	display: inline-block;
	height: 60px;
	background-color: #E6EFFF;
	border-radius: 50%;
	line-height: 60px;
	margin: auto;
}

.contact_section .contact-page-wrap .contact_content {
	padding: 10px 18px;
	width: 83%;
	color: #fff;
	display: inline-block;
}
.contact-page-wrap .contact_content h4{
	color: #fff;
	font-family: var(--second-font);
	font-weight: 700;
}
.contact_section .contact-page-wrap .contact_content p a{
	margin-bottom: 0;
	color: #fff;
}
.contact_section .contact-page-wrap .title_bar h4 {
	margin-bottom: 0;
	margin-left: 10px;
	text-transform: capitalize;
	color: var(--theme-color);
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}
.contact-page-form .get-in-touch{
	height: 100%;
	margin-top: 15px;
}
.get-in-touch{
	box-shadow: 0px 6px 35px rgb(0 0 0 / 11%);
	padding: 15px;
	border-radius: 18px;
}
.get-in-touch form{
/*    border: 2px dashed var(--theme-color);*/
padding: 15px;
}

.get-in-touch h3 {
	text-transform: capitalize;
	margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

.get-in-touch form .form-control {
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.8;
	text-transform: capitalize;
	padding: 10px 18px;
}

.get-in-touch form .submit-btn {
/*    text-align: right;*/
margin-top: 10px;
}

.contact-map {
	height: 100%;
}

.contact-map iframe {
	width: 100%;
	height: 300px;
	border: 0;
	border-radius: 18px;
}

.contact-bottom {
	height: calc(180px + (350 - 180) * ((100vw - 320px) / (1920 - 320)));
}

.gm-style div[title] {
	opacity: 1 !important;
}

.gm-style div[title] img {
	display: block !important;
	height: 40px !important;
	width: auto !important;
}

.leaflet-marker-icon {
	height: 50px !important;
	width: auto !important;
}

.add-animation {
	-webkit-animation: 1s linear infinite bounce-1;
	animation: 1s linear infinite bounce-1;
}

.add-filter {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

@-webkit-keyframes bounce-1 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes bounce-1 {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-7px);
		transform: translateY(-7px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.coming-soon {
	background-size: cover;
	height: 100vh;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.coming-soon .coming-soon-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	height: 100vh;
	width: 100%;
}

.coming-soon .coming-soon-detail>div {
	width: 100%;
}

.coming-soon .coming-soon-detail .logo {
	margin-bottom: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail h2 {
	color: white;
	font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 700;
	margin-bottom: calc(16px + (25 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .coming-soon-detail form {
	width: 50%;
	margin: 0 auto;
}

.coming-soon .coming-soon-detail form label {
	color: white;
	font-size: 20px;
	text-transform: capitalize;
}

.coming-soon .coming-soon-detail form input {
	padding: 13px 25px;
	border-radius: 25px;
	font-size: 16px;
}

.coming-soon .coming-soon-detail form input:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #dddddd;
}

.coming-soon .coming-soon-detail form .actions {
	margin-top: 20px;
}

.coming-soon .coming-soon-detail form .actions .btn {
	padding: 14px 40px;
	border-radius: 25px;
}

.coming-soon .coming-soon-detail .timer {
	margin-bottom: calc(18px + (30 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .object {
	position: absolute;
	-webkit-animation: sway 2.4s infinite;
	animation: sway 2.4s infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-transform-origin: top;
	transform-origin: top;
	left: calc(10% + (14 - 10) * ((100vw - 320px) / (1920 - 320)));
	height: 5%;
	z-index: 999;
	text-transform: uppercase;
}

.coming-soon .object .object-shape {
	width: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
	height: calc(60px + (100 - 60) * ((100vw - 320px) / (1920 - 320)));
	border-radius: 50%;
	display: block;
	background-color: white;
	margin: 0 auto;
	position: relative;
	color: var(--theme-color);
	text-align: center;
	padding-top: calc(14px + (25 - 14) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 800;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.coming-soon .object .object-shape span {
	font-size: calc(12px + (22 - 12) * ((100vw - 320px) / (1920 - 320)));
	color: var(--theme-color);
}

.coming-soon .object .object-rope {
	height: 100%;
	width: 5px;
	background-color: white;
	content: "";
	display: block;
	margin-left: 50%;
}

.coming-soon.travel {
	background-color: rgba(233, 179, 14, 0.05);
}

.coming-soon.travel svg {
	position: absolute;
	top: 0;
	width: 1920px;
	height: 1600px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.coming-soon.travel .coming-soon-detail {
	position: absolute;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding-bottom: 60px;
	z-index: 1;
}

.coming-soon.travel .coming-soon-detail .logo img {
	-webkit-filter: invert(1);
	filter: invert(1);
}

.coming-soon.travel .coming-soon-detail h2 {
	color: var(--theme-color);
}

.coming-soon.travel .coming-soon-detail form label {
	color: var(--theme-color);
}

.coming-soon.ripple-effect canvas {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.typography_section p {
	color: #777777;
}

.typography_section .typography-box {
	margin-bottom: 30px;
}

.typography_section .typography-box p {
	line-height: 22px;
}

.typography_section .typography-box .headings {
	border-bottom: 1px solid #f1f1f1;
	margin-bottom: 20px;
	background-color: rgba(247, 247, 247, 0.5);
	padding: 8px 12px;
}

.typography_section .typography-box .headings h3 {
	text-transform: capitalize;
	color: #2d2d2d;
	margin-bottom: 0;
	font-weight: 400;
	font-size: 20px;
}

.typography_section .typography-box .headings span {
	color: #777777;
}

.typography_section .typography-box .headings span code {
	color: #777777;
}

.typography_section .typography-box .typo-content.heading_content h1,
.typography_section .typography-box .typo-content.heading_content h2,
.typography_section .typography-box .typo-content.heading_content h3,
.typography_section .typography-box .typo-content.heading_content h4,
.typography_section .typography-box .typo-content.heading_content h5,
.typography_section .typography-box .typo-content.heading_content h6 {
	font-weight: 400;
	color: var(--theme-color);
	text-transform: uppercase;
	line-height: 1;
	margin-bottom: 10px;
}

.typography_section .typography-box .typo-content .sub-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 5px;
	margin-bottom: 8px;
	font-size: 18px;
	color: #222222;
	text-transform: capitalize;
}

.typography_section .typography-box .typo-content.input_button input {
	margin-bottom: 10px;
}

.typography_section .typography-box .typo-content.input_button label {
	font-size: 16px;
	text-transform: capitalize;
	padding-left: 5px;
}

.typography_section .typography-box .typo-content.loader-typo {
	width: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.typography_section .typography-box .typo-content.loader-typo .pre-loader {
	position: relative;
	width: 50px;
	height: 50px;
	background-color: var(--theme-color);
	border-radius: 50%;
}

.typography_section .typography-box .typo-content.loader-typo .pre-loader:after {
	content: "";
	position: absolute;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	border: 0 solid white;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-animation: loading 1000ms ease-out forwards infinite;
	animation: loading 1000ms ease-out forwards infinite;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.typography_section .typography-box .typo-content .footer-social {
	margin-top: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

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

.typography_section code {
	color: rgba(233, 179, 14, 0.6);
	background-color: #f7f7f7;
	padding: 3px;
	margin: 0 3px;
	border-radius: 2px;
}

@-webkit-keyframes sway {
	0% {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	50% {
		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
	}
	100% {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
}

@keyframes sway {
	0% {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
	50% {
		-webkit-transform: rotate(-8deg);
		transform: rotate(-8deg);
	}
	100% {
		-webkit-transform: rotate(8deg);
		transform: rotate(8deg);
	}
}

@-webkit-keyframes rotate-right {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate-left {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}

@-webkit-keyframes hover {
	0% {
		-webkit-transform: translateY(0%);
	}
	50% {
		-webkit-transform: translateY(5%);
	}
	100% {
		-webkit-transform: translateY(0%);
	}
}

@-webkit-keyframes pull {
	0% {
		-webkit-transform: scaleY(1);
	}
	40% {
		-webkit-transform: scaleY(1.01);
	}
	60% {
		-webkit-transform: scaleY(0.99);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(0.99);
	}
	80% {
		-webkit-transform: scaleY(1.01);
	}
	100% {
		-webkit-transform: scaleY(1);
	}
}

#airplane2,
#airplane1 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-right 60s linear 0s infinite;
}

#countryObjects {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-right 240s linear 0s infinite;
}

#floatingGlobe {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-left 360s linear 0s infinite;
}

#globe {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: hover 0s linear 0s infinite;
}

#windmill {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 331px 201px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-right 2s linear 0s infinite;
}

#cloud1 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: hover 3s linear 1s infinite;
}

#cloud2 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: hover 3s linear 2s infinite;
}

#cloud3 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: hover 3s linear 3s infinite;
}

#circle1 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-right 12s linear 0s infinite;
}

#circle2 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-left 24s linear 0s infinite;
}

#circle3 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-right 12s linear 0s infinite;
}

#circle4 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-left 24s linear 0s infinite;
}

#circle5 {
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-transform-origin: 200px 200px;
	-webkit-transform: translate3d(0, 0, 0);
	-webkit-animation: rotate-right 12s linear 0s infinite;
}

.account-sign-in .title {
	margin-bottom: 20px;
}

.account-sign-in .title h3 {
	text-transform: uppercase;
	font-weight: 700;
}

.account-sign-in form .form-group label {
	text-transform: capitalize;
	font-weight: 600;
}

.account-sign-in form .form-group .form-control {
	border-radius: 0;
}

.account-sign-in form .button-bottom .btn {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.account-sign-in .divider {
	text-align: center;
	position: relative;
	margin: 20px 0;
	z-index: 1;
}

.account-sign-in .divider h6 {
	display: inline-block;
	padding: 5px 15px;
	margin-bottom: 0;
	text-transform: uppercase;
	background-color: white;
}

.account-sign-in .divider:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #dddddd;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
}

.account-sign-in .login-with h6 {
	text-transform: capitalize;
	margin-bottom: 1rem;
}

.account-sign-in .login-with .login-social .boxes {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	cursor: pointer;
	background: white;
	-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 9px rgba(0, 0, 0, 0.05);
	padding: 20px 0;
}

.account-sign-in .login-with .login-social .boxes h6 {
	margin-bottom: 0;
	margin-left: 20px;
	text-transform: capitalize;
	font-weight: 600;
}

.account-sign-in .login-with p {
	margin-top: 15px;
}



.dashboard-section .dashboard-sidebar {
	-webkit-box-shadow: 0 2px 4px 0 #dedede;
	box-shadow: 0 2px 4px 0 #dedede;
	background-color: white;
}

.dashboard-section .dashboard-sidebar .profile-top {
	padding: 30px 0 15px 0;
	background-color: #fafafa;
	margin-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-sidebar .profile-top .profile-image {
	position: relative;
}

.dashboard-section .dashboard-sidebar .profile-top .profile-image img {
	width: 130px;
	margin: 0 auto;
	display: block;
	border-radius: 100%;
}

.dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit {
	position: absolute;
	bottom: 0;
	right: 30%;
	background-color: var(--theme-color);
	fff;
	padding: 7px 7px 3px 7px;
	border-radius: 100%;
	-webkit-box-shadow: 2px 3px 5px 5px #f3f3f3;
	box-shadow: 2px 3px 5px 5px #f3f3f3;
}

.dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit svg {
	stroke: var(--theme-color);
	height: 18px;
	width: 18px;
}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail {
	text-align: center;
	margin-top: 15px;
}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail h5 {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 5px;
}

.dashboard-section .dashboard-sidebar .profile-top .profile-detail h6 {
	color: #777777;
	margin-bottom: 3px;
}



.dashboard-section .dashboard-box .dashboard-title {
	margin-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard-section .dashboard-box .dashboard-title h4 {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 0;
}

.dashboard-section .dashboard-box .dashboard-title span {
	margin-left: 30px;
	background-color: #f9f9f9;
	padding: 2px 16px;
	border-radius: 2px;
	text-transform: capitalize;
	color: var(--theme-color);
	cursor: pointer;
}

.dashboard-section .dashboard-box .dashboard-detail {
	margin-bottom: 20px;
}

.dashboard-section .dashboard-box .dashboard-detail ul li {
	display: block;
	margin-bottom: 10px;
}

.dashboard-section .dashboard-box .dashboard-detail ul li .details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.dashboard-section .dashboard-box .dashboard-detail ul li .details h6 {
	text-transform: capitalize;
	margin-bottom: 0;
	font-weight: 600;
}

.dashboard-section .dashboard-box .dashboard-detail ul li .details span {
	margin-left: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));
	border-radius: 2px;
	text-transform: capitalize;
	color: var(--theme-color);
	cursor: pointer;
}

.dashboard-section .dashboard-box .dashboard-detail ul li .details .left {
	width: 150px;
	margin-right: 15px;
}

.dashboard-section .dashboard-box .dashboard-detail ul li .details .right {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard-section .dashboard-box .dashboard-detail ul li .details .right h6 {
	color: #4e4e4e;
	font-weight: 500;
}

.dashboard-section .dashboard-box .dashboard-detail ul li:last-child {
	margin-bottom: 0;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box {
	background-color: #f9f9f9;
	padding: 15px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-shadow: -1px 2px 8px #ddd;
	box-shadow: -1px 2px 8px #ddd;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box {
	display: inline-block;
	text-transform: capitalize;
	width: 160px;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span {
	line-height: 1.3;
	display: block;
	font-weight: 700;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span.day {
	color: #adb0b8;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span.date {
	color: var(--theme-color);
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .date-box span.month {
	color: var(--theme-color);
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle {
	width: 50%;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .icon i {
	padding: 12px;
	background-color: white;
	border-radius: 100%;
	-webkit-box-shadow: -1px 2px 8px #ddd;
	box-shadow: -1px 2px 8px #ddd;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body {
	margin-left: 35px;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body h6 {
	text-transform: capitalize;
	color: var(--theme-color);
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body p {
	margin-bottom: 0;
	color: #808080;
	text-transform: capitalize;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body p span {
	font-weight: 500;
	color: #3c3c3c;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last {
	margin-left: auto;
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last i {
	color: var(--theme-color);
}

.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-last span {
	font-size: 14px;
	margin-left: 10px;
	text-transform: capitalize;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card {
	width: 100%;
	min-height: 183px;
	padding: 30px 20px;
	border-radius: 5px;
	position: relative;
	background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .card-number h3 {
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
	color: white;
	font-weight: 600;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .title span {
	display: block;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	font-size: 12px;
	line-height: 1.3;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .date h3 {
	margin-bottom: 0;
	color: white;
	margin-left: 15px;
	font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .primary {
	margin-left: auto;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .valid-detail .primary .badge {
	font-size: calc(12px + (14 - 12) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail {
	margin-top: calc(10px + (25 - 10) * ((100vw - 320px) / (1920 - 320)));
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .name {
	width: 100%;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .name h5 {
	color: white;
	text-transform: uppercase;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-bottom: 0;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .card-img {
	display: inline-block;
	margin-left: auto;
	text-align: right;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .card-details .name-detail .card-img img {
	width: 40px;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .edit-card {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 5px;
	opacity: 0;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card .edit-card a {
	padding: 0 10px;
	text-transform: capitalize;
	color: white;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.master {
	background-color: #4b77a0;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.visa {
	background-color: #777876;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express {
	background-color: #86b8cf;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .card-number h3 {
	color: var(--theme-color);
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .valid-detail .title span {
	color: rgba(0, 0, 0, 0.7);
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .valid-detail .date h3 {
	color: var(--theme-color);
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.american-express .card-details .name-detail .name h5 {
	color: var(--theme-color);
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card {
	background-color: #f9f9f9;
	cursor: pointer;
	padding: 0;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	text-align: center;
	width: 100%;
	height: 183px;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details h5 {
	margin-bottom: 0;
	text-transform: capitalize;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card:hover .edit-card {
	opacity: 1;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment .edit-card-mobile {
	display: none;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment>div .payment-card {
	margin-top: 30px;
}

.dashboard-section .dashboard-box .dashboard-detail .card-payment>div:nth-child(-n+3) .payment-card {
	margin-top: 0;
}

.dashboard-section .dashboard-box .dashboard-detail .delete-section p {
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	color: rgba(0, 0, 0, 0.64);
	text-transform: capitalize;
	line-height: calc(18px + (22 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-box .dashboard-detail .delete-section p .text-bold {
	font-weight: 700;
	color: rgba(0, 0, 0, 0.8);
}

.dashboard-section .dashboard-box .dashboard-detail .delete-section .btn {
	padding: 7px 15px;
	text-transform: capitalize;
}

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

.dashboard-section .dashboard-box .special-section .special-box .special-img .top-icon i {
	padding: 6px 8px;
}

.dashboard-section .dashboard-box+.dashboard-box {
	margin-top: 30px;
}

.dashboard-section .dashboard-main .dashboard-intro {
	background-color: #f9f9f9;
	padding: calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));
	border-radius: 5px;
	margin-bottom: 25px;
}

.dashboard-section .dashboard-main .dashboard-intro h5 {
	text-transform: capitalize;
	font-weight: 700;
}

.dashboard-section .dashboard-main .dashboard-intro p {
	margin-bottom: 0;
	color: rgba(0, 0, 0, 0.8);
	text-transform: capitalize;
	letter-spacing: 0.08em;
}

.dashboard-section .dashboard-main .dashboard-intro .complete-profile {
	margin-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: white;
	padding: 15px;
	text-align: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 5px;
	-webkit-box-shadow: 0 2px 4px 0 rgba(222, 222, 222, 0.22);
	box-shadow: 0 2px 4px 0 rgba(222, 222, 222, 0.22);
}

.dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box i {
	margin-right: 12px;
	color: green;
	font-size: calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));
}

.dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box h6 {
	margin-bottom: 0;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 14px;
}

.dashboard-section .dashboard-main .dashboard-intro .complete-profile .complete-box.not-complete i {
	color: red;
}

.dashboard-section .dashboard-main .counter-section .counter-box {
	background-color: #f9f9f9;
	padding: 15px;
	text-align: center;
}

.dashboard-section .dashboard-main .counter-section .counter-box img {
	width: 35px;
	margin-bottom: 15px;
}

.dashboard-section .dashboard-main .counter-section .counter-box h3 {
	margin-bottom: 0;
	font-weight: 600;
}

.dashboard-section .dashboard-main .counter-section .counter-box h5 {
	color: rgba(0, 0, 0, 0.61);
	margin-bottom: -5px;
	text-transform: capitalize;
	font-size: calc(14px + (16 - 14) * ((100vw - 320px) / (1920 - 320)));
	margin-top: 5px;
}

.dashboard-section .dashboard-main .dashboard-info {
	margin-top: 25px;
	position: relative;
}

.dashboard-section .dashboard-main .dashboard-info #chart,
.dashboard-section .dashboard-main .dashboard-info .chart-box {
	padding-top: 20px;
	padding-left: 10px;
	background: #f9f9f9;
}

.dashboard-section .dashboard-main .dashboard-info select.flat-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #008ffb url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60px' height='60px'><polyline fill='white' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") no-repeat scroll right 2px top 9px/16px 16px;
	border: 0 none;
	border-radius: 3px;
	color: white;
	font-size: 16px;
	font-weight: bold;
	outline: 0 none;
	height: 33px;
	padding: 5px 20px 5px 10px;
	text-align: center;
	text-indent: 0.01px;
	text-overflow: "";
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: auto;
}

.dashboard-section .dashboard-main .dashboard-info select.flat-select:focus,
.dashboard-section .dashboard-main .dashboard-info select.flat-select:hover {
	border: 0;
	outline: 0;
}

.dashboard-section .dashboard-main .dashboard-info .apexcharts-canvas {
	margin: 0 auto;
}

.dashboard-section .dashboard-main .dashboard-info path#apexcharts-radialbarTrack-0 {
	stroke: rgba(251, 96, 122, 0.08);
}

.dashboard-section .dashboard-main .dashboard-info path#apexcharts-radialbarTrack-1 {
	stroke: rgba(85, 169, 248, 0.08);
}

.dashboard-section .dashboard-main .dashboard-info path#apexcharts-radialbarTrack-2 {
	stroke: rgba(162, 100, 255, 0.08);
}

.dashboard-section .dashboard-main .dashboard-info .detail-left {
	position: absolute;
}

.dashboard-section .dashboard-main .dashboard-info .detail-left ul {
	display: block;
}

.dashboard-section .dashboard-main .dashboard-info .detail-left ul li {
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-weight: 600;
}

.dashboard-section .dashboard-main .dashboard-info .detail-left ul li span {
	width: 14px;
	height: 5px;
	display: block;
	border-radius: 5px;
	margin-right: 5px;
}

.dashboard-section .dashboard-main .dashboard-info .detail-left ul li span.completed {
	background-color: #fa4962;
}

.dashboard-section .dashboard-main .dashboard-info .detail-left ul li span.upcoming {
	background-color: #379cf9;
}

.dashboard-section .dashboard-main .dashboard-info .detail-left ul li span.cancelled {
	background-color: #a264ff;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box {
	padding: 20px 10px;
	background: #f9f9f9;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box h6 {
	text-transform: capitalize;
	font-weight: 700;
	margin-bottom: 15px;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li {
	display: block;
	background-color: white;
	padding: 8px 15px;
	text-transform: capitalize;
	position: relative;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li i {
	margin-right: 6px;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li span {
	float: right;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li:after {
	content: "";
	position: absolute;
	left: 0;
	height: 100%;
	width: 2px;
	background-color: red;
	top: 0;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li.blue-line:after {
	background-color: #03a9f4;
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li.yellow-line:after {
	background-color: var(--theme-color);
}

.dashboard-section .dashboard-main .dashboard-info .activity-box ul li+li {
	margin-top: 8px;
}

.edit-profile-modal .btn {
	padding: 0.375rem 0.75rem;
}

.edit-profile-modal .modal-title {
	text-transform: capitalize;
	font-weight: 700;
}

.edit-profile-modal .modal-body label {
	text-transform: capitalize;
}

.modal .modal-header {
	padding: 20px 30px;
}


.modal .modal-footer {
	padding: 20px 30px;
}


/*=====================
25. Loader css
==========================*/

.loader-wrapper {
	height: 100vh;
	width: 100vw;
	background-color: white;
	display: block;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	z-index: 12;
	top: 0;
}

.loader-wrapper .loader {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.5);
	transform: translate(-50%, -50%) scale(0.5);
	width: 200px;
	height: 150px;
}

.loader-wrapper.loader-text .loader {
	width: auto;
	height: auto;
}

.loader-wrapper.inner-loader {
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #f9f9f9;
}

.loader-wrapper.inner-loader .loader {
	top: 25%;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 9%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.loader-wrapper.food-loader .loader {
	width: auto;
	height: auto;
}

.loader-wrapper.img-gif {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.loader-wrapper.img-gif img {
	width: 20%;
}

.loader-section {
	position: relative;
	overflow: hidden;
}

.typewriter h1 {
	color: var(--theme-color);
	overflow: hidden;
	border-right: 0.15em solid var(--theme-color);
	white-space: nowrap;
	margin: 0 auto;
	letter-spacing: 0.15em;
	-webkit-animation: typing 3.5s steps(30, end), blink-caret 0.5s step-end infinite;
	animation: typing 3.5s steps(30, end), blink-caret 0.5s step-end infinite;
}

@-webkit-keyframes typing {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@keyframes typing {
	from {
		width: 0;
	}
	to {
		width: 100%;
	}
}

@-webkit-keyframes blink-caret {
	from,
	to {
		border-color: transparent;
	}
	50% {
		border-color: var(--theme-color);
	}
}

@keyframes blink-caret {
	from,
	to {
		border-color: transparent;
	}
	50% {
		border-color: var(--theme-color);
	}
}

.animation {
	position: relative;
	width: 100%;
	height: 20rem;
	max-width: 55rem;
	background-color: #f9f9f9;
}

.animation [class^="animation__"],
.animation [class*=" animation__"] {
	position: absolute;
}

.animation__plane {
	position: absolute;
	z-index: 1;
	top: calc(40% - (62px / 2));
	left: calc(50% - (272px / 2));
	width: 17rem;
	height: 6.2rem;
	-webkit-animation: 2s ease-in-out takeOff, 5s ease-in-out infinite alternate flight 2s;
	animation: 2s ease-in-out takeOff, 5s ease-in-out infinite alternate flight 2s;
}

.animation__plane--shadow {
	bottom: 1rem;
	left: calc(54% - (8rem / 2));
	width: 8rem;
	height: 1rem;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.15);
	-webkit-animation: 2s ease-in-out takeOffShadow, 5s ease-in-out infinite alternate flightShadow 2s;
	animation: 2s ease-in-out takeOffShadow, 5s ease-in-out infinite alternate flightShadow 2s;
}

.animation__cloud--front {
	z-index: 2;
	top: 50%;
	left: 20%;
	width: 8.5rem;
	height: 3rem;
	fill: #cee4e7;
	-webkit-animation: 4s linear infinite cloudFront;
	animation: 4s linear infinite cloudFront;
}

.animation__cloud--middle {
	top: 22%;
	left: 75%;
	width: 6rem;
	height: 3rem;
	fill: #cee4e7;
	-webkit-animation: 5s linear infinite cloudMiddle;
	animation: 5s linear infinite cloudMiddle;
}

.animation__cloud--back {
	top: 6%;
	left: 34%;
	fill: #cee4e7;
	-webkit-animation: 8s linear infinite cloudBack;
	animation: 8s linear infinite cloudBack;
}

@-webkit-keyframes loader {
	0% {
		left: -100%;
	}
	100% {
		left: 100%;
	}
}

@keyframes loader {
	0% {
		left: -100%;
	}
	100% {
		left: 100%;
	}
}

@-webkit-keyframes takeOff {
	0% {
		-webkit-transform: translate(-220%, 110%);
		transform: translate(-220%, 110%);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes takeOff {
	0% {
		-webkit-transform: translate(-220%, 110%);
		transform: translate(-220%, 110%);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes takeOffShadow {
	0% {
		-webkit-transform: translate(-440%, 110%);
		transform: translate(-440%, 110%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0.8;
	}
}

@keyframes takeOffShadow {
	0% {
		-webkit-transform: translate(-440%, 110%);
		transform: translate(-440%, 110%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 0.8;
	}
}

@-webkit-keyframes flight {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(0, 10%);
		transform: translate(0, 10%);
	}
	75% {
		-webkit-transform: translate(0, -10%);
		transform: translate(0, -10%);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes flight {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(0, 10%);
		transform: translate(0, 10%);
	}
	75% {
		-webkit-transform: translate(0, -10%);
		transform: translate(0, -10%);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes flightShadow {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0.8;
	}
	25% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0.6;
	}
	100% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0.8;
	}
}

@keyframes flightShadow {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0.8;
	}
	25% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		opacity: 1;
	}
	75% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
		opacity: 0.6;
	}
	100% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		opacity: 0.8;
	}
}

@-webkit-keyframes cloudFront {
	0% {
		-webkit-transform: translate(520%, 0);
		transform: translate(520%, 0);
	}
	100% {
		-webkit-transform: translate(-600%, 0);
		transform: translate(-600%, 0);
	}
}

@keyframes cloudFront {
	0% {
		-webkit-transform: translate(520%, 0);
		transform: translate(520%, 0);
	}
	100% {
		-webkit-transform: translate(-600%, 0);
		transform: translate(-600%, 0);
	}
}

@-webkit-keyframes cloudMiddle {
	0% {
		-webkit-transform: translate(230%, 0);
		transform: translate(230%, 0);
	}
	100% {
		-webkit-transform: translate(-900%, 0);
		transform: translate(-900%, 0);
	}
}

@keyframes cloudMiddle {
	0% {
		-webkit-transform: translate(230%, 0);
		transform: translate(230%, 0);
	}
	100% {
		-webkit-transform: translate(-900%, 0);
		transform: translate(-900%, 0);
	}
}

@-webkit-keyframes cloudBack {
	0% {
		-webkit-transform: translate(910%, 0);
		transform: translate(910%, 0);
	}
	100% {
		-webkit-transform: translate(-1000%, 0);
		transform: translate(-1000%, 0);
	}
}

@keyframes cloudBack {
	0% {
		-webkit-transform: translate(910%, 0);
		transform: translate(910%, 0);
	}
	100% {
		-webkit-transform: translate(-1000%, 0);
		transform: translate(-1000%, 0);
	}
}

.skeleton_loader .blog-sidebar .blog-wrapper .search-bar,
.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-title h5,
.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li,
.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .media-body h6,
.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .media-body p,
.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details h6,
.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details h5,
.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details p span,
.skeleton_loader .blog-single-detail .title-part h4,
.skeleton_loader .blog-single-detail .title-part h5,
.skeleton_loader .blog-single-detail .title-part p,
.skeleton_loader .blog-single-detail .comment-section .comment,
.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user,
.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date,
.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p span,
.skeleton_loader .flight-search .responsive-detail .destination span,
.skeleton_loader .flight-search .responsive-detail .details span,
.skeleton_loader .flight-search .flight-search-detail .form-group label,
.skeleton_loader .left-sidebar .middle-part .section-title h5,
.skeleton_loader .left-sidebar .middle-part .filter-block .collapse-block-title,
.skeleton_loader .left-sidebar .middle-part .filter-block .form-check-label,
.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec .title,
.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec label,
.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .price h6,
.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .logo-sec .ldr-img,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .logo-sec .title,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .price span,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .price h4,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .book-flight .ldr-btn,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h4,
.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h6,
.skeleton_loader .special-section.grid-box .special-box .special-content h5,
.skeleton_loader .special-section.grid-box .special-box .special-content.restaurant-detail ul li,
.skeleton_loader .special-section.grid-box .special-box .special-content p span,
.skeleton_loader .special-section.grid-box .special-box .special-content .bottom-section .price span,
.skeleton_loader .special-section.grid-box .special-box .special-content .bottom-section .facility-detail,
.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail h6,
.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail span,
.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li .ldr-text,
.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content ul li,
.skeleton_loader .rating,
.skeleton_loader .filter-panel .popup-btn h5,
.skeleton_loader .filter_button h5,
.skeleton_loader .top-bar-flight .date-fare-slider .fare-box h5,
.skeleton_loader .top-bar-flight .date-fare-slider .fare-box h6,
.skeleton_loader .top-bar-flight .fare-calender h6.title,
.skeleton_loader .top-bar-flight .fare-calender i,
.skeleton_loader .single-section .description-section .menu-top li a,
.skeleton_loader .single-section .description-section .description-details .menu-part.about h6,
.skeleton_loader .single-section .description-section .description-details .menu-part.about p span,
.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec h4,
.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li,
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .room-title,
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .room-detail h6,
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li,
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details h6,
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details h5,
.skeleton_loader .single-section .single-sidebar h4.title,
.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items h6,
.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items h5,
.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items .price,
.skeleton_loader .single-section .single-sidebar .order-cart .cart-bottom p,
.skeleton_loader .single-section .single-sidebar .order-cart .cart-bottom .sub-total,
.skeleton_loader .single-section .single-sidebar .price-part .left-part span,
.skeleton_loader .single-section .single-sidebar .price-part .left-part .ldr-link,
.skeleton_loader .single-section .single-sidebar .price-part .right-part span,
.skeleton_loader .single-section .single-sidebar .price-part .right-part p,
.skeleton_loader .single-section .single-sidebar .price-part .right-part h6,
.skeleton_loader .single-section .single-sidebar .contact-title,
.skeleton_loader .single-section .single-sidebar .address span,
.skeleton_loader .single-section .single-sidebar .social-box,
.skeleton_loader .single-section .single-sidebar .bottom_sec h6,
.skeleton_loader .single-section .single-sidebar .newsletter-sec p span,
.skeleton_loader .order-menu .nav .nav-link,
.skeleton_loader .order-menu-section .order-section .order-title h5,
.skeleton_loader .order-menu-section .order-section .order-title h6,
.skeleton_loader .order-menu-section .order-section .order-items .items h6,
.skeleton_loader .order-menu-section .order-section .order-items .items p span,
.skeleton_loader .order-menu-section .order-section .order-items .items h5,
.skeleton_loader .top-title-bar .hotel_title_section h2,
.skeleton_loader .top-title-bar .hotel_title_section h6,
.skeleton_loader .top-title-bar .hotel_title_section ul,
.skeleton_loader .search-panel .search-section .search-box .left-part .search-body h6,
.skeleton_loader .search-panel .search-section .search-box .left-part .search-body .form-control,
.skeleton_loader .list-view .list-box .list-content h5,
.skeleton_loader .list-view .list-box .list-content p,
.skeleton_loader .list-view .list-box .list-content .price span,
.skeleton_loader .list-view .list-box .list-content h6,
.skeleton_loader .hotel_title_section .hotel-name .left-part .top h2,
.skeleton_loader .hotel_title_section .hotel-name .left-part p,
.skeleton_loader .hotel_title_section .hotel-name .left-part .facility-detail div,
.skeleton_loader .hotel_title_section .hotel-name .right-part .price,
.skeleton_loader .full-width-detail .about-section .about-text .right-detail h4,
.skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span,
.skeleton_loader .full-width-detail .place-detail li .ldr-text {
	background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(212, 212, 212, 0.3)), color-stop(18%, #e4e4e4), color-stop(33%, rgba(212, 212, 212, 0.3)));
	background: linear-gradient(90deg, rgba(212, 212, 212, 0.3) 8%, #e4e4e4 18%, rgba(212, 212, 212, 0.3) 33%);
	background-size: 800px 104px;
	-webkit-animation: skeleton-loader 2s infinite linear;
	animation: skeleton-loader 2s infinite linear;
}

.skeleton_loader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	z-index: 999;
	display: block;
	background-color: white;
	overflow-y: auto;
	overflow-x: hidden;
}

.skeleton_loader .dark-bg {
	background-color: #444444 !important;
}

.skeleton_loader .breadcrumb-section {
	background-color: #f3f3f3;
}

.skeleton_loader .home_section {
	background-color: #f3f3f3;
}

.skeleton_loader .blog-sidebar .blog-wrapper .search-bar {
	width: 100%;
	height: 49px;
}

.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-title h5 {
	width: 114px;
	height: 21px;
}

.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li {
	width: 100%;
	height: 22px;
	border: none;
}

.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .sidebar-list li+li {
	margin-top: 10px;
	margin-bottom: 10px;
}

.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .ldr-img {
	width: 100px;
	height: 72px;
	margin-right: 15px;
	background-color: #f3f3f3;
}

.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .media-body h6 {
	width: 93px;
	height: 18px;
}

.skeleton_loader .blog-sidebar .blog-wrapper .sidebar-content .blog-post li .media .media-body p {
	width: 65px;
	height: 18px;
}

.skeleton_loader .blog_section .blog-wrap .blog-image {
	width: 100%;
	height: calc(190px + (278 - 190) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-image .blog-label {
	width: 48px;
	height: 55px;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details h6 {
	width: 138px;
	height: 16px;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details h5 {
	height: 25px;
	width: 93%;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details p span {
	width: 89%;
	height: 16px;
	display: block;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details p span+span {
	margin-top: 5px;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details p span:nth-child(2) {
	width: 85%;
}

.skeleton_loader .blog-inner.blog_section .blog-wrap .blog-details p span:nth-child(3) {
	width: 15%;
}

.skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details {
	-webkit-box-pack: unset;
	-ms-flex-pack: unset;
	justify-content: unset;
}

.skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details>div {
	width: 100%;
}

.skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right h5,
.skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right h6,
.skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right span,
.skeleton_loader .blog-inner.blog_section .blog-list .blog-wrap .blog-details.text-md-right p {
	margin-left: auto;
}

.skeleton_loader .blog-single-detail .top-image {
	height: calc(90px + (280 - 90) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
	width: 100%;
}

.skeleton_loader .blog-single-detail .title-part h4 {
	width: 80px;
	height: 20px;
}

.skeleton_loader .blog-single-detail .title-part h5 {
	width: 62%;
	height: 20px;
}

.skeleton_loader .blog-single-detail .title-part p {
	width: 100%;
	height: 20px;
	margin-top: 8px;
}

.skeleton_loader .blog-single-detail .comment-section .comment {
	width: 120px;
	height: 30px;
}

.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .ldr-img {
	width: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
	height: calc(60px + (70 - 60) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
	border-radius: 100%;
}

.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-user,
.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .title .comment-date {
	width: 78px;
	height: 16px;
}

.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p span {
	width: 89%;
	height: 16px;
	display: block;
}

.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p span+span {
	margin-top: 5px;
}

.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p span:nth-child(2) {
	width: 85%;
}

.skeleton_loader .blog-single-detail .comment-section .comment-wrapper .comment-box .media .media-body .comment-detail p span:nth-child(3) {
	width: 15%;
}

.skeleton_loader .flight-search .responsive-detail .destination span {
	width: 20%;
	height: 22px;
	display: block;
}

.skeleton_loader .flight-search .responsive-detail .details span {
	width: 31%;
	height: 20px;
	display: block;
	margin-top: 10px;
}

.skeleton_loader .flight-search .responsive-detail .modify-search .ldr-btn {
	width: 106px;
	height: 30px;
	background-color: #f3f3f3;
}

.skeleton_loader .flight-search .flight-search-detail .form-group label {
	width: 105px;
	height: 20px;
}

.skeleton_loader .flight-search .flight-search-detail .form-group .form-control {
	width: 100%;
	height: 38px;
	background-color: #f3f3f3;
	border: none;
}

.skeleton_loader .flight-search .flight-search-detail .search-col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.skeleton_loader .flight-search .flight-search-detail .search-col .form-group {
	width: 100%;
}

.skeleton_loader .left-sidebar .search-bar input {
	height: 49px;
	width: 100%;
	background-color: #f3f3f3;
}

.skeleton_loader .left-sidebar .middle-part .section-title h5 {
	width: 140px;
	height: 22px;
}

.skeleton_loader .left-sidebar .middle-part .filter-block .collapse-block-title {
	width: 70%;
	height: 16px;
}

.skeleton_loader .left-sidebar .middle-part .filter-block .collapse-block-title:after {
	display: none;
}

.skeleton_loader .left-sidebar .middle-part .filter-block .form-check-label {
	width: 45%;
	height: 21px;
}

.skeleton_loader .left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox:nth-child(2) .form-check-label,
.skeleton_loader .left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox:nth-child(5) .form-check-label {
	width: 60%;
}

.skeleton_loader .left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox:nth-child(3) .form-check-label,
.skeleton_loader .left-sidebar .middle-part .filter-block .collection-brand-filter .collection-filter-checkbox:nth-child(6) .form-check-label {
	width: 70%;
}

.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec .title {
	width: 130px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec .ldr-img {
	width: calc(90px + (160 - 90) * ((100vw - 767px) / (1920 - 767)));
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	height: 56px;
	background-color: #f3f3f3;
}

.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .logo-sec label {
	width: 48px;
	height: 20px;
	margin-top: 6px;
}

.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .price h6 {
	width: 88px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .flight-detail-sec.cab-detail-sec .detail-bar .detail-wrap .car-details ul li {
	width: 96px;
	height: 20px;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .logo-sec .ldr-img {
	width: 50px;
	height: 40px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .logo-sec .title {
	width: 38%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	height: 20px;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .price span {
	width: 86px;
	height: 16px;
	margin-top: 6px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .price h4 {
	width: 65px;
	height: 24px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .book-flight .ldr-btn {
	width: 110px;
	height: 32px;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .book-flight .ldr-btn {
	width: 110px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f3f3f3;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h4 {
	width: 45px;
	height: 20px;
}

.skeleton_loader .flight-detail-sec .detail-bar .detail-wrap .airport-part .airport-name h6 {
	width: 35px;
	margin-left: auto;
	margin-right: auto;
	height: 16px;
}

.skeleton_loader .mobile-filter h5 {
	width: 92px;
	height: 18px;
	background-color: #f3f3f3;
}

.skeleton_loader .mobile-filter img {
	opacity: 0.3;
}

.skeleton_loader .mobile-filter .ldr-img {
	margin-left: auto;
	width: 16px;
	height: 13px;
	background-color: #f3f3f3;
}

.skeleton_loader .special-section .special-box .special-img {
	width: 100%;
	height: 218px;
	background-color: #f3f3f3;
}

.skeleton_loader .special-section .special-box .special-img.tour-img {
	height: calc(195px + (325 - 195) * ((100vw - 320px) / (1920 - 320)));
}

.skeleton_loader .special-section.grid-box .special-box .special-content h5 {
	height: 30px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content.restaurant-detail ul li {
	width: 30%;
	height: 24px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content.restaurant-detail ul li:after {
	display: none;
}

.skeleton_loader .special-section.grid-box .special-box .special-content.restaurant-detail ul li+li {
	margin-top: 7px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content.restaurant-detail ul li:nth-child(2) {
	width: 35%;
}

.skeleton_loader .special-section.grid-box .special-box .special-content p span {
	display: block;
	width: 95%;
	height: 18px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content p span:nth-child(2) {
	width: 75%;
	margin-top: 5px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .bottom-section .price span {
	width: 28%;
	height: 25px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .bottom-section .facility-detail {
	width: 15%;
	height: 25px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail h6 {
	width: 80%;
	height: 18px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail span {
	width: 48px;
	height: 22px;
	display: block;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price h6 {
	width: 25%;
	margin-bottom: 8px;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li .ldr-img {
	width: 18px;
	height: 18px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f3f3f3;
}

.skeleton_loader .special-section.grid-box .special-box .special-content .tour-detail .include-sec ul li .ldr-text {
	width: 48px;
	height: 22px;
	margin-top: 5px;
}

.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content .button-botton {
	margin-top: 10px;
}

.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content .button-botton .ldr-btn {
	width: 100%;
}

.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content .button-botton .ldr-btn div {
	width: 100%;
	height: 42px;
	background-color: #f3f3f3;
}

.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content ul {
	margin-top: 10px;
}

.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content ul li {
	width: 40%;
	height: 24px;
}

.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content ul li:nth-child(3),
.skeleton_loader .special-section.grid-box .special-box.cab-box .special-content ul li:nth-child(5) {
	width: 50%;
}

.skeleton_loader .rating {
	width: 43%;
	height: 18px;
}

.skeleton_loader .map-section iframe,
.skeleton_loader .map-section .map {
	background-color: white;
}

.skeleton_loader .filter-panel .left-filter .filters ul li {
	width: 90px;
	height: 38px;
}

.skeleton_loader .filter-panel .collection-grid-view .filter-select li {
	background-color: #f3f3f3;
}

.skeleton_loader .filter-panel .popup-btn h5 {
	width: 112px;
	height: 20px;
}

.skeleton_loader .filter-panel .popup-btn img {
	-webkit-filter: invert(0.8);
	filter: invert(0.8);
}

.skeleton_loader .filter_button h5 {
	width: 118px;
	height: 20px;
}

.skeleton_loader .filter_button img {
	-webkit-filter: invert(80%);
}

.skeleton_loader .top-bar-flight .date-fare-slider .fare-box h5 {
	width: 44%;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .top-bar-flight .date-fare-slider .fare-box h6 {
	width: 38%;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .top-bar-flight .fare-calender h6.title {
	width: 62px;
	height: 12px;
}

.skeleton_loader .top-bar-flight .fare-calender i {
	width: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 20px;
}

.skeleton_loader .single-section .description-section .menu-top li {
	margin: 10px 10px 0;
}

.skeleton_loader .single-section .description-section .menu-top li a {
	width: 112px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 11px 30px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about h6 {
	width: 23%;
	height: 18px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about p span {
	display: block;
	width: 97%;
	height: 18px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about p span+span {
	margin-top: 7px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about p span:last-child {
	width: 70%;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec h4 {
	width: 21%;
	height: 22px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul {
	padding-left: 0;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li {
	width: 68%;
	height: 24px;
	display: inline-block;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li:nth-child(2),
.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li:nth-child(4) {
	width: 60%;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li:nth-child(3),
.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li:nth-child(5) {
	width: 75%;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .about-sec ul li+li {
	margin-top: 6px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part.about .detail-img {
	height: calc(60px + (250 - 60) * ((100vw - 320px) / (1920 - 320)));
	width: 100%;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .room-title {
	width: 100px;
	height: 18px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .zoom-gallery {
	width: 250px;
	height: 160px;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .room-detail h6 {
	width: 70px;
	height: 16px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .room-detail .facility-detail li {
	width: 48%;
	height: 20px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details h6 {
	width: 60px;
	margin-left: auto;
	height: 16px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details h5 {
	width: 70px;
	margin-left: auto;
	height: 25px;
	margin-top: 8px;
}

.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details .ldr-btn {
	width: 100px;
	height: 38px;
	margin-top: 8px;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .description-section.tab-section .menu-top .nav-tabs {
	overflow: hidden;
}

.skeleton_loader .single-section .single-sidebar .overlay-map {
	height: 100px;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .single-sidebar h4.title {
	width: 120px;
	height: 26px;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items h6 {
	width: 174px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items h5 {
	width: 55px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items .qty-box .input-group {
	width: 120px;
	height: 30px;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-items .items .price {
	width: 52px;
	height: 22px;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-bottom p {
	width: 200px;
	height: 24px;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-bottom .sub-total {
	width: 70px;
	height: 24px;
}

.skeleton_loader .single-section .single-sidebar .order-cart .cart-bottom .checkout .ldr-btn {
	height: 40px;
	width: 100%;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .single-sidebar .price-part .left-part span {
	width: 120px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .price-part .left-part span+span {
	margin-top: 6px;
}

.skeleton_loader .single-section .single-sidebar .price-part .left-part .ldr-link {
	width: 78px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .price-part .right-part span {
	width: 52px;
	height: 16px;
	display: block;
	margin-left: auto;
}

.skeleton_loader .single-section .single-sidebar .price-part .right-part p {
	width: 45px;
	margin-top: 4px;
	height: 22px;
	margin-left: auto;
}

.skeleton_loader .single-section .single-sidebar .price-part .right-part h6 {
	width: 50px;
	height: 22px;
	margin-left: auto;
	margin-top: 4px;
}

.skeleton_loader .single-section .single-sidebar .book-btn-section .ldr-input {
	width: 100%;
	height: 38px;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .single-sidebar .book-btn-section .ldr-input+.ldr-input {
	margin-top: 5px;
}

.skeleton_loader .single-section .single-sidebar .book-btn-section .ldr-btn {
	width: 130px;
	height: 38px;
	background-color: #f3f3f3;
	margin-left: auto;
	margin-top: 16px;
}

.skeleton_loader .single-section .single-sidebar .contact-title {
	width: 96px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .address span {
	display: block;
	width: 90%;
	height: 22px;
}

.skeleton_loader .single-section .single-sidebar .address span+span {
	width: 80%;
	margin-top: 5px;
}

.skeleton_loader .single-section .single-sidebar .social-box {
	width: 120px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .bottom_sec h6 {
	width: 120px;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .bottom_sec h6+h6 {
	width: 140px;
}

.skeleton_loader .single-section .single-sidebar .newsletter-sec p span {
	display: block;
	width: 98%;
	height: 18px;
}

.skeleton_loader .single-section .single-sidebar .newsletter-sec p span+span {
	margin-top: 5px;
}

.skeleton_loader .single-section .single-sidebar .newsletter-sec p span:last-child {
	width: 25%;
}

.skeleton_loader .single-section .single-sidebar .newsletter-sec .ldr-input {
	width: 100%;
	height: 38px;
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .single-sidebar .newsletter-sec .ldr-btn {
	width: 130px;
	height: 38px;
	background-color: #f3f3f3;
	margin-left: auto;
	margin-top: 16px;
}

.skeleton_loader .single-section .image_section .left .ldr-img {
	width: 100%;
	height: calc(300px + (412 - 300) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .image_section .right .ldr-img {
	width: 100%;
	height: calc(140px + (196 - 140) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
}

.skeleton_loader .single-section .image_section .right .ldr-img+.ldr-img {
	margin-top: 20px;
}

.skeleton_loader .single-section .image_section .list-img .slider-image .ldr-img {
	width: 100%;
	height: calc(194px + (695 - 194) * ((100vw - 320px) / (1920 - 320)));
	background-color: white;
}

.skeleton_loader .single-section .image_section .list-img .slider-thumbnail span {
	display: block;
	height: calc(38px + (85 - 38) * ((100vw - 320px) / (1920 - 320)));
	background-color: white;
}

.skeleton_loader .slider-img {
	height: calc(280px + (400 - 280) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
}

.skeleton_loader .order-menu .nav .nav-link {
	width: 70%;
	height: 30px;
	margin-top: 8px;
}

.skeleton_loader .order-food-section {
	background-color: #f3f3f3;
}

.skeleton_loader .order-menu-section .order-section .order-title h5 {
	width: 96px;
	height: 24px;
}

.skeleton_loader .order-menu-section .order-section .order-title h6 {
	width: 54px;
	height: 20px;
}

.skeleton_loader .order-menu-section .order-section .order-items .items h6 {
	width: 174px;
	height: 18px;
}

.skeleton_loader .order-menu-section .order-section .order-items .items p span {
	display: block;
	width: 80%;
	height: 16px;
}

.skeleton_loader .order-menu-section .order-section .order-items .items p span+span {
	margin-top: 6px;
}

.skeleton_loader .order-menu-section .order-section .order-items .items p span:nth-child(2) {
	width: 30%;
}

.skeleton_loader .order-menu-section .order-section .order-items .items h5 {
	width: 55px;
	height: 18px;
}

.skeleton_loader .order-menu-section .order-section .order-items .items .addtocart_btn .add-button,
.skeleton_loader .order-menu-section .order-section .order-items .items .addtocart_btn .add_cart {
	height: 28px;
}

.skeleton_loader .top-title-bar .hotel_title_section h2 {
	width: 140px;
	height: 26px;
}

.skeleton_loader .top-title-bar .hotel_title_section h6 {
	width: 160px;
	height: 20px;
}

.skeleton_loader .top-title-bar .hotel_title_section ul {
	width: 270px;
	height: 24px;
}

.skeleton_loader .top-title-bar .hotel_title_section .right-part h6 {
	margin-left: auto;
}

.skeleton_loader .search-panel .search-section .search-box .left-part .search-body {
	width: 100%;
}

.skeleton_loader .search-panel .search-section .search-box .left-part .search-body h6 {
	width: 46px;
	height: 16px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .search-panel .search-section .search-box .left-part .search-body .form-control {
	width: 80px;
	height: 26px;
	margin-left: auto;
	margin-right: auto;
}

.skeleton_loader .search-panel .search-section .search-box .right-part .ldr-btn {
	width: 108px;
	height: 40px;
	background-color: #f3f3f3;
}

.skeleton_loader .list-view .list-box .list-img {
	height: calc(180px + (210 - 180) * ((100vw - 320px) / (1920 - 320)));
	background-color: #f3f3f3;
}

.skeleton_loader .list-view .list-box .list-content h5 {
	width: 26%;
	height: 22px;
}

.skeleton_loader .list-view .list-box .list-content p {
	width: 22%;
	height: 18px;
	margin-top: 6px;
}

.skeleton_loader .list-view .list-box .list-content .facility-icon .facility-box {
	width: 42px;
	height: 42px;
	background-color: #f3f3f3;
}

.skeleton_loader .list-view .list-box .list-content .price span {
	width: 65px;
	height: 18px;
	display: block;
}

.skeleton_loader .list-view .list-box .list-content .book-now {
	width: 135px;
	height: 40px;
	background-color: #f3f3f3;
}

.skeleton_loader .list-view .list-box .list-content h6 {
	width: 60%;
	height: 18px;
}

.skeleton_loader .hotel-single-section {
	background-color: #f3f3f3;
}

.skeleton_loader .hotel_title_section .hotel-name .left-part .top h2 {
	width: 340px;
	height: 30px;
}

.skeleton_loader .hotel_title_section .hotel-name .left-part .top .share-buttons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.skeleton_loader .hotel_title_section .hotel-name .left-part .top .share-buttons .ldr-btn {
	width: 88px;
	height: 30px;
	background-color: #f3f3f3;
	margin-left: 10px;
}

.skeleton_loader .hotel_title_section .hotel-name .left-part p {
	width: 65%;
	height: 18px;
}

.skeleton_loader .hotel_title_section .hotel-name .left-part .facility-detail div {
	width: 70px;
	height: 22px;
	display: inline-block;
	margin-right: 7px;
}

.skeleton_loader .hotel_title_section .hotel-name .right-part .price {
	width: 160px;
	height: 30px;
}

.skeleton_loader .hotel_title_section .hotel-name .right-part .ldr-btn {
	width: 145px;
	height: 38px;
	background-color: #f3f3f3;
	margin-left: auto;
}

.skeleton_loader .full-width-detail .about-section .about-text>div {
	width: 100%;
}

.skeleton_loader .full-width-detail .about-section .about-text .right-detail h4 {
	width: 25%;
	height: 25px;
}

.skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p {
	width: 100%;
	height: 100%;
}

.skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span {
	display: block;
	width: 97%;
	height: 18px;
}

.skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span+span {
	margin-top: 5px;
}

.skeleton_loader .full-width-detail .about-section .about-text .bottom-detail p span:last-child {
	width: 85%;
}

.skeleton_loader .full-width-detail .place-detail li .ldr-text {
	width: calc(55px + (125 - 55) * ((100vw - 320px) / (1920 - 320)));
	height: 22px;
}

.skeleton_loader .full-width-detail .place-detail li+li:after {
	background-color: rgba(0, 0, 0, 0.06);
}

.skeleton_loader .about-section .image-section .img-box {
	height: calc(175px + (460 - 175) * ((100vw - 320px) / (1920 - 320)));
	width: 100%;
	background-color: #f3f3f3;
}

@-webkit-keyframes skeleton-loader {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		background-position: -468px 0;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		background-position: 468px 0;
	}
}

@keyframes skeleton-loader {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		background-position: -468px 0;
	}
	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		background-position: 468px 0;
	}
}

/*=====================
26.Tap to top CSS
==========================*/

.tap-top {
	width: 35px;
	height: 35px;
	border-radius: 8px;
	position: fixed;
	bottom: 70px;
	right: -60px;
	z-index: 8;
	color: white;
	text-align: center;
	background: var(--theme-color);
	border: none;
	font-size: 22px;
	padding: 6px 5px 5px 5px;
	cursor: pointer;
	-webkit-transform: rotate(-15deg);
	transform: rotate(-15deg);
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.tap-top:after {
	position: absolute;
	content: "";
	bottom: -12px;
	background-color: var(--theme-color);
	width: 100%;
	height: 11px;
	left: 0;
	-webkit-transform: rotate(13deg);
	transform: rotate(13deg);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
}

.tap-top>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tap-top.top {
	display: block;
	right: 30px;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/*=====================
27. Animation & effect css
==========================*/

.circle {
	border-radius: 50%;
	background-color: white;
	position: absolute;
	height: 150px;
	width: 150px;
	top: 50%;
	left: 92px;
	-webkit-transition: height 5s ease, width 5s ease;
	transition: height 5s ease, width 5s ease;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0.5;
}

.circle:before,
.circle:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid white;
}

.circle:before {
	-webkit-animation: ripple 2s linear infinite;
	animation: ripple 2s linear infinite;
}

.circle:after {
	-webkit-animation: ripple 2s linear 1s infinite;
	animation: ripple 2s linear 1s infinite;
}

.circle.b-round {
	height: 230px;
	width: 230px;
	left: 50%;
}

.animation-circle-inverse i {
	background: rgba(233, 179, 14, 0.15);
	right: 0;
	-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
	box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11);
	position: absolute;
	height: 100%;
	width: 100%;
	border-radius: 100%;
	opacity: 0.3;
	top: 0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-animation: ripple1 3s linear infinite;
	animation: ripple1 3s linear infinite;
}

.animation-circle-inverse i:nth-child(2) {
	-webkit-animation: ripple2 3s linear infinite;
	animation: ripple2 3s linear infinite;
}

.animation-circle-inverse i:nth-child(3) {
	-webkit-animation: ripple3 3s linear infinite;
	animation: ripple3 3s linear infinite;
}

.animated-section {
	overflow: hidden;
	position: relative;
}

.animated-section .animation-section {
	opacity: 0.3;
}

.animated-section .animation-section .round {
	width: 12px;
	height: 12px;
	background-color: transparent;
	border: 2px solid var(--theme-color);
	border-radius: 100%;
	position: absolute;
	-webkit-animation: myOrbit 9s linear infinite;
	animation: myOrbit 9s linear infinite;
}

.animated-section .animation-section .round.r-2 {
	width: 15px;
	height: 15px;
}

.animated-section .animation-section .round.r-y {
	border-color: #e8b10b;
}

.animated-section .animation-section .square {
	width: 12px;
	height: 12px;
	background-color: transparent;
	position: absolute;
	border: 2px solid var(--theme-color);
	-webkit-animation: animationFramesTwo 50s infinite linear;
	animation: animationFramesTwo 50s infinite linear;
}

.animated-section .animation-section .square.s-2 {
	width: 15px;
	height: 15px;
}

.animated-section .animation-section .cross {
	height: 12px;
	width: 12px;
	position: absolute;
	-webkit-animation: animationFramesTwo 50s infinite linear;
	animation: animationFramesTwo 50s infinite linear;
}

.animated-section .animation-section .cross:after,
.animated-section .animation-section .cross:before {
	position: absolute;
	content: " ";
	height: 12px;
	width: 2px;
	background-color: var(--theme-color);
}

.animated-section .animation-section .cross:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.animated-section .animation-section .cross:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.animated-section .animation-section .po-1 {
	top: 50%;
	left: 5%;
}

.animated-section .animation-section .po-2 {
	right: 5%;
	bottom: 7%;
}

.animated-section .animation-section .po-3 {
	top: 20%;
	right: 8%;
}

.animated-section .animation-section .po-4 {
	bottom: 5%;
	left: 30%;
}

.animated-section .animation-section .po-5 {
	right: 20%;
	top: 10%;
}

.animated-section .animation-section .po-6 {
	top: 2%;
	left: 47%;
}

.animated-section .animation-section .po-7 {
	right: 1%;
	top: 53%;
}

.animated-section .animation-section .po-8 {
	bottom: 1%;
	right: 27%;
}

.animated-section .animation-section .po-9 {
	top: 24%;
	right: 30%;
}

.animated-section .animation-section .po-10 {
	top: 5%;
	left: 15%;
}

.animated-section .animation-section .po-11 {
	bottom: 32%;
	left: 36%;
}

.animated-section .animation-section .po-12 {
	left: 2%;
	bottom: 10%;
}

.zig-zag-effect {
	position: relative;
}

.zig-zag-effect:after {
	position: absolute;
	content: "";
	background: url("../images/zig-zag-1.png");
	bottom: 0;
	width: 100%;
	height: 5px;
}

.zig-zag-effect:before {
	position: absolute;
	content: "";
	background: url(../images/zig-zag-1.png);
	top: 0;
	width: 100%;
	height: 5px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.zig-zag-effect.detail-section .detail-box .upper-part {
	margin-bottom: 20px;
	min-height: unset;
}

.zig-zag-effect.detail-section .detail-box .upper-part h2 {
	padding-bottom: 15px;
	margin-bottom: 0px;
}

.zig-zag-effect.detail-section .detail-box .upper-part h2:after {
	display: none;
}

.zig-zag-effect.detail-section .detail-box .upper-part h6 {
	margin-bottom: 0;
}

.parallax-effect .food-img {
	position: absolute;
	z-index: -1;
}

.parallax-effect .food-img.food1 {
	left: 19%;
}

.parallax-effect .food-img.food2 {
	left: 9%;
}

.parallax-effect .food-img.food2 img {
	width: 90px;
}

.parallax-effect .food-img.food3 img {
	width: 100px;
}

.parallax-effect .food-img.food4 {
	left: 7%;
}

.parallax-effect .food-img.food4 img {
	width: 80px;
}

.parallax-effect img {
	width: 100px;
}

.animation-bg {
	position: relative;
	z-index: 1;
}

.animation-bg:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	content: "";
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	-webkit-animation: gradient 15s ease infinite;
	animation: gradient 15s ease infinite;
	opacity: 0.6;
}

@-webkit-keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@-webkit-keyframes ani {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		text-shadow: 0em 0em 0 var(--theme-color);
		color: white;
	}
	30% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		text-shadow: 0em 0em 0 var(--theme-color);
		color: white;
	}
	70% {
		-webkit-transform: translate3d(0.08em, -0.08em, 0);
		transform: translate3d(0.08em, -0.08em, 0);
		text-shadow: -0.08em 0.08em var(--theme-color);
		color: white;
	}
	100% {
		-webkit-transform: translate3d(0.08em, -0.08em, 0);
		transform: translate3d(0.08em, -0.08em, 0);
		text-shadow: -0.08em 0.08em var(--theme-color);
		color: white;
	}
}

@keyframes ani {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		text-shadow: 0em 0em 0 var(--theme-color);
		color: white;
	}
	30% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		text-shadow: 0em 0em 0 var(--theme-color);
		color: white;
	}
	70% {
		-webkit-transform: translate3d(0.08em, -0.08em, 0);
		transform: translate3d(0.08em, -0.08em, 0);
		text-shadow: -0.08em 0.08em var(--theme-color);
		color: white;
	}
	100% {
		-webkit-transform: translate3d(0.08em, -0.08em, 0);
		transform: translate3d(0.08em, -0.08em, 0);
		text-shadow: -0.08em 0.08em var(--theme-color);
		color: white;
	}
}

@-webkit-keyframes ripple2 {
	0% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

@keyframes ripple2 {
	0% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

@-webkit-keyframes ripple3 {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

@keyframes ripple3 {
	0% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
	}
}

@-webkit-keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 0.4;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@keyframes ripple {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(1.75);
		transform: scale(1.75);
		opacity: 0.4;
	}
	100% {
		-webkit-transform: scale(2);
		transform: scale(2);
		opacity: 0;
	}
}

@-webkit-keyframes effect {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0.4;
	}
	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0;
	}
}

@keyframes effect {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	75% {
		-webkit-transform: scale(1.4);
		transform: scale(1.4);
		opacity: 0.4;
	}
	100% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
		opacity: 0;
	}
}

@-webkit-keyframes slide {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1000px 0;
	}
}

@keyframes slide {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: -1000px 0;
	}
}

@-webkit-keyframes myOrbit {
	from {
		-webkit-transform: rotate(0deg) translateX(10px) rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg) translateX(10px) rotate(-360deg);
	}
}

@-webkit-keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
		transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
		transform: translate(141px, 72px) rotate(72deg) scale(1);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
		transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
		transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}
	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
		transform: translate(141px, 72px) rotate(72deg) scale(1);
	}
	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
		transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}
	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}
	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@-webkit-keyframes mover {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes mover {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@-webkit-keyframes zoom_in {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes zoom_in {
	0% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

@keyframes smoothScroll {
	0% {
		-webkit-transform: translateY(-40px);
		transform: translateY(-40px);
	}
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
	}
}

.bird {
	background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174479/bird-cells.svg);
	background-size: auto 100%;
	width: 88px;
	height: 125px;
	will-change: background-position;
	-webkit-animation-name: fly-cycle;
	animation-name: fly-cycle;
	-webkit-animation-timing-function: steps(10);
	animation-timing-function: steps(10);
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.bird--one {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.bird--two {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
	-webkit-animation-delay: -0.75s;
	animation-delay: -0.75s;
}

.bird--three {
	-webkit-animation-duration: 1.25s;
	animation-duration: 1.25s;
	-webkit-animation-delay: -0.25s;
	animation-delay: -0.25s;
}

.bird--four {
	-webkit-animation-duration: 1.1s;
	animation-duration: 1.1s;
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s;
}

.bird-container {
	position: absolute;
	top: 20%;
	left: -10%;
	-webkit-transform: scale(0) translateX(-10vw);
	transform: scale(0) translateX(-10vw);
	will-change: transform;
	-webkit-animation-name: fly-right-one;
	animation-name: fly-right-one;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.bird-container--one {
	-webkit-animation-duration: 15s;
	animation-duration: 15s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.bird-container--two {
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.bird-container--three {
	-webkit-animation-duration: 14.6s;
	animation-duration: 14.6s;
	-webkit-animation-delay: 9.5s;
	animation-delay: 9.5s;
}

.bird-container--four {
	-webkit-animation-duration: 16s;
	animation-duration: 16s;
	-webkit-animation-delay: 10.25s;
	animation-delay: 10.25s;
}

@-webkit-keyframes fly-cycle {
	100% {
		background-position: -900px 0;
	}
}

@keyframes fly-cycle {
	100% {
		background-position: -900px 0;
	}
}

@-webkit-keyframes fly-right-one {
	0% {
		-webkit-transform: scale(0.3) translateX(-10vw);
		transform: scale(0.3) translateX(-10vw);
	}
	10% {
		-webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
		transform: translateY(2vh) translateX(10vw) scale(0.4);
	}
	20% {
		-webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
		transform: translateY(0vh) translateX(30vw) scale(0.5);
	}
	30% {
		-webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
		transform: translateY(4vh) translateX(50vw) scale(0.6);
	}
	40% {
		-webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
		transform: translateY(2vh) translateX(70vw) scale(0.6);
	}
	50% {
		-webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
		transform: translateY(0vh) translateX(90vw) scale(0.6);
	}
	60% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
		transform: translateY(0vh) translateX(110vw) scale(0.6);
	}
	100% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
		transform: translateY(0vh) translateX(110vw) scale(0.6);
	}
}

@keyframes fly-right-one {
	0% {
		-webkit-transform: scale(0.3) translateX(-10vw);
		transform: scale(0.3) translateX(-10vw);
	}
	10% {
		-webkit-transform: translateY(2vh) translateX(10vw) scale(0.4);
		transform: translateY(2vh) translateX(10vw) scale(0.4);
	}
	20% {
		-webkit-transform: translateY(0vh) translateX(30vw) scale(0.5);
		transform: translateY(0vh) translateX(30vw) scale(0.5);
	}
	30% {
		-webkit-transform: translateY(4vh) translateX(50vw) scale(0.6);
		transform: translateY(4vh) translateX(50vw) scale(0.6);
	}
	40% {
		-webkit-transform: translateY(2vh) translateX(70vw) scale(0.6);
		transform: translateY(2vh) translateX(70vw) scale(0.6);
	}
	50% {
		-webkit-transform: translateY(0vh) translateX(90vw) scale(0.6);
		transform: translateY(0vh) translateX(90vw) scale(0.6);
	}
	60% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
		transform: translateY(0vh) translateX(110vw) scale(0.6);
	}
	100% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.6);
		transform: translateY(0vh) translateX(110vw) scale(0.6);
	}
}

@-webkit-keyframes fly-right-two {
	0% {
		-webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
		transform: translateY(-2vh) translateX(-10vw) scale(0.5);
	}
	10% {
		-webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
		transform: translateY(0vh) translateX(10vw) scale(0.4);
	}
	20% {
		-webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
		transform: translateY(-4vh) translateX(30vw) scale(0.6);
	}
	30% {
		-webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
		transform: translateY(1vh) translateX(50vw) scale(0.45);
	}
	40% {
		-webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
		transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
	}
	50% {
		-webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
		transform: translateY(0vh) translateX(90vw) scale(0.45);
	}
	51% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
		transform: translateY(0vh) translateX(110vw) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
		transform: translateY(0vh) translateX(110vw) scale(0.45);
	}
}

@keyframes fly-right-two {
	0% {
		-webkit-transform: translateY(-2vh) translateX(-10vw) scale(0.5);
		transform: translateY(-2vh) translateX(-10vw) scale(0.5);
	}
	10% {
		-webkit-transform: translateY(0vh) translateX(10vw) scale(0.4);
		transform: translateY(0vh) translateX(10vw) scale(0.4);
	}
	20% {
		-webkit-transform: translateY(-4vh) translateX(30vw) scale(0.6);
		transform: translateY(-4vh) translateX(30vw) scale(0.6);
	}
	30% {
		-webkit-transform: translateY(1vh) translateX(50vw) scale(0.45);
		transform: translateY(1vh) translateX(50vw) scale(0.45);
	}
	40% {
		-webkit-transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
		transform: translateY(-2.5vh) translateX(70vw) scale(0.5);
	}
	50% {
		-webkit-transform: translateY(0vh) translateX(90vw) scale(0.45);
		transform: translateY(0vh) translateX(90vw) scale(0.45);
	}
	51% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
		transform: translateY(0vh) translateX(110vw) scale(0.45);
	}
	100% {
		-webkit-transform: translateY(0vh) translateX(110vw) scale(0.45);
		transform: translateY(0vh) translateX(110vw) scale(0.45);
	}
}

.flight {
	width: calc(140px + (200 - 140) * ((100vw - 320px) / (1920 - 320)));
	height: calc(70px + (100 - 70) * ((100vw - 320px) / (1920 - 320)));
	background: url("../images/flights/airliner.html") center no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -4px;
	right: 0;
}

.flight.run {
	-webkit-animation: landFlight linear 10s;
	animation: landFlight linear 10s;
}

@-webkit-keyframes landFlight {
	0% {
		-webkit-transform: translate(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(-600px, -1px) rotate(0deg);
		transform: translate(-600px, -1px) rotate(0deg);
	}
	50% {
		-webkit-transform: translate(-650px, -2px) rotate(0deg);
		transform: translate(-650px, -2px) rotate(0deg);
	}
	58% {
		-webkit-transform: translate(-700px, -5px) rotate(10deg);
		transform: translate(-700px, -5px) rotate(10deg);
	}
	59% {
		-webkit-transform: translate(-710px, -10px) rotate(15deg);
		transform: translate(-710px, -10px) rotate(15deg);
	}
	60% {
		-webkit-transform: translate(-720px, -12px) rotate(20deg);
		transform: translate(-720px, -12px) rotate(20deg);
	}
	70% {
		-webkit-transform: translate(-800px, -50px) rotate(20deg);
		transform: translate(-800px, -50px) rotate(20deg);
	}
	80% {
		-webkit-transform: translate(-900px, -100px) rotate(20deg);
		transform: translate(-900px, -100px) rotate(20deg);
	}
	100% {
		-webkit-transform: translate(-2200px, -750px) rotate(20deg);
		transform: translate(-2200px, -750px) rotate(20deg);
	}
}

@keyframes landFlight {
	0% {
		-webkit-transform: translate(0, 0) rotate(0deg);
		transform: translate(0, 0) rotate(0deg);
	}
	20% {
		-webkit-transform: translate(-600px, -1px) rotate(0deg);
		transform: translate(-600px, -1px) rotate(0deg);
	}
	50% {
		-webkit-transform: translate(-650px, -2px) rotate(0deg);
		transform: translate(-650px, -2px) rotate(0deg);
	}
	58% {
		-webkit-transform: translate(-700px, -5px) rotate(10deg);
		transform: translate(-700px, -5px) rotate(10deg);
	}
	59% {
		-webkit-transform: translate(-710px, -10px) rotate(15deg);
		transform: translate(-710px, -10px) rotate(15deg);
	}
	60% {
		-webkit-transform: translate(-720px, -12px) rotate(20deg);
		transform: translate(-720px, -12px) rotate(20deg);
	}
	70% {
		-webkit-transform: translate(-800px, -50px) rotate(20deg);
		transform: translate(-800px, -50px) rotate(20deg);
	}
	80% {
		-webkit-transform: translate(-900px, -100px) rotate(20deg);
		transform: translate(-900px, -100px) rotate(20deg);
	}
	100% {
		-webkit-transform: translate(-2200px, -750px) rotate(20deg);
		transform: translate(-2200px, -750px) rotate(20deg);
	}
}

.plane-animation {
	-webkit-animation-name: plane-animation;
	animation-name: plane-animation;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes plane-animation {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
}

@keyframes plane-animation {
	0% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
	50% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
	}
}

/*=====================
28. Theme setting css
==========================*/

.theme-setting {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
	right: -52px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 10;
}

.theme-setting .dark,
.theme-setting .rtl {
	margin-left: 5px;
	margin-right: 5px;
}

.theme-setting .rtl .tgl-skewed:checked+.tgl-btn {
	background: #dcdcdc;
}

.theme-setting .tgl {
	display: none;
}

.theme-setting .tgl+.tgl-btn {
	outline: 0;
	display: block;
	width: 4em;
	height: 2em;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.theme-setting .tgl+.tgl-btn:before {
	display: none;
}

.theme-setting .tgl+.tgl-btn:after {
	left: 0;
}

.theme-setting .tgl+.tgl-btn:after,
.theme-setting .tgl+.tgl-btn:before {
	position: relative;
	display: block;
	content: "";
	width: 50%;
	height: 100%;
}

.theme-setting .tgl:checked+.tgl-btn:after {
	left: 50%;
}

.theme-setting .tgl-skewed+.tgl-btn {
	overflow: hidden;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	font-family: sans-serif;
	background-color: #424242;
	outline: 0;
	display: block;
	width: 4em;
	height: 2em;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.theme-setting .tgl-skewed+.tgl-btn:after,
.theme-setting .tgl-skewed+.tgl-btn:before {
	-webkit-transform: skew(10deg);
	transform: skew(10deg);
	display: inline-block;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	width: 100%;
	text-align: center;
	position: absolute;
	line-height: 2em;
	font-weight: bold;
	color: #000;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

.theme-setting .tgl-skewed+.tgl-btn:after {
	left: 100%;
	content: attr(data-tg-on);
}

.theme-setting .tgl-skewed+.tgl-btn:before {
	left: 0;
	color: white;
	content: attr(data-tg-off);
}

.theme-setting .tgl-skewed+.tgl-btn:active {
	background: #888;
}

.theme-setting .tgl-skewed+.tgl-btn:active:before {
	left: -10%;
}

.theme-setting .tgl-skewed:checked+.tgl-btn {
	background: var(--theme-color);
	fff;
}

.theme-setting .tgl-skewed:checked+.tgl-btn:before {
	left: -100%;
}

.theme-setting .tgl-skewed:checked+.tgl-btn:after {
	left: 0;
}

.theme-setting .tgl-skewed:checked+.tgl-btn:active:after {
	left: 10%;
}

.theme-setting.back {
	z-index: 1;
}

.theme-setting.one-setting {
	right: -20px;
}

/*=====================
    29.Menu css start
==========================*/

/*header {
    z-index: 3;
}*/

header .main-navbar {
	text-align: center;
}

header .main-navbar .nav-menu {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: normal;
	direction: ltr;
	text-align: left;
	vertical-align: middle;
}
@media only screen and (min-width: 900px,){


}

header .main-navbar .nav-menu>li {
	position: relative;
	float: left;
	display: block;
	margin-right: 25px;
	padding-top: 30px;
	padding-bottom: 30px;
}

header .main-navbar .nav-menu>li>a {
	display: block;
	color: white;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2px 10px;
	letter-spacing: 0.07em;
	position: relative;
	border-radius: 4px;
}

header .main-navbar .nav-menu>li .nav-submenu {
	position: absolute;
	left: 0;
	z-index: 4;
	-webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	padding: 0;
	background: white;
	border-top: 2px solid var(--theme-color);
}

header .main-navbar .nav-menu>li .nav-submenu li {
	border: 0;
	float: none;
	position: relative;
	display: block;
	padding: 0;
}

header .main-navbar .nav-menu>li .nav-submenu li a {
	border: 0 !important;
	background: transparent;
	color: #222222;
	border-radius: 0 !important;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 5px 25px;
	display: block;
	letter-spacing: 0.07em;
	/*              line-height: 1.9;*/
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-family: var(--second-font);
	position: relative;
}

header .main-navbar .nav-menu>li .nav-submenu li a.menu-title:after {
	position: absolute;
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	right: 18px;
	opacity: 1;
}

header .main-navbar .nav-menu>li .nav-submenu li a.arrow-cls:after {
	opacity: 0.8;
}

header .main-navbar .nav-menu>li .nav-submenu li a:hover {
	background-color: var(--theme-color);
}

header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
	position: absolute;
	width: 200px;
	right: -200px;
	top: 0;
	background: var(--theme-color);
	;
	border: none;
	padding: 15px 0 15px 0;
	-webkit-box-shadow: 0 0 1px 0 #ebebeb;
	box-shadow: 0 0 1px 0 #ebebeb;
}

header .main-navbar .nav-menu>li .mega-menu-container {
	position: absolute;
	left: 0;
	z-index: 4;
	-webkit-box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	box-shadow: 0 1px 5px 0 rgba(90, 90, 90, 0.2);
	padding: 30px;
	background: white;
	width: 100%;
	border-radius: 4px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
	width: 20%;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
	font-weight: 800;
	text-transform: capitalize;
	font-size: 14px;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	position: relative;
	display: block;
	padding: 0;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li {
	border: 0;
	float: none;
	position: relative;
	display: block;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
	border: 0 !important;
	background: transparent;
	color: #222222;
	border-radius: 0 !important;
	font-size: 14px;
	font-weight: 600;
	text-transform: capitalize;
	padding: 3px 0;
	display: block;
	letter-spacing: 0.07em;
	line-height: 1.9;
	position: relative;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
	margin-left: 4px;
	color: var(--theme-color);
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link {
	position: relative;
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li.highlight-link i {
	color: var(--theme-color);
}

header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
	margin-top: 15px;
}

header .main-navbar .nav-menu>li:hover>a:after {
	left: 0;
	right: 0;
	opacity: 1;
}

header .main-navbar .nav-menu>li.mega-menu {
	position: unset;
}

header.white-active .main-navbar .nav-menu>li .nav-link.active {
	background-color: white;
	color: #ef3f3e;
}

header.overlay-white {
	background-color: rgba(255, 255, 255, 0.08);
}

.toggle-nav {
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	cursor: pointer;
}

.toggle-nav i {
	font-size: 24px;
	color: white;
}

.mega-box .link-section .demo ul li a {
	position: relative;
}

.mega-box .link-section .demo ul li a:hover,
.mega-box .link-section .demo ul li a:focus {
	padding-top: 3px;
	padding-bottom: 3px;
}

.mega-box .link-section .demo .new {
	position: absolute;
	top: -8px;
	right: 0;
	color: white;
	background-color: var(--theme-color);
	padding: 2px 7px;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 1.3;
}

.mega-box .link-section .demo .title {
	border-bottom: 2px solid red !important;
}

@media (min-width: 1200px) {
	.responsive-btn {
		display: none;
	}
	header .main-navbar .nav-menu>li .nav-submenu {
		width: 240px;
		opacity: 0;
		visibility: hidden;
		border-radius: 5px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
		max-height: 370px;
		overflow: auto;
	}
	header .main-navbar .nav-menu>li .nav-submenu a .sub-arrow {
		position: absolute;
		right: 20px;
		top: 7px;
		color: rgba(0, 0, 0, 0.75);
		font-size: 10px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .level1 {
		display: none;
		border-radius: 4px;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 {
		display: none;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li .level3 {
		display: none;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .level1 li .level2 li:hover .level3 {
		display: block;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .level1 li:hover .level2 {
		display: block;
	}
	header .main-navbar .nav-menu>li .nav-submenu li:hover .level1 {
		display: block;
	}
	header .main-navbar .nav-menu>li .nav-submenu li a:hover .sub-arrow {
		right: 16px;
		color: #222222;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header .main-navbar .nav-menu>li .mega-menu-container {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header .main-navbar .nav-menu>li:hover .nav-submenu {
		opacity: 1;
		visibility: visible;
		/*    margin-top: 30px;*/
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header .main-navbar .nav-menu>li:hover .mega-menu-container {
		opacity: 1;
		visibility: visible;
		margin-top: 30px;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	.toggle-nav {
		display: none;
	}
	.mobile-back {
		display: none !important;
	}
}

@media (max-width: 1460px) {
	header .main-navbar .nav-menu>li {
		margin-right: 8px;
	}
}

@media (max-width: 1199px) {
	header .main-navbar .nav-menu {
		position: fixed;
		background-color: var(--theme-color);
		;
		width: 300px;
		border-radius: 0;
		border: 1px solid #eee;
		top: 0;
		height: 100vh;
		right: -300px;
		z-index: 99;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		overflow: scroll;
	}
	header .main-navbar .nav-menu.opennav {
		right: 0;
	}
	header .main-navbar .nav-menu .back-btn {
		display: block;
		width: 100%;
		padding: 0;
	}
	header .main-navbar .nav-menu .back-btn .mobile-back {
		padding: 20px;
		font-size: 18px;
		color: #222222;
		font-weight: 700;
		text-transform: uppercase;
		border-bottom: 1px solid #efefef;
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	header .main-navbar .nav-menu>li {
		display: block;
		float: none;
		width: 100%;
		padding: 0;
	}
	header .main-navbar .nav-menu>li a {
		padding: 10px 15px;
		font-size: 16px;
		font-weight: 700;
		position: relative;
		color: #222222;
	}
	header .main-navbar .nav-menu>li a .sub-arrow {
		right: 20px;
		position: absolute;
	}
	header .main-navbar .nav-menu>li a .sub-arrow:before {
		content: "+";
		font-family: inherit;
		position: relative;
	}
	header .main-navbar .nav-menu>li .nav-submenu {
		width: 100%;
		padding: 0;
		position: relative;
		display: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	header .main-navbar .nav-menu>li .nav-submenu.opensubmenu {
		display: block;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu {
		display: none;
		position: relative;
		right: 0;
		width: 100%;
		padding: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 li a {
		padding: 0 60px;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.submenu-content.level2 .level3 li a {
		padding: 0 70px;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu.opensubchild {
		display: block;
	}
	header .main-navbar .nav-menu>li .nav-submenu li .nav-sub-childmenu li a {
		padding: 0 45px;
	}
	header .main-navbar .nav-menu>li .nav-submenu li a:after {
		display: none;
	}
	header .main-navbar .nav-menu>li .nav-submenu li a:hover {
		margin-left: 0;
	}
	header .main-navbar .nav-menu>li .nav-submenu li a:hover:after {
		display: none;
	}
	header .main-navbar .nav-menu>li .mega-menu-container {
		display: none;
		padding: 0;
	}
	header .main-navbar .nav-menu>li .mega-menu-container.opensubmenu {
		display: block;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box {
		width: 100%;
		padding: 0;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title {
		position: relative;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title h5 {
		margin-bottom: 0;
		font-weight: 600;
		line-height: 1.9;
		padding: 2px 25px;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-title .according-menu {
		top: 4px;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content {
		display: none;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content.opensubmegamenu {
		display: block;
		padding: 0 45px;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a {
		line-height: 1.9;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover {
		margin-left: 0;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section .submenu-content ul li a:hover:after {
		display: none;
	}
	header .main-navbar .nav-menu>li .mega-menu-container .mega-box .link-section+.link-section {
		margin-top: 0;
	}
	header .main-navbar .nav-menu>li .nav-link.active {
		background-color: transparent;
		-webkit-box-shadow: none;
		box-shadow: none;
		color: #222222;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header .main-navbar .nav-menu>li .nav-link.active:hover {
		color: var(--theme-color);
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	header .menu nav {
		margin-left: auto;
		margin-right: 30px;
	}
	.mega-box .link-section .demo ul li a span img {
		top: 30px;
		right: -60px;
	}
	.mega-box.col {
		-ms-flex-preferred-size: unset;
		flex-basis: unset;
	}
	.according-menu {
		position: absolute;
		right: 20px;
	}
	.main-menu.border-section {
		border: none;
	}
	.main-menu .menu-left .main-menu-right .toggle-nav {
		position: absolute;
		z-index: 2;
		right: 145px;
		top: 6px;
	}
	.main-menu .menu-left .main-menu-right .toggle-nav .sidebar-name {
		font-size: 18px;
		padding-left: 5px;
		text-transform: uppercase;
	}
}

@media (max-width: 767px) {
	.toggle-nav {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	header .menu .brand-logo img {
		width: 120px;
	}
	.title-1 h2:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		top: 60%;
		margin: 10px auto;
		width: 15% !important;
		height: 2px;
		background: var(--theme-color);
		display: block;
	}
}


header .mix-pills.nav-pills .nav-link svg {
	display: none;
}
.home_effect .effect_image img {
	bottom: -20px;
}
.home_section .home .home-content h1 {
	margin-top: -2px;
}
.home_section .home .home-content h5 {
	margin-bottom: 0;
	text-transform: capitalize;
}
.home_section .home .home-content>div {
	padding: 20px 60px;
}
.home_section .slick-prev,
.home_section .slick-next {
	padding: 10px;
}
.home_section .slick-prev:after,
.home_section .slick-next:after {
	font-size: 12px;
}
.cab-section .cab-content .car-select {
	display: block;
}
.cab-section .cab-content .car-select ul {
	width: 100%;
	margin-left: -4px;
	margin-right: -4px;
	margin-top: 8px;
}
.cab-section .cab-content .car-select ul li {
	margin-right: 4px;
	width: 32%;
	display: inline-block;
	padding: 8px 0;
	margin-left: 4px;
}
.cab-section .cab-content .car-select .btn {
	width: 50%;
	margin: 10px auto 0;
}
.cab-section .cab-content .radio-form {
	margin-bottom: 0;
}
.cab-section .cab-content h3 {
	margin-bottom: 14px;
}
.medium-section {
	padding-top: 25px;
	padding-bottom: 25px;
}
.app-section .app-content .title {
	margin-bottom: 10px;
}
.app-section .app-content p {
	line-height: 1.4;
	margin-bottom: 8px;
}
.app-section .app-content h3 {
	margin-bottom: 10px;
}
.app-section .app-box {
	padding: 20px;
}
.app-section .app-box h2,
.app-section .app-box h5 {
	margin-bottom: 8px;
}
.app-section .app-box p {
	margin-bottom: 12px;
	line-height: 1.4;
}
.app-section .app-box .app-buttons a {
	padding: 6px 10px;
}
.app-section .app-box .app-buttons .app-btn {
	margin-left: 4px;
}
.service-section .service-box {
	padding: 20px;
}
.service-section .service-box h3 {
	margin-bottom: 6px;
	font-size: 18px;
}
.service-section .service-box .service-icon {
	margin-bottom: 14px;
}
.service-section .service-box .btn {
	margin-top: 16px;
}
.service_section .col-6 {
	max-width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}
.service_section>div:nth-last-child(-n+5) {
	margin-top: 10px;
}
.service-part .service-wrapper {
	padding: 25px;
}
.service-part .service-wrapper h6 {
	margin-bottom: 10px;
}
.service-part .service-wrapper h3 {
	margin-bottom: 5px;
}
.service-part .service-wrapper p {
	margin-bottom: 18px;
}
.testimonial-section .testimonial {
	padding-bottom: 30px;
}
.subscribe-section .input-group .btn {
	padding: 9px;
}
.subscribe-section .input-group .form-control {
	font-size: 14px;
}
.testimonial_section .testimonial .top-part .img-part {
	margin-bottom: 28px;
	margin-top: 30px;
}
.testimonial_section .testimonial .top-part .img-part img {
	width: 90px;
	height: 90px;
}
.testimonial_section .testimonial .top-part .img-part .heart-icon {
	padding: 6px;
	font-size: 12px;
	bottom: -10%;
}
.testimonial_section .testimonial .bottom-part p {
	margin-bottom: 16px;
}
.testimonial_section .testimonial .bottom-part .quote-icon i {
	font-size: 55px;
}
.about-section .about-text h3,
.about-section .about-text h2 {
	margin-bottom: 4px;
}
.about-section.three-image .about-text h2 {
	line-height: 20px;
}
.about-section.three-image .image-section .img-box+.img-box {
	margin-left: 10px;
}
.ticket-section .ticket-box .content {
	padding: 15px;
	margin: -30px auto 0 auto;
	width: 90%;
	-webkit-box-shadow: -2px 11px 12px 0px rgba(0, 0, 0, 0.08);
	box-shadow: -2px 11px 12px 0px rgba(0, 0, 0, 0.08);
}
.ticket-section .ticket-box .ticket-title {
	margin-bottom: -14px;
}
.ticket-section .ticket-box .ticket-title h6 {
	padding: 6px;
}
.ticket-section .ticket-box .ticket-title span {
	padding: 7px;
}
.ticket-section .ticket-box .btn {
	padding: 7px 14px;
}
.ticket-section.white-section .ticket-box {
	margin-bottom: 30px;
}
.ticket-section.white-section .ticket-box .content .detail h4,
.ticket-section.white-section .ticket-box .content .detail h2 {
	margin-bottom: 5px;
}
.ticket-section.white-section .ticket-box .content .detail p {
	margin-bottom: 10px;
}
.ticket-section.white-section .ticket-box .content .detail h6 {
	margin-bottom: 7px;
}
.video-section {
	padding: 50px 0;
}
.video-section .basic-section h4 {
	line-height: 1.3;
	margin-bottom: 10px;
}
.video-section .basic-section h2 {
	margin-bottom: 10px;
}
.video_section {
	padding: 50px 0;
}
.video_section .video-content .bottom-section {
	display: block;
}
.video_section .video-content .bottom-section .btn {
	display: block;
	width: 40%;
	margin: 0 auto 15px auto;
}
.video_section .video-content .bottom-section .info-btn {
	width: 50%;
	display: inline-block;
	margin-left: 0;
}
.video_section .video-content .bottom-section .info-btn h6 {
	text-transform: capitalize;
	font-size: 11px;
	padding: 14px 16px;
}
.video_section .video-content .bottom-section .info-btn.red-info {
	width: 42%;
	display: inline-block;
}
.video_section .video-content h5 {
	margin-bottom: 8px;
}
.video_section .video-content h2 {
	margin-bottom: 8px;
}
.video_section .video-content p {
	line-height: 1.4;
}
.blog-section .blog-box {
	display: block;
	margin-bottom: 8px;
}
.blog-section .blog-box .blog-content {
	padding: 20px;
}
.blog-section.section-b-space {
	padding-bottom: 22px;
}
.blog_section.section-b-space {
	padding-bottom: 0;
}
.blog_section.destination-section .destination-details {
	padding: 25px;
}
.blog_section.destination-section .destination-details h5 {
	margin-bottom: 10px;
	letter-spacing: 0.3em;
}
.blog_section.destination-section .destination-details h2 {
	margin-bottom: 8px;
}
.special-section.section-b-space {
	padding-bottom: 0;
}
.special-section.grid-box .special-box .special-content .tour-detail .bottom-section .price {
	margin-top: 10px;
}
.special-section.grid-box .special-box .special-content .tour-detail .include-sec {
	margin-top: 8px;
}
.full-banner {
	padding: 40px 0;
}
.full-banner .banner-content {
	text-align: center;
}
.full-banner .banner-content>div {
	padding: 20px;
}
.full-banner .banner-content h2,
.full-banner .banner-content h5 {
	margin-bottom: 5px;
}
.full-banner .banner-content .bottom-section {
	display: block;
}
.full-banner .banner-content .bottom-section .btn {
	display: block;
	width: 40%;
	margin: 0 auto 15px auto;
}
.full-banner .banner-content .bottom-section .info-btn {
	width: 70%;
	display: inline-block;
	margin-left: 0;
	text-align: center;
}
.full-banner .banner-content .bottom-section .info-btn h6 {
	font-size: 12px;
	padding: 10px 12px;
}
.full-banner .banner-content .bottom-section .info-btn.red-info {
	width: 30%;
	display: inline-block;
}
.full-banner .offer-text h6:after {
	display: none;
}
.full-banner.banner-section .place-image .animation-place .plane-r {
	right: -14%;
	top: 0;
}
.full-banner.banner-section .place-image .animation-place .plane-r img {
	width: 40%;
}
.full-banner.banner-section .place-image .animation-place .cloud-r {
	right: 36%;
	top: 4%;
}
.full-banner.banner-section .place-image .animation-place .cloud-r img {
	width: 64%;
}
.full-banner.banner-section .place-image .animation-place .cloud-l {
	top: 2%;
}
.full-banner.banner-section .place-image .animation-place .cloud-l img {
	width: 45%;
}
.category-section .category-box {
	margin-bottom: 10px;
}
.category-section .category-box .side-effect:after {
	top: 5px;
}
.category-section .category-box .side-effect:before {
	top: 10px;
}
.category-section .category-box .top-bar {
	top: 15px;
	left: 15px;
	margin-bottom: 0;
}
.category-section .category-box .top-bar .offer {
	padding: 2px 9px;
	text-transform: capitalize;
	margin-right: 6px;
}
.category-section .category-box .like-cls {
	right: 15px;
	top: 15px;
}
.category-section .category-box .like-cls i {
	padding: 7px;
	border-radius: 100%;
	font-size: 10px;
}
.category-section .category-box .bottom-bar {
	left: 15px;
	bottom: 15px;
}
.category-section .category-box .bottom-bar p {
	font-size: 12px;
}
.category-section .category-box .bottom-bar .top h5 {
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 13px;
	margin-right: 5px;
}
.category-section .category-box .bottom-bar .top h6 {
	margin-left: 8px;
	font-size: 13px;
}
.category-section .category-box .bottom-bar .top .rating i {
	font-size: 10px;
	margin: 0 1px;
}
.category-sec .category-box .img-category .top-bar {
	left: 15px;
	top: 15px;
}
.category-sec .category-box .img-category .like-cls i {
	font-size: 15px;
	padding: 10px;
}
.category-sec .category-box .content-category {
	margin-bottom: 30px;
}
.category-wrapper.section-b-space {
	padding-bottom: 0;
}
.category-wrapper .category-wrap .category-img img {
	width: 110px;
	height: 110px;
}
.category-wrapper .category-wrap .category-img .side-effect {
	display: none;
}
.category-wrapper .category-wrap .category-content {
	padding: 20px 15px 20px 68px;
}
.category-wrapper .category-wrap .category-content p {
	display: none;
}
.category-wrapper .category-wrap .category-content .top h3 {
	font-size: 14px;
	margin-bottom: 0;
}
.category-wrapper .category-wrap .category-content .top h6 {
	text-transform: capitalize;
}
.category-wrapper .category-wrap .category-content .top .like-cls i {
	font-size: 10px;
	padding: 5px;
}
.category-wrapper .category-wrap .category-content .bottom .coupon-code {
	font-size: 10px;
}
.category-wrapper .category-wrap:hover .category-img {
	left: 0;
}
.category-bg .category-block {
	padding: 60px 20px 30px;
	max-width: 90%;
	margin-top: 68px !important;
}
.category-bg.section-b-space {
	padding-bottom: 20px;
}
.routes-section .row>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.routes-section .row>div:nth-child(-n+3) {
	margin-bottom: 30px;
}
.flight-detail .flight-box .middle-section {
	width: 40%;
}
.flight-detail .flight-box .middle-section .flight-info:after {
	display: none;
}
.flight-detail .flight-box .name-section {
	width: 150px;
}
.flight-detail .flight-box .name-section h6 {
	letter-spacing: 0.01em;
	margin-bottom: 5px;
}
.flight-detail .flight-box .name-section .btn {
	padding: 2px 7px;
	font-size: 12px;
}
.discount-banner {
	padding: 40px 0;
}
.discount-banner .banner-content {
	background-color: rgba(233, 179, 14, 0.85);
}
.menu-section .menu-box .bottom-bar {
	padding: 20px;
}
.menu-section .menu-box .bottom-bar .menu-bar {
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.menu-section .menu-box .bottom-bar .menu-bar img {
	margin-right: 0;
	width: 80%;
}
.menu-section .menu-box .bottom-bar .menu-bar .content h5 {
	margin-bottom: 5px;
}
.menu-section .menu-box .bottom-bar .menu-bar .content .rating {
	margin-bottom: 8px;
}
.menu-section .menu-box .bottom-bar .menu-bar .content h6 label {
	position: relative;
	right: 0;
	top: 0;
	display: inline-block;
}
.menu-section .menu-box .bottom-bar .menu-bar .content h6 del {
	margin-right: 0;
}
.book-table {
	background-position: unset;
}
.book-table .table-form {
	padding: 15px;
}
.tap-top {
	bottom: 20px;
	width: 22px;
	height: 22px;
	right: -38px;
}
.tap-top i {
	margin-top: -3px;
	font-size: 17px;
}
.tap-top.top {
	right: 20px;
}
.highlight-section .row>div {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.highlight-section .highlight-box svg,
.highlight-section .highlight-box img {
	width: 35px;
}
.filter-panel {
	padding: 15px 20px;
}
.mobile-filter {
	padding: 15px 20px;
}
.list-view .list-box .list-content .book-now {
	display: none;
}
.single-section .description-section .description-details .menu-part .rooms-box .price-details {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	text-align: left;
	padding-top: 10px;
	border-top: 1px solid #f9f9f9;
}
.single-section .description-section .description-details .menu-part .rooms-box td:first-child {
	width: 100%;
	display: block;
}
.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
	width: 100%;
	display: inline-block;
}
.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
	width: 100%;
	display: inline-block;
}
.single-section .description-section .description-details .menu-part .rooms-box .room-detail {
	padding: 10px 0;
}
.single-section .description-section.tab-section .menu-top li a {
	padding: 8px;
}
.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
	padding: 10px;
}
.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 200px;
	white-space: nowrap;
	padding: 0;
}
.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
	padding: 10px;
}
.single-section .description-section .description-details .menu-part.facility h6 {
	font-size: 13px;
}
.single-section .description-section .description-details .menu-part.facility h6 img {
	width: 15px;
}
.single-section .description-section .description-details .menu-part.facility ul {
	margin-left: 0;
}
.single-section .description-section .description-details .menu-part.facility ul li {
	font-size: 12px;
}
.single-section .description-section .description-details .menu-part.facility ul li i {
	margin-right: 2px;
}
.single-section .description-section .description-details .menu-part.review .review-box .rating {
	display: block;
}
.single-section .description-section .description-details .menu-part.review .review-box .rating span {
	display: block;
	margin-left: 0;
}
.single-section .description-section .description-details .content-title {
	text-transform: capitalize;
}
.bird-animation {
	opacity: 0.5;
}
.view-map .arrow {
	left: 30px;
}
.left-sidebar.sidebar-popup {
	top: 60px;
}
.order-menu-section .order-section .order-items .items p {
	max-width: 100%;
}
.order-menu-section .order-section .order-items .items .addtocart_btn {
	position: relative;
	top: 0;
	margin-top: 10px;
	margin-left: auto;
	width: 100%;
}
.order-menu-section .order-section .order-items .items .addtocart_btn .add_cart span {
	display: none;
}
.order-menu-section .order-section .order-items .items+.items .addtocart_btn {
	top: 0;
}
.flight-search .responsive-detail {
	padding: 15px 20px;
}
.flight-search .responsive-detail .modify-search {
	right: 15px;
}
.flight-search .flight-search-detail form {
	padding: 10px 0;
}
.flight-search .flight-search-detail form .responsive-close {
	right: -30px;
}
.flight-search .flight-search-detail form .responsive-close i {
	font-size: 16px;
}
.flight-detail-sec .detail-bar .detail-wrap .airport-part {
	width: 100%;
}
.top-bar-flight .fare-calender .calender-external {
	padding: 15px;
}
.top-bar-flight .fare-calender .calender-external .fc th,
.top-bar-flight .fare-calender .calender-external .fc td {
	width: 30px;
	font-size: 12px;
}
.top-bar-flight .fare-calender .calender-external .fc-dayGrid-view .fc-body .fc-row {
	height: 30px !important;
	min-height: 30px;
}
.top-bar-flight .fare-calender .calender-external .fc-content {
	font-size: 8px;
}
.top-bar-flight .fare-calender .calender-external tr:first-child>td>.fc-day-grid-event {
	margin-top: -5px;
}
.top-bar-flight .fare-calender .calender-external .fc-button {
	padding: 3px;
	font-size: 10px;
}
.top-bar-flight .fare-calender .calender-external .fc-toolbar h2 {
	font-size: 16px;
}
.top-bar-flight .fare-calender .calender-external .fc-toolbar.fc-header-toolbar {
	margin-bottom: 10px;
}
.portfolio-section .filter-button-group ul li {
	padding: 3px 10px;
	margin: 0 5px;
}
.blog-sidebar .blog-wrapper .sidebar-content .blog-post li {
	width: 100%;
}
.blog-sidebar .blog-wrapper .sidebar-title h5 {
	margin-bottom: 15px;
}
.blog-sidebar .blog-wrapper .search-bar input {
	padding: 10px 14px 10px 50px;
}
.blog-inner.blog_section .blog-wrap .blog-details {
	padding: 15px;
}
.blog-inner.blog_section .blog-list .blog-wrap .blog-details h6 i {
	margin-right: 0;
}
.dashboard-section .dashboard-box .dashboard-detail ul li .details .left {
	width: 70px;
}
.full-page .single-section .description-section .description-details .menu-part .list-view .list-box .list-img {
	width: 50%;
	margin: 0 auto;
}
.full-page .single-section .description-section .description-details .menu-part .list-view .list-box .list-content .facility-icon .facility-box span {
	font-size: 0;
}
.skeleton_loader .flight-search .responsive-detail .modify-search .ldr-btn {
	width: 106px;
	height: 28px;
}
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .zoom-gallery {
	width: 100%;
}
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details h6,
.skeleton_loader .single-section .description-section .description-details .menu-part .rooms-box .price-details h5 {
	margin-left: unset;
	margin-right: auto;
}
}

@media (max-width: 420px) {
	.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content h2 {
		margin-bottom: 0;
	}
	.breadcrumb-section.breadcrumb-cum-header .breadcrumb-content .package-detail li {
		display: block;
	}
	.service-part .service-wrapper {
		padding: 18px;
	}
	.service-part .service-wrapper h3 {
		font-size: 18px;
	}
	.testimonial-section .testimonial .left-part img {
		width: 80px;
		height: 80px;
	}
	.testimonial-section .testimonial .left-part .design {
		width: 30px;
		height: 30px;
	}
	.testimonial-section .testimonial .left-part .design i {
		font-size: 16px;
	}
	.testimonial-section .testimonial .left-part .design .light {
		font-size: 32px;
	}
	.ticket-section .ticket-box .content .detail h3,
	.ticket-section .ticket-box .content .detail h4 {
		margin-bottom: 5px;
	}
	.ticket-section .ticket-box .content .detail p {
		margin-bottom: 10px;
		line-height: 1.3;
	}
	.ticket-section .ticket-box .btn {
		padding: 6px 10px;
	}
	.ticket-section .slick-prev,
	.ticket-section .slick-next {
		top: 30%;
	}
	.video-section {
		padding: 40px 0;
	}
	.video_section {
		padding: 40px 0;
	}
	.blog_section .blog-wrap .blog-details {
		padding: 20px;
	}
	.blog_section .blog-wrap .blog-image .blog-label {
		padding: 7px 10px;
	}
	.blog_section .blog-wrap .blog-image .blog-label h6 {
		font-size: 12px;
	}
	.filter-section .top-section .coupon {
		position: absolute;
		bottom: 20px;
	}
	.filter-section .top-section .title {
		margin-bottom: 18px;
	}
	.filter-section .top-section .title h2 {
		margin-bottom: 0;
	}
	.filter-section .filters .filter-btn {
		padding: 8px 18px;
	}
	.single-section .description-section .menu-top li a {
		padding: 0 10px 0 0;
	}
	.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(2) {
		width: 100%;
		display: inline-block;
	}
	.single-section .description-section .description-details .menu-part .rooms-box td:nth-child(3) {
		width: 100%;
		display: inline-block;
	}
	.single-section .description-section .description-details .menu-part .rooms-box .price-details {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		text-align: left;
		padding-top: 10px;
		border-top: 1px solid #f9f9f9;
	}
	.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header {
		padding: 10px;
	}
	.single-section .description-section .description-details .menu-part .accordion-plan .card .card-header button {
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 200px;
		white-space: nowrap;
		padding: 0;
	}
	.single-section .description-section .description-details .menu-part .accordion-plan .card .card-body {
		padding: 10px;
	}
	.single-section .description-section .description-details .menu-part.facility h6 {
		font-size: 12px;
	}
	.single-section .description-section .description-details .menu-part.facility h6 img {
		width: 15px;
	}
	.single-section .description-section .description-details .menu-part.facility ul {
		margin-left: 0;
	}
	.single-section .description-section .description-details .menu-part.facility ul li {
		font-size: 12px;
	}
	.single-section .description-section .description-details .menu-part.facility ul li i {
		margin-right: 2px;
	}
	.single-section .description-section .description-details .menu-part.review .review-box .rating {
		display: block;
	}
	.single-section .description-section .description-details .menu-part.review .review-box .rating span {
		display: block;
		margin-left: 0;
	}
	.single-section .description-section .description-details .content-title {
		text-transform: capitalize;
	}
	.flight-search .responsive-detail .details span {
		display: block;
		font-size: 12px;
	}
	.flight-search .responsive-detail .details span.divider {
		display: none;
	}
	.contact_section.contact_right .row>div {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contact_section.contact_right .row>div:last-child {
		margin-bottom: 20px;
	}
	.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .icon {
		display: none;
	}
	.dashboard-section .dashboard-box .dashboard-detail .booking-box .detail-middle .media .media-body {
		margin-left: 0;
	}
	.dashboard-section .dashboard-box .dashboard-detail .card-payment .payment-card.add-card .card-details {
		min-height: 124px;
	}
	.dashboard-section .dashboard-sidebar .profile-top .profile-image .profile-edit {
		right: 26%;
	}
	.hotel-single-section .hotel-title-section .hotel-name .left-part .top .rating {
		display: none;
	}
	.hotel_title_section .hotel-name .left-part .top .rating {
		display: none;
	}
	.top-banner .top-banner-content {
		right: -40px;
	}
	.video-slider {
		height: 188px;
	}
}

@media (max-width: 360px) {
	.video-slider {
		height: 146px;
	}
}

@media (max-width: 320px) {
	.cab-section {
		height: 110vh;
	}
	.cab-section .cab-content {
		height: 110vh;
	}
}

.bg {
	padding: 50px 0 25px;
	background: url(../images/bg.jpg) center center no-repeat fixed;
	background-repeat: repeat;
	background-size: cover;
}

.wishlist_area .table-responsive table tbody tr td {
	border-right: 1px solid #f0f0f0;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 14px;
	text-align: center;
	min-width: 100px;
	color: var(--theme-color);
	;
}

.table td,
.table th {
	padding: .75rem;
	vertical-align: top;
}

.table-con {
	padding: 10px;
	color: var(--theme-color);
	!important;
}

/*.table-responsive .table {
    border-left: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
    background-color: rgba(0, 0, 0, 0.65);
}*/

.hidden-md {
	display: none;
}

.hidden-lg {
	display: none;
}

.scr {
	color: var(--theme-color);
	;
}

/* header and footer fixing layouts*/

header .main-navbar .nav-menu>li {
	margin-right: 0;
}
.center-img-logo{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.brand-logo a img {
	width: 104PX;
	align-content: center;
	display: block;
	border-radius: 4px;
	margin: 2px;
}
.overlay-content h2{
	color: var(--theme-color);
	font-weight: 650;
}
header .menu .header-right .user {
	padding: 12px;
}

header .menu .header-right .user a,
header .menu .header-right .user i {
	display: block;
	font-size: 18px !important;
}

header.light_header .menu .header-right .user.user-light {
	margin-right: 24px;
}

.footer_email a.text-white {
	text-transform: lowercase;
}

.footer_calls a.text-white {
	display: inline-block;
}

header.light_header .main-navbar .nav-menu>li>a {
	padding: 10px 6px;
	border-radius: 5px;
}
header.light_header .main-navbar .nav-menu li .btn-theme{
	color: #fff;
}

.pt-40 {
	padding-top: 42px;
}

.gallery_box {
/*    border: 3px solid #eee !important;*/
/*padding: 4px;*/
}
.gallery_box img{
	overflow: hidden;
	transition: all 0.3s ease 0s;
}

.gallery_box:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.gallery_box img {
	height: 273px;
}

.title-1 h2:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 60%;
	margin: 10px auto;
	width: 5%;
	height: 2px;
	background: var(--theme-color);
	display: block;
}

.title-1 {
	position: relative;
}

.tour-title h1 {
	font-size: 30px;
	margin: 0;
}

.tour-title {
	padding: 20px 0px;
	text-align: justify;
}

@media only screen and (max-width: 767px) {
	.site-header .topbar p {
		float: none;
	}
	.tour-title h1 {
		font-size: 20px;
		margin: 0;
	}
	.guest-detail h2 {
		font-size: 20px;
		color: var(--theme-color);
		margin-bottom: 22px;
		text-transform: capitalize;
		margin-top: -6px;
	}
	.site-header .social {
		float: none;
		margin-top: 2px;
		text-align: center;
	}
	.hidden-xs {
		display: none !important;
	}
}

.active {
	color: var(--theme-color);
}

.home_section .home.home-60 {
	height: 70vh;
}

.zoom-gallery .mar-b-30 {
	margin-bottom: 30px;
}

.overlay-background i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--theme-color);
	fff;
	font-size: 18px;
	/* display: none; */
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 5px;
	background: #00000070;
}

.tour-img img {
	outline: 0;
	outline-offset: 0;
	width: 100%;
	padding: 0;
}

p .duration {
	color: #000;
	font-weight: 600;
	margin-top: 10px;
	font-size: 16px;
}

p .duration b {
	color: rgb(184 37 14);
	font-weight: 600;
	margin-top: 10px;
}

p .description b {
	color: rgb(184 37 14);
	font-weight: 600;
	margin-top: 10px;
}

p .description {
	color: rgba(0, 0, 0, 0.68);
	font-weight: 300;
	margin-top: 10px;
	font-size: 16px;
	text-align: justify;
	line-height: 24px;
}

.iti-block {
/*    padding-left: 8px;*/
margin-bottom: 12px;
background-color: #f1f1f1;
padding: 10px;
/*    border-left: 3px solid var(--theme-color);*/
}

.iti-head {
	text-align: left;
	font-size: 22px;
	line-height: 33px;
	font-weight: 600;
}

.iti-head span {
	color: var(--theme-color);
}

.iti-block p {
	color: rgba(0, 0, 0, 0.68);
	font-weight: 300;
	margin-bottom: 25px;
	font-size: 16px;
	text-align: justify;
	line-height: 22px;
}

.iti h2 {
	text-align: left;
	font-size: 26px;
	line-height: 33px;
	font-weight: 600;
	margin-bottom: 10px;
	background-color: var(--theme-color);
	color: var(--theme-color);
	;
	padding: 3px 10px;
}

.breadcrumb_content {
	padding: 10px 0;
}

.breadcrumb_content ul li {
	display: inline-block;
	text-transform: capitalize;
	font-size: 14px;
	margin-right: 3px;
	padding-right: 13px;
	position: relative;
}

.breadcrumb_content ul li::before {
	position: absolute;
	content: "/";
	right: 0;
	top: 50%;
	transform: translatey(-50%);
}

.breadcrumb_content ul li a {
	color: #999;
}

.breadcrumb_content ul li:last-child {
	margin-right: 0;
}

.iti-head-3 {
	text-align: left;
	font-size: 22px;
	line-height: 33px;
	font-weight: 600;
	background-color: var(--theme-color);
	padding: 3px 8px;
	color: var(--theme-color);
	;
}

.itinerary ul li {
	border-bottom: 1px solid var(--theme-color);
}

.itinerary ul li {
	font-size: 14px;
	padding: 3px;
	text-align: left;
	line-height: 18px;
	width: 100%;
}

.itinerary ul li a {
	font-size: 14px;
	padding: 3px;
	text-align: left;
	line-height: 30px;
	font-weight: 600;
	color: #000;
}

.stars span i {
	padding: 4px;
}

.stars span {
	font-size: 14px;
	margin: 0 2px;
	color: #ffcc33;
	float: right;
}

.font-700 {
	font-weight: 700;
}

.tarrif-bg {
	background-size: cover;
	background-image: url('../images/white-abstract.jpg');
}

.car {
	padding: 10px;
	border: 1px solid #333;
	box-shadow: 3px 3px 5px 1px #888;
	margin-bottom: 25px;
	min-height: 411px;
	line-height: 30px;
	border-radius: 10px;
	border-bottom: 4px solid var(--theme-color);
}

.car-price p {
	font-size: 20px;
	font-weight: 700;
}

.car-price p span {
	font-size: 26px;
	font-weight: 700;
}

.car-name h5 {
	padding: 10px;
	background-color: var(--theme-color);
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	;
}

.car-img {
	padding-top: 10px;
	padding-bottom: 10px;
}

.devide {
	background: #8080804a;
	height: 1px;
	border: none;
	width: 80%;
	margin: 10px auto;
}

.star {
	color: var(--theme-color);
	font-size: 18px;
}

.price_button a {
	color: var(--theme-color);
	;
	border: 2px solid var(--theme-color);
	border-radius: 50px;
	padding: 8px 20px;
	background: var(--theme-color);
	box-shadow: 0 10px 14px -7px #000000a8;
}

.fa-checks {
	color: green;
	margin-right: 10px;
}

.ul-points ul li {
	color: var(--theme-color);
	font-size: 16px;
	font-weight: 600;
	display: block;
}

.setting {
	color: var(--theme-color);
	font-size: 18px;
}

.just-dial {
	margin-top: 12px;
	border-radius: 4px;
	padding: 4px;
	border: 2px solid #8b0705;
}

/*float buttons*/

.whatsapp-button {
	position: fixed;
	bottom: 60px;
	right: 15px;
	z-index: 1000;
	background-color: #25d366;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	width: 50px;
	height: 50px;
	font-size: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
	animation: effect 5s infinite ease-in;
}
.whatsapp-button img{
	width: 100%;
}

.call-button {
	position: fixed;
	bottom: 60px;
	left: 15px;
	z-index: 1000;
	background-color: #3fd0d4;
	border-radius: 50px;
	color: #fff;
	text-decoration: none;
	width: 50px;
	height: 50px;
	font-size: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	-webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
	-moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
	box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
	animation: effect 5s infinite ease-in;
}

.call-button i {
	font-size: 24px;
}

.whatsapp-button:hover,
.call-button:hover {
	background-color: #3DB3B7;
}

.whatsapp-button:hover i {
	color: var(--theme-color);
	;
}

.call-button:hover i {
	color: var(--theme-color);
	;
}

@keyframes effect {
	20%,
	100% {
		width: 50px;
		height: 50px;
		font-size: 30px;
	}
	0%,
	10% {
		width: 55px;
		height: 55px;
		font-size: 35px;
	}
	5% {
		width: 50px;
		height: 50px;
		font-size: 30px;
	}
}

.terms-content h3 {
	font-weight: 600;
	font-size: 30px;
}

.terms-list li {
	list-style: auto !important;
	display: block !important;
}

.sidebar-item {
	margin-bottom: 30px;
	padding: 20px;
	box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}

.sidebar-item>h3 {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	position: relative;
	padding-bottom: 10px;
	color: #000;
	border-bottom: 2px solid var(--theme-color);
}
/*.sidebar-item h3:before{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 90px;
  height: 2px;
  content: "";
  background-color: var(--theme-color);
}*/

.sidebar-category {
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
}

.sidebar-category li {
	list-style: none;
	margin-bottom: 1px;
	width: 100%;
}

.sidebar-category li .active {
	background: var(--theme-color);
	color: #FFF;
}

.sidebar-category li a {
	background: #ffffff none repeat scroll 0 0;
	color: #000;
	display: block;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 20px;
	text-transform: capitalize;
	box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
	border-radius: 6px;
	margin-top: 5px;
}
.sidebar-category li a:hover {
	background: var(--theme-color);
	color: #fff;
}
.sidebar-category li a:after{
	content: "\f061";
	font-family: FontAwesome;
	float: right;
}
.title-1 h4,
.title-1 h3 {
	font-weight: 600;
	font-size: 30px;
	position: relative;
	margin-bottom: 45px;
}

.title-1 h4:before,
.title-1 h3:before {
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 60px;
	left: 50%;
	transform: translateX(-50%);
	height: 2px;
	content: "";
	background-color: var(--theme-color);
}



/*.flight-search .flight-search-detail {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.65);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    display: none;
    left: 0;
    top: 0;
    z-index: 9;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0; }
}*/

@media only screen and (max-width: 600px) {
	.flight-search .flight-search-detail .form-group label {
		color: #000 !important;
	}
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.breadcrumb__text {
	text-align: center;
}

.breadcrumb__links {
	position: absolute;
	content: '';
	bottom: -100px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--theme-color);
	padding: 15px 25px;
	border: 5px solid #fff;
	border-bottom: none;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;

}

.breadcrumb__links a {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 26px;
	display: inline-block;
	position: relative;
}
.breadcrumb__links span {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 26px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links a::after {
	position: absolute;
	right: -18px;
	top: 0px;
	font-family: FontAwesome;
	content: "";
	font-size: 20px;
	font-weight: 400;
}

.breadcrumb__links span:last-child {
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	margin-right: 26px;
	display: inline-block;
	position: relative;
}

.breadcrumb__links span {
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	margin-right: 26px;
	position: relative;
}

.breadcrumb__text h2 {
	color: #fff;
	font-size: 46px;
	font-weight: 700;
}


/*
 * ----------------------------------------------------------------------------------------
 * 11.START TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

.testimonial .white-title h2 {
	color: var(--theme-color);
	;
}

.testimonial {
	position: relative;
	z-index: 9;
}

.testimonial .overlay {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 1;
}

#testimonial-slider {}

.testimonial {}

.single-testimonial {
	color: var(--theme-color);
	;
	padding: 30px 25px;
}

.testimonial-content {
	font-weight: 600;
}

/*.testimonial .title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-color);
    ;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 0 5px 0;
}*/

.testimonial .owl-item.active.center .single-testimonial {
	padding: 30px 25px;
	border-radius: 4px;
	background: linear-gradient(to right, #ba8a04, #ba8a04);
	color: var(--theme-color);
	;
	border-radius: 4px;
	box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
}

.test-rating {
	color: #ffc000;
	font-size: 14px;
}

.testimonial .owl-carousel .owl-item img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin-bottom: 5px;
	display: inline-block;
	border: inherit;
	margin: 0;
	position: relative;
	left: 50%;
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);

}

#testimonial-slider .owl-controls {
	position: absolute;
	top: 40%;
	width: 100%;
	margin: 0;
}

#testimonial-slider .owl-nav div {
	width: 50px;
	height: 50px;
	line-height: 45px;
	border-radius: 50%;
	background: var(--theme-color);
	;
	position: absolute;
	color: #f05942;
	font-size: 20px;
}

#testimonial-slider .owl-controls .owl-prev {
	left: -5%;
}

#testimonial-slider .owl-controls .owl-next {
	right: -5%;
}

header .main-navbar .nav-menu>li .nav-submenu li a.active {
	background-color: var(--theme-color);
	color: #fff!important;
}

/*
 * ----------------------------------------------------------------------------------------
 * 11.END TESTIMONIAL DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*.animated{
      animation-fill-mode: inherit!important;
}*/

/*about section*/

.tm-element-heading-content-wrapper .tm-element-subhead {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1.0px;
	color: var(--theme-color);
}

.tm-element-heading-content-wrapper .tm-element-subhead {
	margin-bottom: 7px;
	position: relative;
	display: inline-block;
}

.tm-element-content-heading {
	font-weight: 600;
	font-size: 44px;
	line-height: 56px;
	color: var(--theme-color);
}

.tm-element-content-desctxt {
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #000;
	text-align: justify;
}

.about-section ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.about-section li {
	list-style-type: none;
	height: auto;
	border-radius: 8px;
	display: flex;
  align-items: center;
	gap: 20px;;
	padding: 0;
  i{
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
/******************/
.about-img .br-right-bottom2 {
    position: absolute;
    bottom: -1px;
    left: 98px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.about-img .br-left-top {
    position: absolute;
    bottom: 98px;
    left: 0px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.br-right-bottom2 svg , .br-left-top svg{
    width: 24px;
    height: 24px;
    fill: #F3F6F9;
}
.about-listing-overlay{
    position: absolute;
    bottom: -1px;
    z-index: 1;
    width: 100px;
    height: 100px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 40px 0 0;
    background: #F3F6F9;
    left: -1px;
    text-align: center;
}
.about-listing-overlay h5{
  width: 80%;
  height: 80%;
  font-size: 14px;
  font-weight: 800;
  font-family: var(--main-font);
  border-radius: 50%;
  background-color: var(--theme-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
}

.about-section .about-icon{
	background-color: #ffffff;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.08);
}
.about-section .about-icon img {
	width: 34px;
	height: 34px;
}
.about-li .title{
	font-size: 20px;
	margin-bottom: 10px;
	color: #000;
}

.about-section img{
	transition: 0.3s linear;
  border-radius: 12px;
}
/*.about-section img:hover {
    transform: scale(1.1);
}*/

.about-us-image-wrapper-1 {
	height: 510px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 661px;
}
.about-us-image-wrapper-1 img{
	width: 100%;
}
.about-us-image-wrapper-1 .image-wrapper.style-1 {
	width: 200px;
	height: 200px;
	bottom: inherit;
	top: 50%;
	margin-left: 66px;
}
.about-us-image-wrapper-1 .image-wrapper {
	position: absolute;
	border-radius: 100%;
	border: 3px solid #ffffff;
	overflow: hidden;
}
.about-us-img img{

	width: 100%;
	height: 600px;
	object-fit: cover;
	border-radius: 7px 7px 7px 7px;
}
.about-us-image-wrapper-1 .image-wrapper.style-2 {
	width: 180px;
	height: 180px;
	bottom: 0;
	margin-right: 0px;
	right: 0;
	animation: flipInX 2s linear infinite alternate;
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
		transform: perspective(400px) rotate3d(1,0,0,90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
		transform: perspective(400px) rotate3d(1,0,0,-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
		transform: perspective(400px) rotate3d(1,0,0,10deg);
		opacity: 1
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
		transform: perspective(400px) rotate3d(1,0,0,-5deg)
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}
.about-us-image-wrapper-1 .image-wrapper.style-3 {
	width: 280px;
	margin: 0;
	top: 0;
	right: 0;
	height: 280px;
}




.List-items li:not(:last-child) {
	padding-bottom: calc(11px/2);
}

.List-items li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: inherit;
	display: block;
}

.List-items i {
	color: var(--theme-color);
	width: 1.25em;
	font-size: 14px;
}

.List-items span {
	color: var(--theme-color);
	padding-left: 8px;
}

.main-box {
	background-color: #ffffff !important;
	border-radius: 6px;
	border-style: solid;
	border-width: 0px 0px 5px 0px;
	border-color: var(--theme-color);
	transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin: 0px 0px 0px 6px;
	--e-column-margin-right: 0px;
	--e-column-margin-left: 6px;
	padding: 35px 35px 13px 36px;
}

.main-box .box-icon img {
	width: 75px;
}
/*OUR GALLERY*/
#our_gallery{
	position: relative;
}
.bgimage{
	background-color: var(--theme-color) !important;
	background-image: url('../images/bgimg.png');
	background-size: contain;
	background-position: center center;
	position: absolute;
	height: 510px;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	z-index: -1;
	margin-bottom: 10px;
}
/*OUR DESTINATION*/

.booking-one__single {
	margin-bottom: 30px;
	-webkit-transition: all .35s;
	transition: all .35s;
	border-radius: 10px
}

.booking-one__image {
	position: relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	min-height: 90px;
	background: #ccc
}
.booking-one__image img{
	height: 250px;
}
.booking-one__content {
	padding: 10px 30px 0;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,.1);
	box-shadow: 0 10px 20px rgba(0,0,0,.1);
	border-top: none;
	border-radius: 0 0 10px 10px;
	background: #fff;
	position: relative;
	margin-top: -16px;
	text-align:center;
}

@media (max-width: 1024px) {
	.booking-one__content {
		padding:10px 20px 0
	}
}

.booking-one__content:after {
	content: '';
	width: 100%;
	height: 20px;
	border-radius: 20px 20px 0 0;
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 9;
	background: #fff;
	margin-bottom: -1px
}

.booking-one__content-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.booking-one__content-top .booking__rating {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(100% - 66px);
	flex: 0 0 calc(100% - 66px)
}

.booking-one__media {
	background: #fff;
	padding: 7px 18px 5px;
	position: absolute;
	top: -35px;
	right: 30px;
	-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
	border-radius: 8px;
	z-index: 11;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66px;
	flex: 0 0 66px;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.booking-one__title {
	font-size: 20px;
	margin: 10px 0 10px;
	font-weight: 600
}

.booking-one__address {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 400
}

.booking-one__address i {
	margin-right: 10px;
	color: var(--e-global-color-primary)
}

.booking-one__price .item_info_price_new {
	color: var(--e-global-color-secondary)
}

.booking-one__meta {
	margin-top: 20px;
	padding: 10px 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	border-top: 1px solid #e2dfeb
}

.booking-one__item-meta i {
	margin-right: 4px;
	font-size: 20px;
	position: relative;
	top: 2px;
	color: var(--e-global-color-primary)
}

.booking-one__meta-left>span:not(:last-child) {
	margin-right: 18px
}

.booking-one__meta-right a {
	display: inline-block;
	position: relative;
	padding-right: 20px
}

.booking-one__meta-right a:after {
	content: '\f061';
	font-family: 'Line Awesome Free';
	position: absolute;
	top: 8px;
	right: 0;
	font-size: 14px;
	z-index: 1;
	line-height: 1;
	font-weight: 900
}



/*DESTINATION*/
.single_package {
	margin: 0 15px 20px;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.07);
	border-radius: 4px;
}

.package-hover {

}
.single_package .package-hover {
	padding: 30px;
}
.package-hover p{
	margin-bottom: 20px;
}
.package-hover i{
	color: #fec42d;
}
.time_zone{
}
.team .position-center-center {
	width: 100%;
	padding: 0 20px;
}
.single_package img{
	width: 100%;
	position: relative;
	height:200px;
}
.pack_price{
	font-weight: 700;
	color: #f05942;
}
.single_package h5 {
	font-size: 18px;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-weight: 700;

}
.single_package .rating{
	margin-bottom: 3px;
}
.single_package .time_zone {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	text-transform: capitalize;
	width: 100%;
	color: #333;
	margin-bottom: 12px;
}
.single_package .time_zone i{
	color: #f05942;
}
.package-name {
	font-size: 16px;
	font-weight: 700;
	padding: 25px 20px;
	text-transform: uppercase;
	transition: all 0.2s ease-in-out 0s;
	width: 100%;
}
.pack_image{
	position: relative;
	transition: .5s;
	overflow: hidden;
}
.pack_image:before,
.single_gallery:before,
.blog_image:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75%);
	opacity: 0;
	transition: .5s;
}
.gallery_enlarge_icon,
.pack_image .btn-bg{
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: .5s;    
}
.pack_image .btn-bg{
	color: #fff;
	font-size: 13px;
	background: #f05942;
	border-radius: 30px;
	padding: 5px 20px;
}

.single_package:hover .btn-bg,
.single_gallery:hover .gallery_enlarge_icon{
	opacity: 1;
}
.single-deal figure p a:hover,
.single-deal figure p a:focus
{
	background: #e1330b;
	color: #fff;
}
.single_package:hover .pack_image:before,
.single_gallery:hover:before {
	opacity: 1;
	filter: alpha(opacity=100);
}
#package-slider .owl-controls{
	margin-top: 15px;
}
#package-slider .owl-dots .owl-dot span{
	color: #333;
	width: 12px;
	height: 12px;
	opacity: 1;
}
#package-slider .owl-dots .owl-dot.active span{
	background-color: #f05942;
}

/*price_section*/

.filter-card-item {
	-webkit-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	border: 1px solid var(--theme-color);
	margin-bottom: 20px;
}

.filter-card-item .feature-thumb img {
	-webkit-transition: 0.3s ease-in;
	transition: 0.3s ease-in;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
.filter-card-item .filter-card-content {
	padding: 0 24px 32px;
}
.filter-card-content h5{
	font-weight: 600;
	font-size: 22px;
	padding-top: 15px;
}
.spacer {
	border: 0;
	border-bottom: 1px solid rgba(11, 22, 63, 0.07);
}
.card-feature-box {
	justify-content: space-between;
}
.card-feature-box .icon-box {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}
.card-feature-box .icon-box span {
	line-height: 0;
}
.card-feature-box .icon-box i{
	color: var(--theme-color);
}
.filter-card-item:hover .feature-thumb img {
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
}

.zoom-gallery .gallery_img {
	position: relative;
	overflow: hidden;
}
.zoom-gallery .gallery_img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*========form booking index==========*/

.form_section{
      position: relative;
    background: var(--theme-color);
    padding: 10px 40px;
    border-radius: 20px;
}
.form_section img{
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	top: -56px;
}

.form_section .form-title{
	color: var(--second-color);
	font-weight: 600;
	margin-bottom: 12px;
	text-align: center;
	margin-bottom: 10px;
  font-size: 20px;
}
.form_section .title{
  color: var(--second-color);
  font-weight: 600;
  margin-bottom: 12px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 20px;
}
hr:not([size]){
	top: 2px	;
}
.accent-2 {
	width: 60px;
	position: relative;
	left: 50%;
	top: -9px;
	transform: translate(-50%);
	border-top: 1px solid var(--second-color);
}

.form_section .form-group label {
	text-transform: capitalize;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 15px;
	color: #000;
	display: none;
}
.form_section .form-heading{
	background-color: var(--theme-color);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.form_section .form-control,.form_section .form-select{
	background-color:;
	padding: 7px;
}

.form_section .form-group{
	position: relative;
	margin-bottom: 10px;
}
.form_section .form-group i {
	position: absolute;
	left: 0;
	top: 2px;
	width: 28px;
	text-align: center;
	line-height: 38px;
	color: var(--theme-color);
	font-size: 18px;
}

.form-btn{
	width: 48%;
	margin: 0px 26%;
	border-radius: 30px;
}


.form_section .input-group-text{
	padding: 7px;
	padding-right: 4px;
	background-color: transparent;
	border: none;
	padding-top: 8px;
}
.form_section .input-group i{
    color: var(--second-color);
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 11px;
    font-size: 19px;
}
.form_section .form-control, .form_section .form-select{
    font-size: 14px;
    line-height: 28px;
    padding: 15px 20px;
    color: var(--second-color);
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 13px 20px;
    background: #f9f9f9;
    border: none;
    box-shadow: none;
    border-radius: 30px !important;
    line-height: 28px;
    padding-left: 40px;
}
.form_section .form-control:focus, .form_section .form-select:focus{
	box-shadow: none;
	border: none;
  background: #f9f9f9 !important;
}
.form_section .form-select:focus{
	box-shadow: none;
	border: none;
	transition: 0.2s;
}
.text-theme{
  color: var(--theme-color) !important;
}
.form_section .form-select{
	border: none;
	border-radius: 0;
	transition: 0.2s;
	margin-left: 0;
}
.form_section .input-group{
	padding-right: 0;
  margin-bottom: 10px;
  position: relative;
}
.form_section  label{
  margin-left: 10px;
  font-weight: 600;
  color: #000;
}
.form_section form .btn-theme{
  border-color: var(--second-color);
  color: var(--second-color);
  span{
    color: var(--second-color);
    i{
      color: var(--second-color);
    }
  }
}
.form_section form .btn-theme:hover{
  color: #fff;
  span{
    color: #Fff;
    i{
      color: #fff;
    }
  }
}
.form_section .row .form_lable{
	position: relative;
	font-size: 12px;
	z-index: 1;
	font-weight: 600;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset !important; /* Adjust color if needed */
	box-shadow: 0 0 0 1000px white inset !important; /* Adjust color if needed */
	background-color: transparent !important;
	color: inherit !important;
}
input:focus, 
textarea:focus, 
select:focus {
	background-color: transparent !important;
	background: transparent !important;
}
/*==================================*/
.car_img {
	width: 400px;
	left: 50%;
	bottom: 100px;
	transform: translateX(-50%);
	position: absolute;
	z-index: 2;
}

.car_img img {
	width: 100%;
	animation: car 1s linear infinite;
}

@keyframes car {
	0% {
		transform: translateY(-4px);
	}

	50% {
		transform: translateY(0px);
	}

	100% {
		transform: translateY(-4px);
	}
}

.wheel {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 185px;
	z-index: 2;
}

.wheel img {
	width: 72px;
	height: 72px;
	animation: wheel 1s linear infinite;
}

@keyframes wheel {
	100% {
		transform: rotate(360deg);
	}
}

.frontwheel {
	position: absolute;
	left: 80px;
}

.backwheel {
	position: absolute;
	left: -165px;
}

.cars {
	padding: 10px;
	border: 1px solid #333333;
	box-shadow: 5px 5px #888888;
	margin-bottom: 25px;
	min-height: 411px;
	line-height: 30px;
}
.car-price p span {
	font-size: 36px;
	font-weight: 700;
}

.car-content p {
	margin-bottom: 10px;
}
.car-content p:last-child {
	padding: 10px;
	background-color: var(--theme-color);
	font-size: 15px;
	font-weight: 600;
	color: #fff;
}

/*    phone toggle bar*/
.overlay_bg #myNav{
	border-right: 2px solid var(--theme-color);
}
#myNav{
	position: relative;
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
}
.overlay_bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgb(0 0 0 / 70%);
	z-index: 15;
	transition: 0.5s linear;
}

.overlay-content {
	position: relative;
	left: 0;
	width: 100%;
}

#myNav .overlay-content a {
	padding: 15px;
	text-decoration: none;
	font-size: 20px;
	color: #000;
	display: block;
	transition: 0.3s;
	border-bottom: 1px solid #fff;
}
#myNav .overlay-content .dropdown-menu {
	background-color: var(--theme-color);
}
#myNav .overlay-content .dropdown-menu a{
	border: none;
}
#myNav .overlay-content .dropdown-toggle::after {
	float: right;
	margin-top: 10px;
}

#myNav a:hover, .overlay a:focus {
	color: var(--theme-color);
}

#myNav .closebtn {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 35px;
	color: #fff;
	z-index: 1;
	background: red;
	padding-left: 3px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.toggle-icon{
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    top: 22px;
    right: 15px;
    color: #fff;
    background: var(--theme-color);
    padding: 3px 12px;
    border-radius: 5px;
}
.overlay-content .phone-site-logo{
	font-size: 30px;
	font-weight: 500;
	background: #23393d;
	padding: 20px 0;
	padding-left: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: start;
}
.overlay-content .phone-site-logo img{
	width: 100px;
	border-radius: 10px;
}
.overlay-content .phone-site-logo .d-block {
	text-align: center;
	font-size: 19px;
}
#myNav .overlay-content .dropdown ul{
	padding-left: 12px;
}
#myNav .overlay-content .dropdown ul a{
	font-size: 14px;
	padding: 5px 10px;
	border-bottom: 1px solid #d9d9d9;
}
@media only screen and (max-width: 600px) {
	.brand-logo a h3{
		font-size: 26px;
	}
}
@media screen and (max-height: 450px) {
	##myNav a {font-size: 20px}
	#myNav .closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}
/*    phone toggle bar*/

/*our destination*/
.packages-section {
	position: relative;
	background: #fafaee;
}
.packages-section .bg-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: repeat;
	background-position: left top;
}
.package-block .inner-box {
	position: relative;
	display: block;
	background: #ffffff;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.07);
	border-radius: 10px;
}
.package-block .image-box {
	position: relative;
}
.package-block .image-box .image {
	position: relative;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.package-block .image-box .image img {
	position: relative;
	width: 100%;
	height: 210px;
	border-radius: 10px 10px 0 0;
	transition: all 0.5s ease;
}
.package-block .lower-box {
	position: relative;
	display: block;
	padding: 10px;
}
.package-block .lower-box .p-icon {
	position: absolute;
	top: -36px;
	right: 30px;
	width: 72px;
	height: 72px;
	z-index: 5;
}
.package-block .lower-box .location {
	position: relative;
	font-weight: 600;
	font-size: 20px;
	color: #000;
	margin-bottom: 10px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	padding-top: 10px;
}
.package-block .lower-box p {
	position: relative;
	font-weight: 400;
	color: #2d3434;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.package-block h5 a {
	color: #2d3434;
}
.package-block .lower-box .info {
	position: relative;
	font-size: 14px;
	line-height: 20px;
}
.package-block .lower-box .info .duration {
	position: relative;
	color: #000;
}
.package-block .lower-box .info .duration i, .package-block .lower-box .info .persons i {
	position: relative;
	padding-right: 5px;
}
.package-block .lower-box .info .persons {
	position: relative;
	float: right;
}
.package-block .bottom-box {
	position: relative;
	margin-top: 25px;
	padding: 15px 0;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.package-block .lower-box .p-icon img {
	max-height: 72px;
}
.package-block .lower-box .p-icon .icon{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #ffffff;
	line-height: 72px;
	text-align: center;
	font-size: 32px;
	font-weight: 400;
}
.offer-action {
	text-align: center;
	background: var(--theme-color) none repeat scroll 0 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 100%;
	margin: 25px auto 0;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
.offer-action a {
	display: inline-block;
	text-transform: uppercase;
	padding: 7px 15px;
	font-weight: 500;
	color: #fff;
	font-size: 14px;
	width: 47%;
}

.offer-action:after {
	position: absolute;
	content: "";
	width: 66%;
	height: 100%;
	background: #000 none repeat scroll 0 0;
	right: -36px;
	z-index: -1;
	-webkit-transform: skewX(40deg);
	transform: skewX(40deg);
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
/*Testimonials*/
.testi-block-one .inner-box {
	position: relative;
	display: block;
	text-align: center;
	min-height: 332px;
	padding: 60px 40px 60px;
	background: #ffffff;
	border-radius: 10px;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 15px 0px rgba(2, 24, 93, 0.07);
}
.testi-block-one .icon {
	position: relative;
	font-size: 48px;
	color: var(--theme-color);
	line-height: 48px;
	margin-bottom: 30px;
}
.flaticon-left-quote:before {
	content: "\f10d";
	font-family: FontAwesome;
}
.testi-block-one .text {
	position: relative;
	font-size: 18px;
	color: #6c7171;
	font-style: italic;
}
.testi-block-one .info {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 115px;
	margin-top: 25px;
	text-align: left;
}
.testi-block-one .info .image{
	position: absolute;
	left: 0;
	top: 0px;
	width: 92px;
	height: 92px;
	border-radius: 50%;
	overflow: hidden;
}

.testi-block-one .info .image img{
	position: relative;
	display: block;
	width: 100%;
	border-radius: 50%;
}

.testi-block-one .info .name{
	color: #2d3434;
	font-size: 18px;
	font-weight: 400;
	font-family: 'Gilroy_Bold', sans-serif;
	margin-bottom: 0px;
	margin-top: 20px;
}

.testi-block-one .info .designation{
	position: relative;
	float: left;
	font-size: 14px;
	font-weight: 400;
	color: #a8b1b5;
}

.testi-block-one .info .rating{
	position: relative;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #ffb400;
	margin-bottom: 7px;
}

.testi-block-one .info .rating i{
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.testi-block-one .info .rating i:last-child{
	margin-right: 0;
}

.testimonials-section .slick-dots{
	position: relative;
	padding-top: 40px;
	text-align: center;
}

.testimonials-section .slick-dots li{
	position: relative;
	display: inline-block;
	font-size: 0;
	text-indent: 50px;
	overflow: hidden;
	width: 24px;
	height: 24px;
	border: 1px solid rgba(0, 0, 0, 0.0);
	margin: 0 5px;
	border-radius: 50%;
	cursor: pointer;
}

.testimonials-section .slick-dots li button{
	content: '';
	position: absolute;
	left: 6px;
	top: 6px;
	width: 10px;
	height: 10px;
	background: #c4cecc;
	border-radius: 50%;
}

.testimonials-section .slick-dots li.slick-active{
	border-color: #ff5522;
}

.testimonials-section .slick-dots li.slick-active button{
	background: #4a6660;
}

/*Home Slider*/
.hero-slider h2 {
	line-height:1.1;
}
.hero-slider {
	width: 100%;
	height: 700px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	z-index: 0;
	border-bottom: 2px solid var(--theme-color);
}

@media (max-width: 991px) {
	.hero-slider {
		height: 600px;
	}
}

@media (max-width: 767px) {
	.hero-slider {
		height: 500px;
	}
}

.hero-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}

.hero-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.hero-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
	background: transparent;
	width: 55px;
	height: 55px;
	line-height: 53px;
	margin-top: -30px;
	text-align: center;
	border: 2px solid #d4d3d3;
	border-radius: 55px;
	opacity:0;
	visibility:hidden;
	transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
	transform:translateX(0);
	opacity:1;
	visibility:visible;
}

@media (max-width: 767px) {
	.hero-slider .swiper-button-prev,
	.hero-slider .swiper-button-next {
		display: none;
	}
}

.hero-slider .swiper-button-prev {
	left: 25px;
	transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
	font-family: "FontAwesome";
	content: "\f060";
	font-size: 15px;
	color: #d4d3d3;
	font-style: normal;
	display: inline-block
	vertical-align: middle;
	font-weight: 900;
}

.hero-slider .swiper-button-next {
	right: 25px;
	transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
	font-family: "FontAwesome";
	content: "\f061";
	font-size: 15px;
	color: #d4d3d3;
	font-style: normal;
	display: inline-block
	vertical-align: middle;
	font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	text-align: left;
	line-height: 12px;
	font-size: 12px;
	color: #000;
	opacity: 0.3;
	background:#fff;
	transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
	opacity:1;
}

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


.swiper-pagination {
	text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
	bottom:10px;
	max-width: 1200px;
	padding: 0 15px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}
}
@media (min-width: 767px) {
	.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
		bottom:30px;

	}
}
/*--------------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-style {
	height: 500px;
	transition:all .4s ease;
}

@media (max-width: 991px) {
	.hero-style {
		height: 600px;
	}
}

@media (max-width: 767px) {
	.hero-style{
		height: 200px;
	}
}

@media screen and (min-width: 992px) {
	.hero-style .container {
		padding-top: 95px;
	}
}

.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
	max-width: 690px;
}

.hero-style .slide-title h2 {
	font-size: 60px;
	font-weight: 600;
	line-height: 1.5;
	color: #ffffff;
	margin: 0 0 40px;
	text-transform: capitalize;
	transition:all .4s ease;
}

@media (max-width: 1199px) {
	.hero-style .slide-title h2 {
		font-size: 75px;
	}
}

@media (max-width: 991px) {
	.hero-style .slide-title h2 {
		font-size: 50px;
		margin: 0 0 35px;
	}
}

@media (max-width: 767px) {
	.hero-style .slide-title h2 {
		font-size: 25px;
		margin: 0 0 30px;
		text-align: center;
	}
}

.hero-style .slide-text p {
	opacity: 0.8;
	font-family: Rajdhani;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: normal;
	color: #ffffff;
	margin: 0 0 40px;
	transition:all .4s ease;
}

@media (max-width: 767px) {
	.hero-style .slide-text p {
		font-size: 16px;
		font-size: 1rem;
		font-weight: normal;
		margin: 0 0 30px;
	}
}

.hero-style .slide-btns > a:first-child {
	margin-right: 10px;
}


/*GALLERY*/
.gallery-section{
	position: relative;
}
.gallery-section:before {
	content: '';
	background: #162241;
	position: absolute;
	top: 0;
	left: 0;
	height: 75%;
	width: 100%;
}
.gallery-section .desti-inner{
	position: relative;
	z-index: 1;
}
.gallery-section .desti-image {
	position: relative;
	overflow: hidden;
	border: 6px solid #ffffff1a;
}
.gallery-section .desti-image img {
	width: 100%;
	height: 320px;
	object-fit: cover;
}

.gallery-section .desti-image .desti-overlay {
	opacity: 0;
	background: #2e3d626b;
	position: absolute;
	bottom: 100%;
	left: 0;
	transition: all ease-in-out 0.5s;
	z-index: 1;
	height: 100%;
	width: 100%;
}
.gallery-section .desti-image .desti-overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.nir-btn, .nir-btn-black {
	position: relative;
	z-index: 1;
	font-size: 20px;
	text-align: center;
	padding: 12px 24px;
	text-transform: capitalize;
	transition: all ease-in-out 0.5s;
	background: var(--theme-color);
	color: #fff;
	display: inline-block;
	border-radius: 43px;
	box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.1);
}

.gallery-section .desti-image:hover .desti-overlay {
	opacity: 1;
	bottom: 0;
	transition: all ease-in-out 0.5s;
}

/* js particle*/
#particles-js {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ---- stats.js ---- */

.count-particles{
	background: #000022;
	position: absolute;
	top: 48px;
	left: 0;
	width: 80px;
	color: #13E8E9;
	font-size: .8em;
	text-align: left;
	text-indent: 4px;
	line-height: 14px;
	padding-bottom: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.js-count-particles{
	font-size: 1.1em;
}

#stats,
.count-particles{
	-webkit-user-select: none;
}

#stats{
	border-radius: 3px 3px 0 0;
	overflow: hidden;
}

.count-particles{
	border-radius: 0 0 3px 3px;
}
.text-justify{
	text-align: justify!important;
}

/*testimonial*/
.testimonial-page-section .inner-box {
	position: relative;
	display: block;
	background: #ffffff;
	padding: 48px 30px 71px 30px;
	border-radius: 10px;
	box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
}
.testimonial-page-section .inner-box .text {
	position: relative;
	margin-bottom: 23px;
}
.testimonial-page-section .inner-box .text .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 59px;
	height: 41px;
	background-repeat: no-repeat;
}
.testimonial-page-section .inner-box .text p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	position: relative;
}
.testimonial-page-section .inner-box .author-box h4 {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 0px;
}
.testimonial-page-section .inner-box .author-box .designation {
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 500;
	color: #ddd;
	padding: 10px 0;
}
.testimonial-page-section .inner-box .author-box .thumb-box {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -47px;
	width: 95px;
	height: 95px;
	background: #ffffff;
	padding: 7px;
	border-radius: 50%;
	box-shadow: 0px 20px 40px 0px rgba(6,26,58,0.2);
}
.testimonial-page-section .inner-box .author-box .thumb-box img {
	width: 100%;
	border-radius: 50%;
}

/*Cab Service*/
.cab-card{
	margin-bottom: 20px;
}
.elementor-element-5f4c68f{
	margin-bottom: 30px;
	text-align: center;
	background-color: var(--theme-color);
	border-radius: 30px 30px 0px 0px;
}
.elementor-element-5f4c68f img {
	border-radius: 30px 30px 0px 0px;
}
.serviceBox2{
	position: relative;
}
.serviceBox2:before, .serviceBox2:after {
	content: "";
	background: var(--theme-color); 
	width: 10px;
	position: absolute;
	top: 35px;
	bottom: 35px;
}
.serviceBox2:after {
	border-radius: 100px 0 0 100px;
	left: auto;
	right: 0;
}
.elementor-element-bab5a65 > .elementor-widget-container {
	margin: -44px 0px 0px 0px;
	background-color: #FFFFFF;
	border-radius: 0 0 30px 30px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}
.elementor-element-bab5a65 .eael-pricing {
	border-radius: 30px;
	text-align: center;
	position: relative;
	z-index: 0;
	-webkit-display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.eael-pricing .eael-pricing-item {
	border-radius: 30px;
}

.eael-pricing-item {
	padding: 30px;
	border-radius: 5px;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	width: 100%;
	height: auto;
	margin: 0;
}

.eael-pricing.style-1 .eael-pricing-item .header {
	display: block;
	position: relative;
	z-index: 0;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.eael-pricing-item .header .title {
	color: var(--theme-color);
	font-size: 18px;
	font-weight: 600;
	font-style: normal;
}
.eael-pricing-item .header:after{
	background: #dbdbdb;
	content: "";
	position: absolute;
	width: 140px;
	height: 1px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
	z-index: 1;
}
/*  end cab service*/

/*Our Process*/
.our-process{
	background-image: linear-gradient(to right, rgb(0 0 0 / 75%), rgb(10 10 10 / 75%)),url(../images/rishikesh.jpg);
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}
.section-title.style-two p{
	color: #fff;
}

.org-bd {
	border-radius: 3px;
	border: solid 1px var(--theme-color);
	text-align: center;
	margin-top: 20px;
	min-height: 100px;
}
.online-icon {
	width: 75px;
	height: 75px;
	background: var(--theme-color);
	border-radius: 50%;
	margin: auto;
	margin-top: -40px;
	border: 3px solid #fbfbfb;
}
.online-icon i{
	font-size: 35px;
	padding: 18px;
	color: #fff;
}
.org-txt {
	font-size: 24px;
	color: var(--theme-color);
	font-weight: bold;
	margin-top: 15px;
}
.achievement-card {
	padding: 20px;
	text-align: center;
	background: var(--theme-color);
	color: #fff;
	-webkit-box-shadow: 0 0 64px rgba(17,17,17,.1);
	box-shadow: 0 0 64px rgba(17,17,17,.1);
	border-radius: 5px;
}
.achievement-card .achievement-icon {
	margin-bottom: 20px;
}
.achievement-card .achievement-icon i {
	color: #fff;
	font-size: 70px;
}
.achievement-card h5 {
	font-weight: 700;
	font-size: 22px;
	line-height: 32px;
	color: #fff;
}
/*end Our Process*/

/*============cars section===========*/
.cars-section .card{
	border: none;
	box-shadow: 0px 6px 35px rgba(0, 0, 0, 0.08);
}
.cars-section .card-image{
	text-align: center;
}
.cars-section img {
	width: 80%;
	margin: auto;
  /*-webkit-mask-image: url(../images/footer-bg.png);
  mask-image: url(../images/footer-bg.png);
  -webkit-mask-position: top left;
  mask-position: top left;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;*/
}
.cars-section .card .card-title{
	color: #000;
	font-size: 20px;
	font-weight: bold;
}
.cars-section .card ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-align: center;
	color: #000;
	margin-bottom: 10px;
}
.cars-section .card ul li strong{
	display: block;
}

.multi-button {
	border-radius: 4px;
  /*background: #ddd;
  border: 2px solid #ddd;*/
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.multi-button a{
	width: 100%;
}
.multi-button .btn-theme{
	padding: 10px;
	box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}

.btn-theme {
	position: relative;
	display: inline-flex;
	align-items: center;
	vertical-align: middle;
	-webkit-appearance: none;
	appearance: none;
	outline: none !important;
	font-weight: 600;
	font-size: 16px;
	color: #fff;
	letter-spacing: 0.8px;
	background-color: var(--theme-color);
	padding: 8px 20px;
	border-radius: 40px;
  border: 1px solid var(--theme-color);
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	overflow: hidden;
	text-transform: capitalize;
	gap: 5px;
	z-index: 1;
}

.btn-theme:before{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  left: 0px;
  top: 0px;
  transform: translateX(0);
  transform-origin: left center;
  background: var(--second-color);
  transition: all 500ms ease;
}

.btn-theme:after{
  position: absolute;
  content: '';
  width: 0%;
  height: 100%;
  right: 0px;
  top: 0px;
  transform: translateX(0);
  transform-origin: right center;
  background: var(--second-color);
  transition: all 500ms ease;
}

.btn-theme:hover {
	color: #fff;
}

.btn-theme:hover::after {
	bottom: -50%;
}
.btn-theme i {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline;
    color: #fff;
    fill: #fff;
    transition: all linear 0.15s;
    text-align: center;
    line-height: 30px;
}
.btn-theme:hover:before,
.btn-theme:hover:after{
  transform: translateX(1);
  width: 51%;
}

.btn-theme span{
  position: relative;
  z-index: 1;
}

.cab-service-section{
	padding-top: 0;
}
.cab-service-section .multi-button .btn-theme:first-child{
	background-color: var(--theme-color);
	box-shadow: none;
	color: #fff ;
	font-weight: 600;
	border-radius: 0;
}
.cab-service-section .multi-button .btn-theme:first-child i{
	font-size: 19px;
}
.cab-service-section .multi-button .btn-theme:first-child:before {
}
.cab-service-section .multi-button .btn-theme:first-child:hover{
	color: #fff;
}
.cab-service-section .multi-button .btn-theme:last-child{
	background-color: var(--second-color);
	box-shadow: none;
	color: #fff ;
	font-weight: 600;
	border-radius: 0;
	border-left: 1px solid #bababa;
}
.cab-service-section .multi-button .btn-theme:last-child:after {
	background-color: var(--theme-color);
	color: var(--second-color);
	
}


/*================Destination section=================*/
.destinations-section .card {
	position: relative;
	height: 400px;
	width: 100%;
	margin: 10px 0;
	transition: ease all 2.3s;
	perspective: 1200px;
}
.destinations-section .card:hover .cover {
	transform: rotateX(0deg) rotateY(-180deg);
}
.destinations-section .card:hover .cover:before {
	transform: translateZ(30px);
}
.destinations-section .card:hover .cover:after {
	background-color: black;
}
.destinations-section .card:hover .cover h1 {
	transform: translateZ(100px);
}
.destinations-section .card:hover .cover .price {
	transform: translateZ(60px);
}
.destinations-section .card:hover .cover a {
	transform: translateZ(-60px) rotatey(-180deg);
}
.destinations-section .card .cover {
	position: absolute;
	height: 100%;
	width: 100%;
	transform-style: preserve-3d;
	transition: ease all 2.3s;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.destinations-section .card .cover:before {
	content: "";
	position: absolute;
	border: 5px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	z-index: 2;
	transition: ease all 2.3s;
	transform-style: preserve-3d;
	transform: translateZ(0px);
}
.destinations-section .card .cover:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	transition: ease all 1.3s;
	background: rgba(0, 0, 0, 0.4);
}
.destinations-section .card .cover h1 {
	font-weight: 600;
	position: absolute;
	bottom: 55px;
	left: 50px;
	color: white;
	transform-style: preserve-3d;
	transition: ease all 2.3s;
	z-index: 3;
	font-size: 3em;
	transform: translateZ(0px);
}
.destinations-section .card .cover .price {
	font-weight: 200;
	position: absolute;
	top: 55px;
	right: 50px;
	color: white;
	transform-style: preserve-3d;
	transition: ease all 2.3s;
	z-index: 4;
	font-size: 2em;
	transform: translateZ(0px);
}
.destinations-section .card .card-back {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #0b0f08;
	transform-style: preserve-3d;
	transition: ease all 2.3s;
	transform: translateZ(-1px);
	display: flex;
	align-items: center;
	justify-content: center;
}
.destinations-section .card .card-back a {
	transform-style: preserve-3d;
	transition: ease transform 2.3s, ease background 0.5s;
	transform: translateZ(-1px) rotatey(-180deg);
	background: transparent;
	border: 1px solid white;
	font-weight: 200;
	font-size: 1.3em;
	color: white;
	padding: 14px 32px;
	outline: none;
	text-decoration: none;
}
.destinations-section .card .card-back a:hover {
	background-color: white;
	color: #0b0f08;
}


.bg-light-primary {
	background-color: var(--second-color);
}

.square--40 {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.square--40 i{
	color: #fff;
}

/*why choose us*/
.fill-primary {
	fill: var(--theme-color) !important;
}
.z-1 {
	z-index: 1!important;
}
.opacity-25 {
	opacity: .25!important;
}
.square--70 {
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
}
.square--70.bg-light-primary {
	background-color: #ffe6e5;
}
.bg-light-info {
	background-color: #cfe1f8;
}
.bg-light-success {
	background-color: #d4eee3;
}
.bg-light-warning {
	background-color: #fff3cd;
}

.single-section ul{
	display: block;
	margin-bottom: 20px;
	padding-left: 0;
}
.single-section ul li{
	display: block;
	padding: 5px;
	font-size: 16px;
	color: #000;
}
.single-section .h2,.single-section .h3{
	color: #000;
	font-weight: 600;
}

/*service pages*/
.single-section .detail{
	margin-bottom: 40px;
	padding: 20px 0;
	align-items: center;
	--bs-gutter-y: 1.5rem;
}
.single-section .detail:nth-child(even) {
	background-color: #f4f8fb;
}
.single-section .detail img{
	border-radius: 10px;
	width: 100%;
	max-height: 320px;
	object-fit:cover;
}
.single-section .detail .h3,.single-section .detail h3{
	color: #000;
	font-weight: 600;
}

/*sidelist*/
.single-section .sidebar-item{
	margin-bottom: 30px;
	position: relative;
	background-color: #eeeeee;
	border-radius: 10px;
}

/*book now*/
.booking-page .box{
	background-color: var(--theme-color);
	border-radius: 20px;
	overflow: hidden;
}
.booking_form_img{
	border-radius: 50% 0 0 50%;
	height: 100%;
	overflow: hidden;
}

.booking-page .card {
	border: none;
	background: var(--theme-color);
	padding:30px;
/*    box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);*/
}
.booking-page .card-header{
	background-color: var(--theme-color);
	border: 0;
}
.booking-page .card-header .card-title{
	font-size: 25px;
	font-weight: 600;
	margin-bottom: 0;
	text-align: center;
	color: #fff;
}
.booking-page .form-group{
	position: relative;
}
.booking-page .form-group i{
	position: absolute;
	left: 0;
	top: 30px;
	width: 28px;
	text-align: center;
	line-height: 38px;
	color: var(--theme-color);
	font-size: 18px;
}
.booking-page .form-control,.booking-page .form-select {
	padding: 10px;
	padding-left: 30px;
	box-shadow: none!important;
	border: none!important;
}
.booking-page label{
	color: #fff;
	margin-bottom: 5px;
}
.booking-page label span{
	color: #fff;
	padding-left: 5px;
}
.booking-page .btn-theme{
	background-color: var(--second-color);
}

.booking-page .btn-theme:hover::after{
	background-color: #fff;
}
.booking-page .btn-theme:hover{
	color: #000!important;
}

/*tour packages*/
.tour-package-section .bg-img{
	background: url(../images/tour-bg.jpg);
	background-position: center center;
	padding: 50px 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.tour-package-section .row .card{
	position: relative;
	z-index: 2;
	border-radius: 10px;
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.25);
}
.tour-package-section .row .card-2{
	margin-top: 14px ;
}
.tour-package-section .card{
	box-shadow: 0px 0px 7px 0px rgb(22 22 22 / 19%);
	border: none;
	border-radius: 20px;
}
.tour-package-section .card .location i{
	display: inline-block;
	width: 21px;
	height: 21px;
	line-height: 22px;
	text-align: center;
	font-size: 16px;
	border-radius: 50%;
	color:#fff;
}
.tour-package-section .card .location {
	font-weight: 600;
	display: block;
	z-index: 2;
	position: absolute;
	color: #fff;
	top: 44%;
	left: 2%;
	background-color: var(--theme-color);
	padding: 6px 15px;
	border-radius: 30px;
}
.tour-package-section .card .card-title{
	font-size: 19px;
	font-family: var(--second-font);
	font-weight: 600;
	color: #000;
	margin-top: 5px;
	text-align: center;
}
.tour-package-section .card .card-img{
	width: 100%;
	height: 250px;
	position: relative;
	margin: 0;

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	overflow: hidden;
}
.tour-package-section .card .card-img:before{
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 100%;
	height: 0%;
	opacity: 0.6;
	content: "";
	position: absolute;
	-webkit-transition: all 700ms ease;
	transition: all 700ms ease;
/*    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(2%,  #D72151), to(rgba(178, 187, 30)));
    background-image: linear-gradient(to top,  #D72151 2%, rgba(178, 187, 30, 0.1) 200%);*/
}
.tour-package-section .card:hover .card-img:before{
	height: 100%;
}
.tour-package-section .card .card-img img{
	width: 100%;
	height: 250px;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	object-fit: cover;
	border-radius: 10px 10px 0 0;
}
.tour-package-section .card:hover img{
	-webkit-transform: scale(1.1);

	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	transform: scale(1.1);
}
.tour-package-section .card .card-body{
	padding: 15px;
	padding-top: 15px;
	border: 8px solid var(--second-color);
	border-top: none;
	border-radius: 0 0 10px 10px;
}

.tour-package-section .card .days{
	color: #000;
}
.tour-package-section .card .price{
	font-size: 20px;
	font-weight: 600;
	color: var(--second-color);
	padding-top: 10px;
}
.tour-package-section .card .card-body img{
	width: 100%;
	padding: 20px 0;
}

.bg-theme{
	background-color: var(--theme-color)!important;
}

.bg-second{
	background-color: var(--second-color)!important;
}
.tour-package-section .bg-theme:before{
	background: var(--second-color);
}
.tour-package-section .bg-second:before{
	background: var(--theme-color)!important;
}

.tour-package-section .multi-button .btn-theme{
	border-radius: 10px;
	background-color: var(--theme-color);
	font-family: var(--second-font);
}

.tour-package-section .multi-button{
	padding: 0;
}
.br-30 a:last-child{
	border-bottom-right-radius: 50px!important;
}

/*main slider*/
.carousel-control-next, .carousel-control-prev{
  width: 5%;
}
/*#main-slider:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 42%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
  webkit-mask: url(../images/download.svg);
  mask: url(../images/download.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: -no-repeat;
  -webkit-mask-position: left top;
  mask-position: left top;
  -webkit-mask-size: cover;
  mask-size: cover;
  transform: rotate(180deg);
}*/
#main-slider img{
  width: 100%;
  height: 650px;
  object-fit: cover;
  filter: brightness(0.8);
}
.slider-caption {
    position: absolute;
    top: 39%;
    left: 7%;
    transform: translateY(-50%);
    margin-inline: auto;
    color: #fff;
    width: 44%;
    text-align: left;
    background-color: rgb(0 0 0 / 45%);
    padding: 30px 20px;
    border-radius: 10px;
}
.slider-caption .caption-subtitle{
  color: var(--theme-color);
  background-color: #fff;
  font-weight: 400;
  display: inline-block;
  letter-spacing: 2px;
}
.slider-caption p{
  font-size: 15px;
  color: #fff;
}
.slider-caption .caption-title{
  font-size: 60px;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.2;
}
.slider-caption .caption-title span{
  /*-webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: var(--second-color);
  stroke: var(--second-color);*/
  color: #fff;
  position: relative;
  margin-left: 10px;
}

.slider-caption .caption-title span svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  transform: translate(-50%, -50%);
  overflow: visible;
  z-index: -1;
}

.slider-caption .caption-title span svg path {
  stroke: var(--theme-color);
  stroke-width: 140px;
  stroke: var(--theme-color);
  stroke-width: 140px;
  fill: none;
  opacity: 0;
  stroke-dasharray: 0 1500;
  transition: .3s;
  animation: headline-dash forwards;
  animation-duration: 1.2s;
  animation-iteration-count: 1;
}
@keyframes headline-dash{
  0% {
    stroke-dasharray: 0 1500;
    opacity: 1;
  }

  100% {
    stroke-dasharray: 1500 1500;
    opacity: 1;
  }
}

.slider-caption .h2 {
  font-size: 70px;
  font-weight: 900;
}
.slider-caption .h2 span {
  color: var(--second-color);
}


.process-number {
    position: relative;
    padding: 0;
    margin-top: -120px;
}

.process-number .item {
    position: relative;
    background-color: var(--theme-color);
    padding: 60px 0 60px 30px;
    border-radius: 20px;
    border: none;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    overflow: hidden;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 1
}


.process-number .item .con {
    position: relative;
    padding-right: 60px
}

.process-number .item .con .no {
    position: absolute;
    font-size: 240px;
    font-weight: 900;
    color: var(--second-color);
    text-align: right;
    top: -40px;
    width: 100%;
    line-height: 1;
    right: -20px
}

.process-number .item .con h5 {
    font-size: 21px;
    color: var(--second-color);
    margin-bottom: 22px;
}

.process-number .item .con p {
    color: #222;
    margin-bottom: 0px
}
/*about us section*/
.picture-box1 .img-1{
	width: 80%;
	float: right;
	border-radius: 10px;
	height: 400px;
	object-fit: cover;
}
.about-img-div2{
	width: 100%;
}
.about-pera{
	font-size: 15px;
	color: #707070;
	font-weight: 500;
	font-family: var(--main-font);
}
/*.about-img-2{
    width: 115%;
    height: 220px;
    border-radius: 10px;
}*/
.shape-101{
	position: absolute;
	top: -82%;
	/* float: right; */
	right: -53%;
	z-index: -1;
}
.picture-box1 .img-2{
	width: 60%;
	margin-top: -200px;
	border-radius: 10px;
}

/*header*/
header .menu{
	position: relative;
	display: flex;
	align-items: center;
	height: 100%;
/*    padding-right: 32px;*/
}
/*header .menu::before {
    content: "";
    position: absolute;
    left: -25px;
    top: 0;
    bottom: 0;
    width: 300px;
    z-index: -1;
    background-color: var(--second-color);
    transform: skew(20deg);
}*/

tbody, td, tfoot, th, thead, tr {
	border: 2px solid var(--theme-color);
}

.package-details-area .includ-and-exclud-area {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.mb-20 {
	margin-bottom: 20px;
}
.package-details-area .includ-and-exclud-area ul {
	width: 50%;
}
.package-details-area .includ-and-exclud-area ul li {
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
	display: flex;
	gap: 8px;
	padding-top: 10px;
}
.package-details-area h4 {
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.75px;
	margin-bottom: 10px;
	padding-top: 10px;
}
.package-details-area .includ-and-exclud-area ul li i {
	color: var(--theme-color);
	font-weight: 400;
	font-size: 13px;
	margin-top: 5px;
}
.package-details-area .includ-and-exclud-area ul.exclud li i {
	color: red;
}
.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button span {
	padding-right: 20px;
}
.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button{
	background: var(--second-color);
	color: #fff;
	font-weight: 600;
}
.package-details-area .tour-plan .accordion-item .accordion-header .accordion-button.collapsed{
	background-color: var(--theme-color);
}
.accordion-button:focus{
	box-shadow: none;
}
.package-details-area ul li{
	display: block;
	font-size: 16px;
}

.top-destination .card .card-img img{
	height: 350px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.top-destination .card{
	border-radius: 10px;
}
.top-destination .card .card-body{
	position: absolute;
	bottom: 0;
	background: rgb(0 0 0 / 57%);
	width: 100%;
	color: #fff;
	text-align: center;
	border-radius: 0 0 10px 10px;
}
.top-destination .card .card-title{
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}

ul.social-link li {
	-webkit-margin-end: 5px;
	margin-inline-end: 5px;
	-webkit-margin-end: 5px;
	margin-inline-end: 5px;
	display: inline-block;
}

ul.social-link{
	padding: 0;
}
ul.social-link li a {
	background-color: transparent;
	color: #6d6b72;
	height: 36px;
	width: 36px;
	border-radius: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #6d6b72;
	transition: all 0.3s ease-in-out;;
}

ul.social-link li a:hover{
	background-color: var(--second-color);
	transform: scale(0.9);
}

.footer-bottom a{
	color: var(--second-color);
	font-weight: 600;
	text-transform: uppercase;
}

/*=================about us section=============*/

.image_block_2 .image-box{
	position: relative;
	display: block;
	margin-left: 20px;
}

.image_block_2 .image-box .image{
	position: relative;
	display: block;
	overflow: hidden;
/*  background: #ffffff;*/
padding: 15px;
border-radius: 10px;
/*  box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.2);*/
}

.image_block_2 .image-box .image:before{
	position: absolute;
	top: 0;
	left: -75%;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3)));
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.image_block_2 .image-box .image:hover:before{
	-webkit-animation: shine 1s;
	animation: shine 1s;
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.image_block_2 .image-box .image img{
	width: 100%;
}

.image_block_2 .image-box .shape .shape-2 {
	position: absolute;
	left: -45px;
	bottom: -55px;
	width: 102px;
	height: 96px;
}

.image_block_2 .image-box .shape .shape-3 {
	position: absolute;
	top: -50px;
	right: -55px;
	width: 102px;
	height: 96px;
}

.about-us-section .content-box{
}
.about-us-section .content-box .btn-theme{
}
.about-us-section .about-sec-padding{
	padding: 50px 130px;
}
.about-us-section .about-us-main-img{
	z-index: 2;
}
.about-us-section .about-us-main-img img{
	width: 100%;
	border-radius: 15px;
	border: 7px solid #f2f2f2;
	z-index: 2;
}
.about-us-section .decoration-div1{
	position: absolute;
	bottom: -26%;
	left: -20%;
	width: 337px;
	height: 350px;
	z-index: 0;
	animation: rotate2 15s linear infinite;
}
.about-us-section .decoration-img1{
	width: 100%;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}


@keyframes rotate2 {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.elementskit-infobox1 {
	padding: 163px 140px 140px 140px;
	border-radius: 5px 5px 5px 5px;
	background-image: url(../images/shape-bg.png);
	position: absolute;
	top: 15%;
	width: 37%;
	height: 411px;
	object-fit: cover;
	left: 15%;
	z-index: 1;
	background-repeat: no-repeat;
}

.elementskit-infobox{
	padding: 163px 140px 140px 140px;
	border-radius: 5px 5px 5px 5px;
	background-image: url(../images/shape-bg.png);
	position: absolute;
	top: 13%;
	max-width: 37%;
	height: 411px;
	object-fit: cover;
	left: 55%;
	z-index: 1;
	background-repeat: no-repeat;
}
.about-page .elementskit-infobox1 {
	padding: 163px 140px 140px 140px;
	border-radius: 5px 5px 5px 5px;
	background-image: url(../images/shape-bg.png);
	position: absolute;
	top: 43%;
	width: 37%;
	height: 411px;
	object-fit: cover;
	left: 15%;
	z-index: 1;
	background-repeat: no-repeat;
}

.about-page .elementskit-infobox{
	padding: 163px 140px 140px 140px;
	border-radius: 5px 5px 5px 5px;
	background-image: url(../images/shape-bg.png);
	position: absolute;
	top: 33%;
	max-width: 37%;
	height: 411px;
	object-fit: cover;
	left: 55%;
	z-index: 1;
	background-repeat: no-repeat;
}
.elementskit-infobox1 .box-body h3{
	font-weight: 800;
}
.elementskit-infobox .box-body h3{
	font-weight: 800;
}
.elementskit-infobox1 .box-body{
	background: transparent;
	background: transparent;    
}
/*.elementskit-infobox1:before{

     background-image: url('../images/shape-bg.png');
    background-repeat: no-repeat;
    width: 23%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    object-fit: cover;
    bottom:0 ;
    right: 0;
}
shape-bg-png{
     background-image: url('../images/shape-bg.png');
    background-repeat: no-repeat;
    width: 60%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom:0 ;
    right: 0;
}*/
.shape-bg-png img{
	object-fit: cover;
}
/*===========CAB SECTION=============*/

.multi-button .btn-theme:last-child:hover {
	color: #fff;
}
/*.cab-service-section{
    background-image: url(../images/vector-bg-img.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-radius: 5px;
    background-position: center;
}*/


.cab-service-section .card{
	position: relative;
	text-align: center;
	width: 97%;
	border-radius: 15px; 
	box-shadow:0px 32px 20px rgba(0,0,0,0.3);
	border: none;
}
.cab-service-section .owl-nav button{
	display: none;
}

.cab-service-section .card .card-img{
	overflow: hidden;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: transparent;
}
.cab-service-section .card .card-sub-title{

}
.cab-service-section .card .card-body{
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	z-index: 11;
	background-color:var(--theme-color);
}

.cab-service-section .owl-dots{
	margin-top: 0px;
}
.cab-service-section .card:hover .card-body{

	display: block;
}
.cab-service-section .card img{
	overflow: hidden;
	transition: transform 0.3s linear;
	transform: translateX(0px);
	transition: transform .5s;
	height: 203px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	object-fit: cover;
	transform-origin: left;
}
.cab-service-section .card:hover img{
	transform: translateX(10px);
	transform: scale(1.1);
	transform-origin: left;
}
.cab-service-section .card .card-title{
	font-size: 35px;
	color: #fff;
	font-family: var(--second-font);
	font-weight: bold;
}



@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

/*===============why choose us section==============*/
.whychoose-us-section{

}
.serviceBox {
	background-color: #fff;
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
	border-radius: 10px 40px;
	overflow: hidden;
	transition: all 0.6s ease-in-out;
/*    text-align: center;*/
box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
border-radius: 20px;
padding: 40px 20px;
position: relative;
z-index: 1;
}
.serviceBox:hover{
	transform: translateY(-10px);
}
.serviceBox:hover svg{
	transform: rotate(360deg);
}
.serviceBox .service-icon:before{
	position: absolute;
	content: '';
	width: 80px;
	height: 80px;
	background-color: var(--second-color);
	overflow: hidden;
	border-radius: 50%;
	margin-left: -15px;
	margin-top: 9px;
	z-index: -1;
}
.serviceBox:hover .service-icon{

	-webkit-animation: bounce 1s alternate;
	animation: bounce 1s alternate;
}
.serviceBox:hover .choose-svg{
	transform: rotate(360deg);
}
.serviceBox .service-icon svg{
	width: 50px;
	height: 100px;
	fill: #fff;
}


.serviceBox .title {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 20px;
	font-family: var(--second-font);
	color: var(--second-color);;
/*  text-align: center;*/
}
.serviceBox:hover {
	transition: all 0.6s ease-in-out;
}
.serviceBox:hover .service-icon:before{
	background-color:var(--theme-color);
}
.serviceBox:hover .title{
	color:var(--theme-color);
	transition: 0.3s;
}

/*about us*/
.about-thumb-wrap {
	position: relative;
}
.about-thumb-wrap:before {
	content: "";
	position: absolute;
	right: 60px;
	bottom: 56px;
	background: url(../../img/bg.png);
	height: 194px;
	-webkit-animation: top-image-bounce 3s infinite ease-in-out;
	animation: top-image-bounce 3s infinite ease-in-out;
	width: 194px;
	z-index: -1;
}
.about-thumb-wrap:after {
	content: "";
	position: absolute;
	left: -40px;
	top: 80px;
	background: url(../../img/dot.png);
	height: 243px;
	-webkit-animation: top-image-bounce 3s infinite ease-in-out;
	animation: top-image-bounce 3s infinite ease-in-out;
	width: 88px;
}
.about-thumb-wrap img {
	border-radius: 10px;
	width: 45%;
	height: 300px;
	object-fit: cover;
}
.about-thumb-wrap .img-2 {
	margin: 0 0px -217px 25px;
}
.about-thumb-wrap .img-3 {
	margin: 25px 0 0 60px;
}

/*testimonial*/
.testimonial{
	perspective: 1200px;
}
.textimonial-tr{
	transform: translate3d(0px, 0px, 0px);
	transform-style: preserve-3d;
	display: flex;
	position: relative;
}
.testimonial .testimonial-transform{

	transform: translate3d(0px, 0px, -25px) rotateX(10deg) rotateY(20deg) scale(1);
	transition-duration: 0ms;
	transform-style: preserve-3d;
	flex-shrink: 0;
	transform-style: preserve-3d;
}
.testimonial .client_testimonials_box{
}
.testimonial-block-one{
	padding-bottom: 50px;
}

.testimonial-block-one .inner-box{
	position: relative;
	display: block;
	background: var(--second-color);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.1);
	text-align: center;
	border-bottom: 5px solid var(--theme-color);
}
.testimonial-block-one .inner-box .fa-quote-right{
	position: absolute;
	top: 10px;
	left: 20px;
	color: var(--theme-color);
	font-size: 40px;
}
.testimonial-block-one .inner-box .thumb-box img{
	max-height: 200px;
	object-fit: cover;
}
.testimonial-block-one .inner-box .rating-box li{
	position: relative;
	display: inline-block;
	font-size: 18px;
	color: #ffc107;
}

.testimonial-block-one .inner-box .rating-box{
	position: relative;
	margin-bottom: 23px;
}

.testimonial-block-one .inner-box .text{
	position: relative;
	margin-bottom: 23px;
}

.testimonial-block-one .inner-box .text p{
	font-size: 16px;
	line-height: 28px;
	font-weight: 500;
	position: relative;
	color: #fff;
}

.testimonial-block-one .inner-box .text .icon{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 59px;
	height: 41px;
	background-repeat: no-repeat;
	opacity: 0.2;
	background-image: url(../images/icon/quote-1.png);
}

.testimonial-block-one .inner-box .author-box h4{
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 0px;
}

.testimonial-block-one .inner-box .author-box .designation{
	position: relative;
	display: block;
	font-size: 15px;
	font-weight: 500;
}

.testimonial-block-one .inner-box .author-box .thumb-box{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -65px;
	width: 95px;
	height: 95px;
	background: #ffffff;
	padding: 7px;
	border-radius: 50%;
/*  box-shadow: 0px 20px 40px 0px rgba(6,26,58,0.2);*/
}

.testimonial-block-one .inner-box .author-box .thumb-box img{
	width: 100%;
	border-radius: 50%;
}

.whychooseus ul{
	padding-left: 20px;
}
.whychooseus ul li{
	display: list-item;
	padding: 3px 0;
	padding-left: 10px;
}
.whychooseus ul li::marker{
	content: '✅';
}



/*====================taxi-package-section===========*/
.taxi-package-section .card{
	padding: 30px;
	text-align: center;
	border: 5px solid var(--theme-color);
	border-radius: 40px 0 40px 0;
}
.taxi-package-section .card .card-icon{
	width: 125px;
	height: 125px;
	border-radius: 50%;
	border: 5px solid var(--second-color);
	text-align: center;
	line-height: 125px;
	font-size: 60px;
	margin: auto;
	color: var(--second-color);
}
.taxi-package-section .card .card-title{
	font-size: 25px;
	font-weight: 600;
	margin: 20px 0;
	color: var(--second-color);
}


/*taxi service section*/
.Service_Box .service_img{
	width: 100%;
	height: 200px;
	margin-top: 80px;
	object-fit: cover;
	-webkit-mask-image: url('../images/bg-shape.png');
	-webkit-mask-size: contain;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
}
.Service_Box .service_img img{
	width: 100%;
	height: 280px;
}
.Service_Box{
	padding: 20px;
}
.lg-extra-block{
	display: none;
}




.Service_Box .service_img{
	width: 100%;
	height: 283px;
	object-fit: cover;
	-webkit-mask-image: url('../images/black-shape.png');
	-webkit-mask-size: contain;
	-webkit-mask-position: center center;
	-webkit-mask-repeat: no-repeat;
}





.Service_Box:hover span{
	-webkit-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg);
}
.Service_Box .service_info{
	padding-top: 25px;
}
.Service_Box .service_info .service_title{
	margin-bottom: 10px;
	border-bottom: 2px solid #eeeeee;
	color: #000;
	font-size: 28px;
	font-family: var(--second-font);
	font-weight: 800;
	padding-left: 15px;
}
.Service_Box .service_info p{
	font-family: "Noto Sans";
	padding: 0px 15px;
	font-size: 17px;
}

/*---places package*/
.sec-plans-package{
	position: relative;
	z-index: 1;
}
.sec-plans-package .box{
	background-color: #f2f2f2;
	color:#000;
	padding:  60px 15px;
	width: 100%;
	border-radius:7px;
	margin-bottom: 20px;
}
.sec-plans-package .box:hover{
	transition: all 0.6s ease-in-out;
	transform: translateY(-10px);
}

.sec-plans-package .box .box-title{
	font-size: 23px;
	font-weight: 800;
	font-family: var(--second-font);
}
.sec-plans-package .box .box-icon{
	display: inline-block;
	height: 87px;
	width: 87px;
	line-height: 100px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--theme-color);    
	color: #fff;
	position: relative;
	margin-bottom: 35px;
	transition: .3s;
	font-size: 45px;
}
.sec-plans-package .box .box-icon:before{
	content: "";
	top: 50%;
	left: 50%;
	height: 90px;
	width: 90px;
	position: absolute;
	border-radius: 50%;
	transition: .5s;
	transform: translate(-50%, -50%) scale(1.2);
	border: 1px dashed var(--theme-color);
}
.sec-plans-package .box .box-icon .places-svg {
	display: inline-block;
	height: 50px;
	width: 48px;
	line-height: 100px;
	text-align: center;
	background-color: var(--theme-color);
	fill: #fff;
	position: relative;
	margin-bottom: 35px;
	transition: .3s;
	font-size: 45px;
}
.sec-plans-package .box .box-body{
	display: inline-block;
	width: 100%;
}
.sec-plans-package .box:hover{
	background-color: var(--theme-color);
}
.sec-plans-package .box:hover .box-icon{
	background-color: #fff;
}
.sec-plans-package .box:hover .box-title{
	color: #fff;
}
.sec-plans-package .box:hover .box-icon:before{
	border-color: #fff;
}
.sec-plans-package .box:hover .places-svg{
	fill: var(--theme-color);
	background-color: #FFF;
}
.sec-plans-package .box .box-body .btn-theme-new{
	font-family: var(--second-font);
	color:#236529;
	font-weight: 600;
}
.sec-plans-package .btn-theme-new:before{
	position: absolute;
	content: "";
	border-radius: inherit;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: 102% 102%;
	opacity: 0;
}
/*about us section*/
.about_img img {
	border: 1px solid transparent;
	width: 100%;
	height: 450px;
	object-fit: cover;
}

a.about_us_contact_box {
	border-radius: 50px;
	border: 2px solid #fea501;
	background: linear-gradient(92deg, rgba(18, 57, 172, 0.60) 0%, rgba(18, 57, 172, 0.50) 100%);
	backdrop-filter: blur(4px);
	display: flex;
	align-items: center;
	width: 410px;
	padding: 10px;
	gap: 20px;
	position: absolute;
	bottom: 34px;
}
a.about_us_contact_box:hover {
	color: #fff;
	backdrop-filter: blur(0px);
}
a.about_us_contact_box svg {
	animation: ball_notify 1s infinite;
	animation-timing-function: ease-in-out;
}
a.about_us_contact_box span {
	border: 1px solid #fff;
	border-radius: 50%;
	background-color: #fff;
	padding: 10px;
}
@keyframes ball_notify {
	0%,
	100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	20%,
	60% {
		-webkit-transform: rotate(6deg);
		-moz-transform: rotate(6deg);
		-ms-transform: rotate(6deg);
		-o-transform: rotate(6deg);
		transform: rotate(6deg);
	}
	40%,
	80% {
		-webkit-transform: rotate(-6deg);
		-moz-transform: rotate(-6deg);
		-ms-transform: rotate(-6deg);
		-o-transform: rotate(-6deg);
		transform: rotate(-6deg);
	}
}

.fw_500 {
	font-weight: 500 !important;
}

.line_height_20 {
	line-height: 20px;
}

/*client review*/
.client_testimonials_box {
	border: 2px solid #F6F7F8;
	padding: 30px;
	cursor: pointer;
}
.client_testimonials_box img{
	width: 80px!important;
	height: 80px;
	border-radius: 50%;
}
.client_testimonials_img_area {
	display: flex;
	gap: 20px;
	margin-top: 30px;
}
.client_testimonials_item{
	border-radius: 8px;
	transition: all .3s ease-in-out;
	box-shadow: 4px 12px 30px 0px #00000012;
	background-color: #000;
	padding: 50px 30px;
	position: relative;
	border-radius: 5px;
	margin: 40px 0;
}
.client_testimonials_box:hover,
.client_testimonials_box {
	box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08);
}
.client_testimonials_detail p {
	margin: 0 0px 4px;
}



/*owl carousel*/
.owl-nav button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: var(--theme-color) !important;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	transition: 0.3s linear;
	color: #fff !important;
}
.owl-carousel{
	transition: 0.3s linear;
}

.owl-nav {
	top: 160px;
	left: 63px;
}

.owl-nav button.owl-prev {
	left: -22px;
}


.owl-dots {
	text-align: center;
	margin-top: 0;
}
.owl-dots button.owl-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	background: #ccc!important;
	margin: 0 3px;
}
.owl-dots button.owl-dot.active {
	background-color: var(--second-color)!important;
}
.owl-dots button.owl-dot:focus {
	outline: none;
}

.owl-nav span {
	font-size: 70px;    
	position: relative;
	top: -5px;
}
.owl-nav button:focus {
	outline: none;
}
.client_testimonials_box{
	border-radius: 20px;
}
.test-img{
	width: 300px !important;
}

.client_testimonials_info p{

	font-size: 20px;
	font-weight: 600;
	line-height: 36px;
	margin-bottom: 15px;
}
.client_testimonials_info i{
	font-size: 50px;
	color: var(--theme-color);
}
.tr_test_img img{
	width: 80px;
	height: 80px;}
	.testimonia_stars i {
		color: #F2994A;
		font-size: 20px;
	}
	.client_testimonials_detail h6{
		font-size: 25px;
		font-weight: 600;
	}
	.client_testimonials_detail .line_height_20{
		text-align: center;
	}
	.line-png{
		width: 30px;
		height: 30px;
	}
	.client_testimonials_detail{
		padding-top: 8px;
	}
	.we-are-in-page img{
		max-height: 400px;
		object-fit: cover;
		border-radius: 20px;
	}
	.we-are-in-page{
		max-height: 400px;
	}
	.single-section .h2{
		margin-bottom: 30px;
		text-align: center;
	}
	.single-section .p{
	}


/*-------New Testimonial------>
/**
 * Swiper 11.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 28, 2024
 */
	@font-face {
		font-family: swiper-icons;
		src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
		font-weight: 400;
		font-style: normal
	}

	:root {
		--swiper-theme-color: #007aff
	}

	:host {
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		z-index: 1
	}

	.swiper {
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: hidden;
		list-style: none;
		padding: 0;
		z-index: 1;
		display: block
	}

	.swiper-vertical>.swiper-wrapper {
		flex-direction: column
	}

	.swiper-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: flex;
		transition-property: transform;
		transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
		box-sizing: content-box;
		transform-style: preserve-3d;
	}

	.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
		transform: translate3d(0px,0,0)
	}

	.swiper-horizontal {
		touch-action: pan-y
	}

	.swiper-vertical {
		touch-action: pan-x
	}

	.swiper-slide {
		flex-shrink: 0;
		width: 100%;
		height: 100%;
		position: relative;
		transition-property: transform;
		display: block;
		width: 558px;
		transform: translate3d(0px, 0px, -25px) rotateX(0deg) rotateY(20deg) scale(1);
		z-index: 0;
		transform-style: preserve-3d;
	}

	.swiper-slide-invisible-blank {
		visibility: hidden
	}

	.swiper-autoheight,.swiper-autoheight .swiper-slide {
		height: auto
	}

	.swiper-autoheight .swiper-wrapper {
		align-items: flex-start;
		transition-property: transform,height
	}

	.swiper-backface-hidden .swiper-slide {
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden
	}

	.swiper-3d.swiper-css-mode .swiper-wrapper {
		perspective: 1200px
	}

	.swiper-3d .swiper-wrapper {
		transform-style: preserve-3d
	}

	.swiper-3d {
		perspective: 1200px
	}

	.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
		transform-style: preserve-3d
	}

	.swiper-css-mode>.swiper-wrapper {
		overflow: auto;
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
		display: none
	}

	.swiper-css-mode>.swiper-wrapper>.swiper-slide {
		scroll-snap-align: start start
	}

	.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
		scroll-snap-type: x mandatory
	}

	.swiper-css-mode.swiper-vertical>.swiper-wrapper {
		scroll-snap-type: y mandatory
	}

	.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
		scroll-snap-type: none
	}

	.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
		scroll-snap-align: none
	}

	.swiper-css-mode.swiper-centered>.swiper-wrapper::before {
		content: '';
		flex-shrink: 0;
		order: 9999
	}

	.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
		scroll-snap-align: center center;
		scroll-snap-stop:always}

		.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
			margin-inline-start:var(--swiper-centered-offset-before)}

			.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: :before {
				height:100%;
				min-height: 1px;
				width: var(--swiper-centered-offset-after)
			}

			.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
				margin-block-start:var(--swiper-centered-offset-before)}

				.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: :before {
					width:100%;
					min-width: 1px;
					height: var(--swiper-centered-offset-after)
				}

				.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					pointer-events: none;
					z-index: 10
				}

				.swiper-3d .swiper-slide-shadow {
					background: rgba(0,0,0,.15)
				}

				.swiper-3d .swiper-slide-shadow-left {
					background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
				}

				.swiper-3d .swiper-slide-shadow-right {
					background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
				}

				.swiper-3d .swiper-slide-shadow-top {
					background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
				}

				.swiper-3d .swiper-slide-shadow-bottom {
					background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
				}

				.swiper-lazy-preloader {
					width: 42px;
					height: 42px;
					position: absolute;
					left: 50%;
					top: 50%;
					margin-left: -21px;
					margin-top: -21px;
					z-index: 10;
					transform-origin: 50%;
					box-sizing: border-box;
					border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
					border-radius: 50%;
					border-top-color: transparent
				}

				.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
					animation: swiper-preloader-spin 1s infinite linear
				}

				.swiper-lazy-preloader-white {
					--swiper-preloader-color: #fff
				}

				.swiper-lazy-preloader-black {
					--swiper-preloader-color: #000
				}

				@keyframes swiper-preloader-spin {
					0% {
						transform: rotate(0deg)
					}

					100% {
						transform: rotate(360deg)
					}
				}

				.swiper-virtual .swiper-slide {
					-webkit-backface-visibility: hidden;
					transform: translateZ(0)
				}

				.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					pointer-events: none
				}

				.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
					height: 1px;
					width: var(--swiper-virtual-size)
				}

				.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
					width: 1px;
					height: var(--swiper-virtual-size)
				}

				:root {
					--swiper-navigation-size: 44px
				}

				.swiper-button-next,.swiper-button-prev {
					position: absolute;
					top: var(--swiper-navigation-top-offset,50%);
					width: calc(var(--swiper-navigation-size)/ 44 * 27);
					height: var(--swiper-navigation-size);
					margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
					z-index: 10;
					cursor: pointer;
					display: flex;
					align-items: center;
					justify-content: center;
					color: var(--swiper-navigation-color,var(--swiper-theme-color))
				}

				.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
					opacity: .35;
					cursor: auto;
					pointer-events: none
				}

				.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
					opacity: 0;
					cursor: auto;
					pointer-events: none
				}

				.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
					display: none!important
				}

				.swiper-button-next svg,.swiper-button-prev svg {
					width: 100%;
					height: 100%;
					object-fit: contain;
					transform-origin: center
				}

				.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
					transform: rotate(180deg)
				}

				.swiper-button-prev,.swiper-rtl .swiper-button-next {
					left: var(--swiper-navigation-sides-offset,10px);
					right: auto
				}

				.swiper-button-next,.swiper-rtl .swiper-button-prev {
					right: var(--swiper-navigation-sides-offset,10px);
					left: auto
				}

				.swiper-button-lock {
					display: none
				}

				.swiper-button-next:after,.swiper-button-prev:after {
					font-family: swiper-icons;
					font-size: var(--swiper-navigation-size);
					text-transform: none!important;
					letter-spacing: 0;
					font-variant: initial;
					line-height: 1
				}

				.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
					content: 'prev'
				}

				.swiper-button-next,.swiper-rtl .swiper-button-prev {
					right: var(--swiper-navigation-sides-offset,10px);
					left: auto
				}

				.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
					content: 'next'
				}

				.swiper-pagination {
					position: absolute;
					text-align: center;
					transition: .3s opacity;
					transform: translate3d(0,0,0);
					z-index: 10
				}

				.swiper-pagination.swiper-pagination-hidden {
					opacity: 0
				}

				.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
					display: none!important
				}

				.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
					bottom: var(--swiper-pagination-bottom,8px);
					top: var(--swiper-pagination-top,auto);
					left: 0;
					width: 100%
				}

				.swiper-pagination-bullets-dynamic {
					overflow: hidden;
					font-size: 0
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
					transform: scale(.33);
					position: relative
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
					transform: scale(1)
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
					transform: scale(1)
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
					transform: scale(.66)
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
					transform: scale(.33)
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
					transform: scale(.66)
				}

				.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
					transform: scale(.33)
				}

				.swiper-pagination-bullet {
					width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
					height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
					display: inline-block;
					border-radius: var(--swiper-pagination-bullet-border-radius,50%);
					background: var(--swiper-pagination-bullet-inactive-color,#000);
					opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
				}

				button.swiper-pagination-bullet {
					border: none;
					margin: 0;
					padding: 0;
					box-shadow: none;
					-webkit-appearance: none;
					appearance: none
				}

				.swiper-pagination-clickable .swiper-pagination-bullet {
					cursor: pointer
				}

				.swiper-pagination-bullet:only-child {
					display: none!important
				}

				.swiper-pagination-bullet-active {
					opacity: var(--swiper-pagination-bullet-opacity, 1);
					background: var(--swiper-pagination-color,var(--swiper-theme-color))
				}

				.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
					right: var(--swiper-pagination-right,8px);
					left: var(--swiper-pagination-left,auto);
					top: 50%;
					transform: translate3d(0px,-50%,0)
				}

				.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
					margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0;
					display: block
				}

				.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
					top: 50%;
					transform: translateY(-50%);
					width: 8px
				}

				.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
					display: inline-block;
					transition: .2s transform,.2s top
				}

				.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
					margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
				}

				.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
					left: 50%;
					transform: translateX(-50%);
					white-space: nowrap
				}

				.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
					transition: .2s transform,.2s left
				}

				.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
					transition: .2s transform,.2s right
				}

				.swiper-pagination-fraction {
					color: var(--swiper-pagination-fraction-color,inherit)
				}

				.swiper-pagination-progressbar {
					background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));
					position: absolute
				}

				.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
					background: var(--swiper-pagination-color,var(--swiper-theme-color));
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					transform: scale(0);
					transform-origin: left top
				}

				.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
					transform-origin: right top
				}

				.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
					width: 100%;
					height: var(--swiper-pagination-progressbar-size,4px);
					left: 0;
					top: 0
				}

				.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
					width: var(--swiper-pagination-progressbar-size,4px);
					height: 100%;
					left: 0;
					top: 0
				}

				.swiper-pagination-lock {
					display: none
				}

				.swiper-scrollbar {
					border-radius: var(--swiper-scrollbar-border-radius,10px);
					position: relative;
					touch-action: none;
					background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))
				}

				.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
					display: none!important
				}

				.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
					position: absolute;
					left: var(--swiper-scrollbar-sides-offset,1%);
					bottom: var(--swiper-scrollbar-bottom,4px);
					top: var(--swiper-scrollbar-top,auto);
					z-index: 50;
					height: var(--swiper-scrollbar-size,4px);
					width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
				}

				.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
					position: absolute;
					left: var(--swiper-scrollbar-left,auto);
					right: var(--swiper-scrollbar-right,4px);
					top: var(--swiper-scrollbar-sides-offset,1%);
					z-index: 50;
					width: var(--swiper-scrollbar-size,4px);
					height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))
				}

				.swiper-scrollbar-drag {
					height: 100%;
					width: 100%;
					position: relative;
					background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));
					border-radius: var(--swiper-scrollbar-border-radius,10px);
					left: 0;
					top: 0
				}

				.swiper-scrollbar-cursor-drag {
					cursor: move
				}

				.swiper-scrollbar-lock {
					display: none
				}

				.swiper-zoom-container {
					width: 100%;
					height: 100%;
					display: flex;
					justify-content: center;
					align-items: center;
					text-align: center
				}

				.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
					max-width: 100%;
					max-height: 100%;
					object-fit: contain
				}

				.swiper-slide-zoomed {
					cursor: move;
					touch-action: none
				}

				.swiper .swiper-notification {
					position: absolute;
					left: 0;
					top: 0;
					pointer-events: none;
					opacity: 0;
					z-index: -1000
				}

				.swiper-free-mode>.swiper-wrapper {
					transition-timing-function: ease-out;
					margin: 0 auto
				}

				.swiper-grid>.swiper-wrapper {
					flex-wrap: wrap
				}

				.swiper-grid-column>.swiper-wrapper {
					flex-wrap: wrap;
					flex-direction: column
				}

				.swiper-fade.swiper-free-mode .swiper-slide {
					transition-timing-function: ease-out
				}

				.swiper-fade .swiper-slide {
					pointer-events: none;
					transition-property: opacity
				}

				.swiper-fade .swiper-slide .swiper-slide {
					pointer-events: none
				}

				.swiper-fade .swiper-slide-active {
					pointer-events: auto
				}

				.swiper-fade .swiper-slide-active .swiper-slide-active {
					pointer-events: auto
				}

				.swiper-cube {
					overflow: visible
				}

				.swiper-cube .swiper-slide {
					pointer-events: none;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					z-index: 1;
					visibility: hidden;
					transform-origin: 0 0;
					width: 100%;
					height: 100%
				}

				.swiper-cube .swiper-slide .swiper-slide {
					pointer-events: none
				}

				.swiper-cube.swiper-rtl .swiper-slide {
					transform-origin: 100% 0
				}

				.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
					pointer-events: auto
				}

				.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
					pointer-events: auto;
					visibility: visible
				}

				.swiper-cube .swiper-cube-shadow {
					position: absolute;
					left: 0;
					bottom: 0px;
					width: 100%;
					height: 100%;
					opacity: .6;
					z-index: 0
				}

				.swiper-cube .swiper-cube-shadow:before {
					content: '';
					background: #000;
					position: absolute;
					left: 0;
					top: 0;
					bottom: 0;
					right: 0;
					filter: blur(50px)
				}

				.swiper-cube .swiper-slide-next+.swiper-slide {
					pointer-events: auto;
					visibility: visible
				}

				.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
					z-index: 0;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden
				}

				.swiper-flip {
					overflow: visible
				}

				.swiper-flip .swiper-slide {
					pointer-events: none;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					z-index: 1
				}

				.swiper-flip .swiper-slide .swiper-slide {
					pointer-events: none
				}

				.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
					pointer-events: auto
				}

				.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
					z-index: 0;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden
				}

				.swiper-creative .swiper-slide {
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					overflow: hidden;
					transition-property: transform,opacity,height
				}

				.swiper-cards {
					overflow: visible
				}

				.swiper-cards .swiper-slide {
					transform-origin: center bottom;
					-webkit-backface-visibility: hidden;
					backface-visibility: hidden;
					overflow: hidden;
				}
				.tr_testimonial_section {
					background-image: url('../images/test-bg.png');
					padding: 95px 0 62px;
				}

				.tr_test_slider .swiper-wrapper {
					left: 82px;
				}

				.tr_test_sec {
					box-shadow: 4px 12px 30px 0px #00000012;
					background-color: #fff;
					padding: 50px 30px;
					position: relative;
					max-width: 500px;
					border-radius: 5px;
					margin: 40px 0;
				}

				.tr_test_name_wrapper {
					display: flex;
					align-items: center;
					padding: 10px 0 0;
				}

				.tr_test_img {
					position: absolute;
					right: 115px;
					top: 25%;
				}
				.tr_test_img img{
					border-radius: 5px;
				}
				.tr_test_text p {
					max-width: 350px;
				}

				.tr_test_slider .swiper-slide.swiper-slide-next {
					transform: rotateY(20deg) !important;
				}
				.tr_test_sec_wrapper{
					border-radius: 8px;
					transition: all .3s ease-in-out;
				}
				.tr_test_sec_wrapper:hover .tr_test_sec  {
					background-color: var(--tr-primary-color);
				}

				.tr_test_sec_wrapper:hover .tr_test_text p,
				.tr_test_sec_wrapper:hover .tr_test_name h3,
				.tr_test_sec_wrapper:hover .tr_test_name p 
				{
					color: var(--tr-white-color);
				}

				.tr_test_quote svg path {
					fill: #e9f9f5;
				}

				.tr_test_sec_wrapper:hover .tr_test_quote svg path {
					fill: rgb(202 212 210 / 30%);
				}

				.swiper-pagination1 {
					margin: 24px auto 0;
					text-align: center;
					position: relative;
					left: 60px !important;
					transform: translateX(0%) !important;
				}

				.swiper-pagination1 span.swiper-pagination-bullet {
					height: 5px;
					width: 16px;
					background-color: var(--tr-bantext-color);
					border-radius: 5px;
					opacity: 1;
					left: 0 !important;
				}

				.swiper-pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
					background-color: var(--tr-primary-color);
					width: 35px;
				}

				.swiper-pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
					width: 10px;
				}
				.tr_testimonial_section {
					background-image: url('../images/test-bg.png');
					padding: 95px 0 62px;
				}

				.tr_test_slider .swiper-wrapper {
					left: 17px;
				}

				.tr_test_sec {
					box-shadow: 4px 12px 30px 0px #00000012;
					background-color: var(--tr-white-color);
					padding: 50px 30px;
					position: relative;
					max-width: 500px;
					border-radius: 5px;
					margin: 40px 0;
				}

				.tr_test_name_wrapper {
					display: flex;
					align-items: center;
					padding: 10px 0 0;
				}

				.tr_test_img {
					position: absolute;
					right: 0;
					top: 25%;
				}
				.tr_test_img img{
					border-radius: 5px;
				}
				.tr_test_text p {
					max-width: 350px;
				}

				.tr_test_slider .swiper-slide.swiper-slide-next {
					transform: rotateY(20deg) !important;
				}
				.tr_test_sec_wrapper{
					border-radius: 8px;
					transition: all .3s ease-in-out;
				}
				.tr_test_sec_wrapper:hover .tr_test_sec  {
					background-color: var(--tr-primary-color);
				}
				.tr_test_sec_wrapper:hover i{
					color: #fff;
					transition: 0.5s all ease;
				}
				.tr_head_title h6{
					color: var(--theme-color);
					font-size: 20px;

				}
				.tr_head_title h4{
					color: #000;
					font-size: 60px;
					font-family: var(--main-font);


				}
/*
.tr_head_title h6::before {
    position: absolute;
    content: '';
    left: 9%;
    bottom: 0;
    top: -76px;
    height: 2px;
    width: 49px;
    background-color: var(--theme-color);
    margin: auto;
}*/
.tr_test_sec_wrapper:hover .tr_test_text p,
.tr_test_sec_wrapper:hover .tr_test_name h3,
.tr_test_sec_wrapper:hover .tr_test_name p 
{
	color: var(--tr-white-color);
}

.tr_test_quote svg path {
	fill: #e9f9f5;
}

.tr_test_sec_wrapper:hover .tr_test_quote svg path {
	fill: rgb(202 212 210 / 30%);
}

.swiper-pagination1 {
	margin: 24px auto 0;
	text-align: center;
	position: relative;
	left: 60px !important;
	transform: translateX(0%) !important;
}

.swiper-pagination1 span.swiper-pagination-bullet {
	height: 5px;
	width: 16px;
	background-color: var(--tr-bantext-color);
	border-radius: 5px;
	opacity: 1;
	left: 0 !important;
}

.swiper-pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tr-primary-color);
	width: 35px;
}

.swiper-pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
	width: 10px;
}


.tr_testimonial_section {
	background-image: url('../images/test-bg.png');
	padding: 95px 0 62px;
}

.tr_test_slider .swiper-wrapper {
	left: 17px;
	top: 40px;
	margin-bottom: 30px;
}

.tr_test_sec {
	box-shadow: 4px 12px 30px 0px #00000012;
	background-color: var(--tr-white-color);
	padding: 50px 30px;
	position: relative;
	max-width: 500px;
	border-radius: 5px;
	margin: 40px 0;
}

.tr_test_name_wrapper {
	display: flex;
	align-items: center;
	padding: 10px 0 0;
}

.tr_test_img {
	position: absolute;
	right: 20px;
	top: 32%;
}
.tr_test_img img{
	border-radius: 5px;
}
.tr_test_text p {
	max-width: 350px;
}

.tr_test_slider .swiper-slide.swiper-slide-next {
	transform: rotateY(20deg) !important;
}
.tr_test_sec_wrapper{
	border-radius: 8px;
	transition: all .3s ease-in-out;
}
.tr_test_sec_wrapper:hover .tr_test_sec  {
	background-color: var(--theme-color);
	transition: 0.5s all ease;
}

.tr_test_sec_wrapper:hover .tr_test_text p,
.tr_test_sec_wrapper:hover .tr_test_name h3,
.tr_test_sec_wrapper:hover .tr_test_name p 
{
	color: #fff;
}

.tr_test_quote svg path {
	fill: #e9f9f5;
}

.tr_test_sec_wrapper:hover .tr_test_quote svg path {
	fill: rgb(202 212 210 / 30%);
}

.swiper-pagination1 {
	margin: 24px auto 0;
	text-align: center;
	position: relative;
	left: 60px !important;
	transform: translateX(0%) !important;
}

.swiper-pagination1 span.swiper-pagination-bullet {
	height: 5px;
	width: 16px;
	background-color: var(--tr-bantext-color);
	border-radius: 5px;
	opacity: 1;
	left: 0 !important;
}

.swiper-pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--tr-primary-color);
	width: 35px;
}

.swiper-pagination1 span.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
	width: 10px;
}


/*header*/
/*header top*/
.header .topbar {
	padding: 1px;
	background-color: var(--theme-color);
	position: relative;
}
.header .topbar .custom-flex a{
	color: var(--second-color);
	font-size: 13px;
	font-weight: 600;
}
.header .topbar .leftside ul>li>a {
	margin: 3px 10px 3px 0px;
	line-height: 30px;
	border: 2px solid #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	display: block;
	color: #000;
	border-radius: 50%;
}
.header .topbar .leftside ul>li:hover>a {
	background-color: #111111;
	border-color: #111111;
	color: #fff;
}
.header .topbar .rightside ul {
	justify-content: flex-end;
}
.header .topbar .rightside ul>li.login {
	background-color: #45afce;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	height: 100%;
	padding: 0 30px;
}
.header .topbar .rightside ul>li.book-appointment>a {
	background: #111111;
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	padding: 16px 30px;
	font-weight: 600;
	color: #000;
}
/*.header .topbar .rightside ul>li>a>i {
    margin-right: 10px;
}*/
.header .topbar .rightside ul {
	justify-content: flex-end;
}
ul.custom-flex {
	list-style: none;
	padding: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 0;
	float: right;
}

/*.light_header .topbar::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100vw;
    background-color: var(--theme-color);
    border-radius: 60px 0 0;
    left: -6%;
    top: 0;
}*/
.top-header .socials {
	margin: 0;
	display: inline-block;
}
.socials li {
	display: inline-block;
}
.socials li a {
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 32px;
	display: inline-block;
	border-radius: 4px;
	transition: background 0.5s;
	-webkit-transition: background 0.5s;
}
.socials a, .socials a i, .socials a:hover, .socials a:focus {
	color: #fff;
}


.light_header .main-header{
	position: relative;
}


header.light_header .main-navbar .nav-menu .booking_btn{
	right: 0;
}
header.light_header .main-navbar .nav-menu .booking_btn a{
	padding: 7px 20px;
}
.site-logo {
	display: flex;
	gap: 4px;
	color: #fff;
	align-items: center;
	flex-wrap: wrap;
	position: relative;
}
.site_name {
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 0;
	line-height: 16px;
	color: var(--second-color);
}
.site_name span {
	font-size: 20px;
	display: block;
	line-height: 1;
	position: relative;
	top: 4px;
  color: #000;
}

/*why choose us*/
.why-choose-us-area{
	background-image: url(../images/bg/why_choose_bg_2.svg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.cs_service_card.cs_style_2 {
	position: relative;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.cs_service_card.cs_style_2 {
		height: 208px;
	}
}
@media (max-width: 767px) {
	.cs_service_card.cs_style_2 {
		height: 208px;
	}
}
.cs_service_card.cs_style_2 .cs_service_card_in {
	position: relative;
	z-index: 1;
}
.cs_service_card.cs_style_2 .cs_service_card_bg {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.cs_service_card.cs_style_2 .cs_service_card_bg svg {
		width: 257px;
		height: 208px;
	}
}
@media (max-width: 767px) {
	.cs_service_card.cs_style_2 .cs_service_card_bg svg {
		width: 257px;
		height: 208px;
	}
}
.cs_service_card.cs_style_2 .cs_service_card_shape_1 {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0.16;
}
.cs_service_card.cs_style_2 .cs_service_card_shape_2 {
	position: absolute;
	bottom: 30px;
	left: 0;
	opacity: 0.16;
}
.cs_service_card.cs_style_2 img {
	display: inline-block;
}
.cs_service_card.cs_style_2 .cs_service_card_icon img,
.cs_service_card.cs_style_2 .cs_service_card_title,
.cs_service_card.cs_style_2 .cs_service_card_bg svg path {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.cs_service_card.cs_style_2 .cs_service_card_icon img {
	height: 70px;
}

.cs_service_card_icon svg{
	width: 70px;
	fill: var(--theme-color);
}
.cs_mb_20{
	margin-bottom: 20px;
}
.cs_service_card_title{
	font-size: 23px;
	font-weight: 800;
	font-family: var(--second-font);
}

/*testimonial area*/
.single-testimonial-wrap {
	background: rgba(8, 12, 36, 0.05);
	border-radius: 5px;
	margin-top: 60px;
	padding: 0 34px 40px 40px;
}
.single-testimonial-wrap .icon {
	margin-bottom: -9px;
	-webkit-transform: translateY(-39px);
	transform: translateY(-39px);
}
.single-testimonial-wrap .icon img {
	width: auto!important;
}
.single-testimonial-wrap p {
	border-left: 3px solid #fa4318;
	border-left: 3px solid var(--theme-color);
	color: #4d5765;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 0;
	padding-left: 7px;
}
.single-testimonial-wrap .client-wrap {
	align-items: center;
	display: flex;
	margin-top: 29px;
}
.single-testimonial-wrap .client-wrap .thumb {
	flex: none;
	margin-right: 10px;
}
.single-testimonial-wrap .client-wrap .thumb img {
	width: 60px;
	border-radius: 50%;
}
.single-testimonial-wrap .client-wrap .details .h5 {
	font-size: 24px;
	font-weight: 700;
	line-height: 31px;
	margin-bottom: 3px;
}
.single-testimonial-wrap .client-wrap .details p {
	border: 0;
	color: #4d5765;
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	padding-left: 0;
}

/*cab area*/
.cs_team_member.cs_style_2 {
	margin-left: 30px;
	background-color: #ededed;
  /*-webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.08);*/
  border-radius: 5px;
  text-align: center;
}
.cs_team_member.cs_style_2 .cs_member_social_btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 15px;
	padding: 10px 8px;
/*  background-color: rgba(255, 85, 0, 0.03);*/
background-color: var(--theme-color);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.cs_team_member.cs_style_2 .cs_member_social_item {
	color: #fff;
	font-weight: 600;
	font-size: 18px;
}
.cs_team_member.cs_style_2 .cs_member_social_item:hover {
	color: #fff;
}
.cs_team_member.cs_style_2 .cs_member_social_btns_wrap {
	width: 100%;
	position: relative;
}
.cs_team_member.cs_style_2 .cs_team_member_thumb {
	padding: 15px;
	padding-bottom: 30px;
}
.cs_team_member.cs_style_2 .cs_team_member_thumb img{
	height: 200px;
	object-fit: cover;
}
.cs_team_member.cs_style_2 .cs_team_member_info {
	padding: 22px 0;
}
.cs_team_member.cs_style_2 .cs_member_social_btns_shapes {
/*  opacity: 0.03;*/
width: 30px;
position: absolute;
left: -30px;
top: 0;
height: 100%;
background-color: var(--theme-color);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.cs_team_member.cs_style_2 .cs_member_social_btns_shapes svg {
	position: absolute;
	left: 0px;
}
.cs_team_member.cs_style_2 .cs_member_social_btns_shapes svg:first-child {
	top: -26px;
}
.cs_team_member.cs_style_2 .cs_member_social_btns_shapes svg:last-child {
	bottom: -26px;
}
.cs_team_member.cs_style_2:hover .cs_member_social_btns {
	background-color: var(--theme-color);
}
.cs_team_member.cs_style_2:hover .cs_member_social_btns_shapes {
	opacity: 1;
}
.cs_accent_color {
	color: var(--theme-color);
}

.cs_team_member_info .price {
	font-size: 18px;
	font-weight: 600;
}
.cs_team_member_info ul {
	list-style: none;
	margin: 20px 0;
	padding-left: 0;
	background-color: #f8f8f8;
	padding: 10px;
	display: flex;
}
.cs_team_member_info ul li {
	font-size: 14px;
	position: relative;
	border-right: 2px solid #d9d9d9;
	display: inline-block;
	width: 100%;
}
.cs_team_member_info ul li i {
	display: block;
}
.cs_team_member_info ul li:last-child{
	border: none;
}

/*services pages*/
.single-service-details{
	padding: 20px;
	background-color: #fff;
	border-radius: 10px;
}
.single-service-details img{
	width: 100%;
	border-radius: 15px;
	margin-bottom: 20px;
}

.common-booking-form .form_section{
	background-color: var(--second-color);
	border-radius: 10px;
}
.common-booking-form .form_section img{
	display: none;
}
.common-booking-form .form_section:after,.common-booking-form .form_section:before{
	display: none;
}
.single-service-details h3,.single-service-details .h3{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #000;
}

/*=================about us section=============*/
.content-area .content-box{
	background: #FFFFFF;
	border-radius: 20px;
	padding: 0px;
	padding: 10px 20px;
	position: relative; 
}
.content-area .content-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
/*    box-shadow: 0px 0px 7px 0px rgb(22 22 22 / 19%);*/
border-radius: 10px;
padding: 10px;
}

.content-area .content-area_img{
	-webkit-mask-image: url(../images/brush-shape.png);
	mask-image: url(../images/brush-shape.png);
	mask-repeat: no-repeat;
	mask-size: 100%;
}
/*============================= Start Contact Page Area ===================================================== */
.contact_section .contact_wrap{
	display: flex;
	color: #fff;
	padding: 10px ;
	align-items: center;
}
/*.contact_section .contact_wrap .title_bar {
    color: var(--theme-color);
    text-align: center;
    font-size: 35px;
    width: 60px;
    height: 60px;
    background-color: #E6EFFF;
    border-radius: 50%;
    line-height: 60px;
    margin: auto;
}*/
.contact_section .contact_wrap .title_bar i{
	position: relative;
	top: 3px;
}
.contact__details-top{
	padding: 40px;
}
.contact__details{
	background: var(--theme-color);
	gap: 24px;
	align-items: flex-start;
	padding: 40px 50px;
	border-radius: 40px;
}
.contact_section .contact_wrap .title_bar{
	color: #3E3F41;
	font-size: 32px;
	background-color: #FFF;
	text-align: center;
	border-radius: 50%;
	box-shadow: 0px 15px 30px 0px #00000033;
	transition: all 0.3s ease-in;
	width: 56px;
	height: 56px;
	border: 1px solid #FFF;
}
.contact_section .contact__details .row{
	background-color: var(--theme-color) !important;
	box-shadow: none !important;
}
.contact__details .contact_icon a{
	color: #FFF;
	font-size: 22px;
	border: 1px solid;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	transition: all 0.3s ease-in;
	align-items: center;
}
.con_tact .row{
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 6px 35px rgb(0 0 0 / 11%);
}
.contact_section .contact_wrap .contact_content {
	padding: 4px 18px;
	width: 80%;
	font-family: "poppins", sans-serif;
}
.contact_section .contact_wrap .contact_content h4{
	color: #fff;
	font-weight: 700;
}
.contact_section .contact_wrap .contact_content p{
	margin-bottom: 0;
	color: #fff;
}
.contact_section .contact_wrap .contact_content p a{
	color: #fff;
}
.contact_section .contact_wrap .title_bar h4 {
	margin-bottom: 0;
	margin-left: 10px;
	text-transform: capitalize;
	color: var(--theme-color);
	font-size: calc(16px + (20 - 16) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}
.get-in-touch{
	padding: 15px;
	border-radius: 18px;
}
.get-in-touch form{
/*    border: 2px dashed var(--theme-color);*/
padding: 15px;
}

.get-in-touch h3 {
	text-transform: capitalize;
	margin-bottom: calc(10px + (15 - 10) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 600;
}

.get-in-touch form .form-control {
	border-radius: 8px;
	font-size: 14px;
	line-height: 1.8;
	text-transform: capitalize;
	padding: 10px 18px;
}

.get-in-touch form .submit-btn {
/*    text-align: right;*/
margin-top: 10px;
}

.contact-map {
	height: 100%;
}

.contact-map iframe {
	width: 100%;
	height: 400px;
	border: 0;
	border-radius: 18px;
}
.con_tact form .row{
	box-shadow: none;
}

.contact-bottom {
	height: calc(180px + (350 - 180) * ((100vw - 320px) / (1920 - 320)));
}

.appoinment-form-wrap input.form-control.style, .appoinment-form-wrap select.form-select.style, .appoinment-form-wrap textarea.form-control.style {
	padding: 15px 30px;
	font-size: 16px;
	font-weight: 600;
	background: #f6f6f6;
	border: 0;
	outline: 0;
	width: 100%;
}
.appoinment-form-wrap {
	background: #fff;
	padding: 55px;
}

/*footer popular routes*/
.popular-routes{
	padding: 30px 0;
	position: relative;
	background:#fff;
	border-bottom: 2px solid var(--second-color);
}
@media only screen and (max-width: 768px) {
	.popular-routes ul {
		margin-bottom: 0;
		padding-left: 20px;
	}
}
.popular-routes .title{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #fff;
	position: relative;
	padding-bottom: 10px;
}
.popular-routes ul li{
	width: 100%;
	display: list-item;
}
.popular-routes ul li::marker{
	color: #6d6b72;
}
.popular-routes ul li a {
	/* border-radius: 30px; */
	border: 1px solid #fff;
	border-bottom: 1px dashed #6d6b72;
	color: #6d6b72;
	font-weight: 600;
	display: block;
	margin-top: 7px;
	padding: 5px 0px;
	text-transform: capitalize;
	font-size: 16px;
	/* box-shadow: 0 0 6px #e2e2e2; */
}
.popular-routes ul li a:hover{

}
.popular-routes .title:before, .popular-routes .title:after {
	content: '';
	height: 3px;
	width: 60px;
	background-color: #fff;
	font-weight: 550;
	position: absolute;
	bottom: 0;
	left: 0;
}
.popular-routes .title:after {
	left: 65px;
	width: 10px;
}


/*.header:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 17%;
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0%, calc(100% - 50px) 100%, 0% 100%);
    z-index: -1;
}*/

/************************************/
/***        05. About Us css      ***/
/************************************/

.about-us{
	padding: 100px 0;
}
.about-img-1{
	width: 414px;
	position: relative;
}

.about-img-1::before{
	content: '';
	position: absolute;
	top: -10px;
	bottom: 0;
	left: -10px;
	right: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ececec;
	border-radius: 200px;
	z-index: 1;
}

.about-img-1 img{
	width: 100%;
	aspect-ratio: 1 / 1.37;
	object-fit: cover;
	border-radius: 200px;
}

.about-img-2{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}

.about-img-2::before{
	content: '';
	position: absolute;
	top: -8px;
	bottom: 0;
	left: -8px;
	right: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #ececec;
	border-radius: 160px;
	z-index: 1;
}

.about-img-2 img{
	width: 100%;
	aspect-ratio: 1 / 1.37;
	object-fit: cover;
	border-radius: 160px;
}

.about-content-body{
	margin-bottom: 10px
}

.about-trusted-booking{
	display: flex;
	border-bottom: 1px solid #ececec;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.about-trusted-booking:last-child{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.about-trusted-booking .icon-box{
	position: relative;
	margin-right: 20px;
	padding: 10px 0px 0px 10px;
}

.about-trusted-booking .icon-box::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: var(--theme-color);
	opacity: 10%;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	z-index: 0;
	transition: all 0.4s ease-in-out;
}

.about-trusted-booking:hover .icon-box::before{
	background-color: var(--theme-color);
	opacity: 70%;
}

.about-trusted-booking .icon-box img{
	position: relative;
	max-width: 74px;
	z-index: 1;
}

.trusted-booking-content{
	width: calc(100% - 94px);
}

.trusted-booking-content h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.trusted-booking-content p{
	margin: 0;
}

/************************************/
/***     06. Our Services css     ***/
/************************************/

.our-services-area .our-box{
	border-radius: 5px;
	border-top: 3px solid var(--theme-color);
	padding: 15px;
	box-shadow: 0px 25px 20px 0px #dddddd;
	position: relative;
}
.our-services-area .left, .right{
	background-color: var(--theme-color);
	top: ;
}
.our-services-area .box-title{
	font-size: 25px ;
	font-weight: 600;
	text-align: center;
}
.our-services-area .box-caption{
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	padding: 12px;
}

/************************************/
/***    07. Perfect Fleets css    ***/
/************************************/

.perfect-fleet-item{
	border: 1px solid #bababa;
	border-top: 5px solid #a8a8a8;
	border-radius: 25px;
	overflow: hidden;
	margin-bottom:20px;
	background-color:#fff;
}

.perfect-fleet-item .image-box{
	text-align: center;
}
.perfect-fleet-item .image-box img{
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.perfect-fleet-content p{
	padding-inline: 20px;
}

.perfect-fleet-title{
	padding: 10px 20px;
	font-size: 18px;
	font-weight: 900;
	text-transform: capitalize;
}

.perfect-fleet-title h3{
	font-size: 12px;
	font-weight: 600;
	line-height: 1em;
	display: inline-block;
	background-color: #ececec;
	border-radius: 100px;
	padding: 10px 20px;
	margin-bottom: 15px;
}

.perfect-fleet-title .cab_name{
	font-size: 17px;
	font-weight: 600;
	text-transform: capitalize;
	color: #000;
}
.perfect-fleet-body .btn-theme{
	width: 100%;
	text-align: center;
	display: block;
}
.perfect-fleet-body p{
	font-size: 15px;
}

/*.perfect-fleet-body{
    border-bottom: 1px solid #ececec;
    margin-bottom: 25px;
    padding-bottom: 25px;
}*/

.perfect-fleet-body ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.perfect-fleet-body ul li{
	position: relative;
	width: calc(50% - 5px);
	text-transform: capitalize;
	padding-left: 25px;
	font-size: 12px;
}

.perfect-fleet-body ul li img{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.perfect-fleet-footer{
	padding: 0px 20px;
	background: #ebebeb;
}
.perfect-fleet-footer{
	color: #636363;
	font-size: 12px;
}
.perfect-fleet-footer p{
	color: #636363;
	font-size: 12px;
	margin-top: 8px;
	font-weight: 600;
	margin-bottom: 5px;
}
.perfect-fleet-footer .p{
	color: #636363;
	font-size: 12px;
	margin-top: 8px;
	margin-bottom: 5px;
	font-weight: 500;
}
.perfect-fleet-footer .img{
	width: 40px;
	height: 40px;
	margin: auto;
	display: block;
	padding: 6px;
	background: #fff;
	border: 1px solid var(--theme-color);
	border-radius: 50%;
}
.perfect-fleet-footer .img img{
	width: 100%;
	height: 100%;
}
.perfect-fleet-footer ul li{
	width: 100%;
}
.perfect-fleet-footer ul{
	display: flex;
	align-items: center;
	padding: 0;
}
.perfect-fleet-pricing{
	width: calc(100% - 50px);
}

.perfect-fleet-pricing .h2{
	font-size: 20px;
	font-weight: bold;
}

.perfect-fleet-pricing h2 span{
	font-size: 14px;
	font-weight: 400;
}

.perfect-fleet-btn .section-icon-btn{
	width: 40px;
	height: 40px;
	margin-left: 10px;
	transition: all 0.3s ease-in-out;
}

.perfect-fleet-item:hover .perfect-fleet-btn .section-icon-btn{
	background-color: var(--second-color);
}

.perfect-fleet-btn .section-icon-btn img{
	max-width: 12px;
}

.perfect-fleet-item:hover .perfect-fleet-btn .section-icon-btn img{
	transform: rotate(45deg);
}

.section-icon-btn{
	background-color: var(--theme-color);
	border-radius: 100%;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s ease-in-out;
}

.section-icon-btn img{
	max-width: 14px;
	transition: all 0.4s ease-in-out;
}

/*============================================================
our-service-area
============================================================*/

.service-area{
}
.project-card-img {
	overflow: hidden;
	height: 250px;
}

.project-card-img img {
	width: 70%;
	position: relative;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	margin: auto;
	height: auto;
	top: 50%;
	left: 50%;
	object-fit: cover;
	transform: translate(-50%, -50%);
}

.project-card-icon {
	border: 7px solid #D4CBB9;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	text-align: center;
	line-height: 83px;
	-webkit-transform: translate(45px, -117px);
	-ms-transform: translate(45px, -117px);
	transform: translate(45px, -117px);
	position: relative;
	z-index: 1;
	background: #fff;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	display: none;

}
.service-area .project-card{
	border: 3px solid var(--second-color);	
	border-radius: 2px 15px 2px 15px;
}
.service-area .yellow_card{
	border: 3px solid var(--theme-color);
}

.project-card-icon img {
	-webkit-transition: 0.4s;
	transition: 0.4s;
	width: 60px;
	display: none;
}

.project-card-content {
	margin-bottom: 10px;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	font-size: 15px;
}

@media (max-width: 320px) {
	.project-card-content {
		font-size:14px
	}
}

.project-card-details {
	background: #fff;
	padding: 18px;
	-webkit-transition: 0.4s;
	position: relative;
	transition: 0.4s;
	background-color: #fff;
	background: #fff;
	bottom: 4%;
	left: 0%;
	border-bottom-left-radius: 13px;
}
.project-card .box-title {
	font-size: 16px;
	font-weight: 600;
}

@media (max-width: 991px) {
	.project-card .box-title {
		font-size:16px
	}
}

@media (max-width: 320px) {
	.project-card .box-title {
		font-size:16px
	}
}




.project-card:hover .project-card-icon {
	border-color: #fff;
	background: var(--theme-color)
}

.project-card:hover .project-card-icon img {
	-webkit-filter: invert(1);
	filter: invert(1);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.project-card:hover .project-card-details {
	background-color: var(--theme-color)
}

.project-card:hover .box-title {
	color: #fff
}


.project-card:hover .project-card-content {
	color: #fff
}

.project-card:hover .btn-theme{
	background-color: var(--second-color);
}

/************************************/
/***    11. Why Choose Us css     ***/
/************************************/

/*.whychoose-content-box {
	background-color: var(--theme-color);
	margin-top: 55px;
	padding: 50px;
	border-bottom-right-radius: 30px;
}*/
.whychoose-area{
	padding: 2rem 0 65px;
}
.why-choose-item{
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	gap: 15px;
	color: var(--second-color);
	border: 1px solid #bababa;
	border-radius: 10px;
	box-shadow:0px 0px 11px -3px;
	padding: 10px;
	margin-bottom: 25px;
	text-align: center;
}

.why-choose-item .icon-box {
	position: relative;
	width: 55px;
	margin: auto;
	height: 55px;
	border: 1px solid var(--theme-color);
	border-radius: 50%;
	margin-bottom: 15px;
	margin-top: 10px;
}


.why-choose-item .icon-box i{
	font-size: 35px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: var(--theme-color);
}
.whychoose-area .why-margin-top{
	top: 50px;
}

.why-choose-content .h3{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 10px;
	color: inherit;
	font-family: var(--main-font);
}

.why-choose-content p{
	margin: 0;
	color: var(--second-color);
	font-family: var(--main-font);
}
.whychoose-area img{
	width: 100%;
	border-top-left-radius: 30px;
	height: 90%;
}

/*google reviews*/
.google-reviews {
	border-radius: 4px!important;
	box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;
	margin: 10px 0;
	padding: 30px 10px;
}
.google-reviews ul {
	margin: 5px 0;
}
ul.ratings li {
	display: inline-block;
}
.google-reviews ul li strong {
	color: #f5af02;
	font-size: 20px;
	font-weight: 600;
}
ul.ratings li i{
	color: #f5af02;
}
.google-reviews p {
	font-size: 15px;
	margin-bottom: 10px;
}
.google-reviews .powered_by_google {
	margin-bottom: 15px;
	width: 50%;
}
.wp-google-wr a {
	color: #fff!important;
	padding: 4px 20px 6px!important;
	border-radius: 27px!important;
	background: #427fed!important;
	white-space: nowrap!important;
	text-shadow: 1px 1px 0 #888!important;
	box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important;
	user-select: none!important;
	transition: all .2s ease-in-out!important;
}
.wp-google-wr a svg {
	display: inline-block;
	padding: 1px;
	margin: 0 0 0 4px;
	background: #fff;
	border-radius: 50%;
}

/*===========================================================================
testimonial
===========================================================================*/
.testimonial-area{
	background-position: center center;
	background-size: cover;
}
.testimonial_left_box{
	background-color: #fff;
	border-radius: 10px 10px 0 0;
}
.testimonial_content{
	padding: 27px;
	border: 1px solid #e5e5e5;
	position: relative;
	box-shadow: 0 0 8px 0 #0000001a !important;
	border-radius: 10px;
}
.testimonial_content .fa-quote-left{
	position: absolute;
	right: 70px;
	font-size: 50px;
	opacity: 0.5;
}
.testimonial_content .author-title-thumb {
	text-align: center;
	margin-bottom: 20px;
}

.author-title-thumb {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.author-title-thumb .author-thumb {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	margin:20px auto 5px;
}
.author-title-thumb .author-thumb{
	width: 70px !important;
	height: 70px !important;
}
.author-title-thumb .ratings{
	padding: 0;
}
.author-title-thumb .author-title .title {
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 600;
}
.author-title-thumb .author-title p.position {
	font-size: 14px;
	margin-bottom: 0;
}
.testimonial_content > p {
	font-size: 16px;
	margin-bottom: 0;
	overflow-y: auto;
}

.testimonial_content > p::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.testimonial_content > p::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.testimonial_content > p::-webkit-scrollbar-thumb
{
	background-color: #000000;
	border: 2px solid #555555;
}
.google-icon img{
	margin: auto;
}

/*=====================about-area==================*/
.about-section{
	.sec-title{
		font-size: 31px;
        font-weight: 600;
        line-height: 1.2;
	}
	.sec-subtitle{
    font-size: 16px;
    font-weight: 500;
    color: #000;
}
}
.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: 3;
  img{
  	width: 35px;
  	height: 35px;
  }
}
.counter-item{
	text-align: center;
}
.display-6{
	font-weight: 600;
	font-size: 28px;
}
.text-counter{
	font-weight: 500;
	font-size: 16px;
	color: var(--second-color);
}
.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: #98AA30;
  border-radius: 20px;
  display: inline-block;
}
.about-img img {
  position: relative;
  z-index: 1;
}

.about-progress {
  background: #FFF;
  padding: 10px;
  border-bottom: 1px solid var(--theme-color);
  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;
  }
}
.avatar.avatar-xl {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
    line-height: 4rem;
    font-size: 25px;
}
.avatar.avatar-xl img{
	width: 60%;
	height: 60%;
}
.avatar {
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 500;
    background-color: var(--theme-color);
}
.about-section .about-bg img.about-bg-01 {
    bottom: 40%;
    left: 0;
    z-index: -1;
    top: 22px;
}

/*=================service area=============*/
.service-bg{
	padding: 150px 40px 40px 40px;
	border-radius: 25px;
}
.service-bg .service-box-area{
	background: #ecece7;
	padding: 20px;
	border-radius: 10px;
}
.service-box-area .service-box-title{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 5px;
	color: #000;
}
.service-box-area p{
	margin-bottom: 0;
}
.service-box-area .btn-theme{
	padding: 10px 15px;
}



/*===============*/
.about-area .sec-title,.whychoose-area .sec-title,.testimonial-area .sec-title{
	background-image: none;
	display: block;
}
.about-area .sec-subtitle,.whychoose-area .sec-subtitle,.testimonial-area .sec-subtitle{
	background-image: linear-gradient(180deg, #54595F00 60%, #ffc83b7d 0%);
	display: block;
	width: max-content;
}

.contact-info-box {
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}
.contact-info-box_icon {
	color: var(--second-color);
}
.contact-info-box_icon i{
	width: 30px;
	height: 30px;
}

.contact-info-box_icon i{
	/* width: 35px; */
	position: relative;
	left: 5px;
	top: 2px;
	font-size: 20px;
	color: #6d6b72;
}
.contact-info-box_text {
	display: block;
	color: #6d6b72 !important;
	font-size: 14px;
	font-weight: 550;
	margin-bottom: 0;
}
.contact-info-box_text a{
	color: #6d6b72 !important;
	font-weight: 550;
}
.contact-info-box .contact-title{
	font-size: 15px;
}
/*
========================================
========================================

*****************Model******************

========================================
========================================
*/

.modal .modal-dialog{
	width: 500px;
}
.modal .form_section{
	box-shadow: none;
	top: 0;
}
.modal .form_section{
	margin-bottom: 0;
}
.modal .form_section .input-group-text{
	position: relative;
	top: 4px;
}

.modal .modal-body {
	padding: 0px 30px 10px;
}
.modal .form_section .input-group-text i{
	font-size: 23px;
	color: var(--second-color);
}
.page_form .form_section{
	top: 0;
}
.common_page_section .card{
	border: 0;
	padding: 0 20px;
	text-align: center;
}
.common_page_section .card .card-title{
	font-size: 19px;
	font-weight: 600;
}
.common_page_section .card .card-caption{

}
.common_page_section .card .card-icon{
	width: 75px;
	height: 75px;
	left: 50%;
	transform: translateX(-50%);
	position: relative;
	margin-bottom: 10px;
}
.common_page_section .card .card-icon img{
	width: 100%;
	height: 100%;
}
.common_page_section .row .arrow_left:before{
	content: "\f178";
	font-family: 'FontAwesome';
	font-weight: 600;
	left: -19px;
	top: 50%;
	transform: translateY(-50%);
	color: #6d6b72 !important;
	background-color: transparent;
	border: none;
	color: inherit;
	z-index: 2;
	transition: 0.4s linear;
	position: absolute;
	padding-right: 10px;
	font-size: 40px;
}
.common_page_icon{
	position: absolute;
}
.page_whychoose .card{
	padding: 10px 20px;
	border-radius: 10px 10px 60px;
}
.page_whychoose .card .card-header{
	background: none;
	display: flex;
	align-items: center;
	border: none;
}
.page_whychoose .card .card-icon{
	width: 80px;
	height: 80px;
	padding: 12px;
	border-radius: 50%;
	background: #f9f9f9;
	box-shadow: 0 0 4px rgba(0,0,0,0.3)
}
.page_whychoose .card .card-title{
	font-size: 21px;
	margin-left: 20px;
	font-weight: 700;
}
.page_whychoose .card .card-icon img{
	width: 100%;
	height: 100%;
}
.page_whychoose .card .card-caption{
	margin: 10px  0;
}
.page_whychoose .card{
	background-color: #706f6f;
	color: #fff;
}
.page_whychoose .row .card_white{
	background-color: #fff;
	color: #000;
}

/**************************************/
/**************************************/
/*************************************/
/**************************************/
/**************************************/
/**************************************/
.new_services-div{
	margin-top: 35px;
}
@media(max-width:748px){
	.new_services-div{
		margin-top: 35px;
	}
}
@media(min-width:992px){
	.new_services-div .row .col-lg-2-4{
		width: 20%;
	}
}
.new_services-div .card{
	box-shadow: 0px 0px 11px -3px inset;
	border-radius: 10px;
}
.new_services-div .card .card-img{
	width: 70%;
	height: 220px;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 20px;
}
.new_services-div .card .card-img img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
	object-fit: cover;
}
.new_services-div .card .card-title{
	text-align: center;
	font-size: 21px;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	margin-bottom: 16px;
}
@media only screen and (max-width: 768px) {
	footer .site_name {
		left: 0px; 
	}
}
.response-section{
	margin-top: 100px;
}
.response-section .card{
	padding: 30px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	border: none;
}
.response-section .card .card-icon{
	border-radius: 50%;
	height: 110px;
	width: 110px;
	box-shadow: 0 0 18px #c2c2c2;
	background: #fff;
	margin: 0 auto;
	line-height: 113px;
	font-size: 75px;
	overflow: hidden;
	border: 1px solid #2ea729;
}
.response-section .card p{
	font-size: 20px;
	color: var(--font-color);
}
.response-section .card .card-icon i{

	text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4, 31px 31px #d4d4d4, 32px 32px #d4d4d4, 33px 33px #d4d4d4, 34px 34px #d4d4d4, 35px 35px #d4d4d4, 36px 36px #d4d4d4;
	width: 66%;
	height: 66%;
	border-radius: 50%;
	color: #2ea729;
}

  /*======================================================
======================================================
======================================================*/
/*top header*/

header .tob_bar{
	padding: 10px 0;
	border-bottom: 1px solid #0000001A;
}
.top_header_info{
	padding-inline: 20px;
	border-left: 1px solid #000;
}
.top_header_info:first-child{
	border: none;
}
.top_header_info span{
	padding-inline: 5px;
}
.top_header_info p span i{
	opacity: 0.6;
}
.top_header_info p{
	margin-bottom: 0;
	line-height: 1;
	color: #000;
	font-size: 14px;
}
.top_header_info a{
	color: #000;
	font-size: 14px;
}

.header_btn {
	border: 1px dashed #000;
	color: #000!important;
	border-radius: 30px!important;
	display: flex!important;
	align-items: center;
	gap: 5px;
}
.header_btn i {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block!important;
    background-color: var(--second-color);
    color: #fff;
     transition: all linear 0.15s; 
    position: absolute;
    text-align: center;
    line-height: 25px;
    top: 0!important;
    transform: rotate(-45deg);
}
.header_btn:hover{
	color: #fff!important;
}
.header_btn:hover i {
    transition: 0.3s;
    transform: rotate(0deg);
    background-color: #fff;
    color: #000;
}

/*========form booking index==========*/
.form-section form{
	background-color: #fff;
	border-radius: 0 15px 15px 15px;
	padding: 15px;
}
.form-section form label{
	font-weight: 600;
	font-size: 15px;
}
.form-section .title{
	width: max-content;
	padding: 5px 32px;
	position: relative;
	background-color: var(--second-color);
	left: 0px;
	border-radius: 5px 5px 0 0;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}
.form-section .input-group{
	margin-bottom: 8px;
	position: relative;
}
.form-section .input-group i{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	z-index: 1;
	left: 4px;
	border-radius: 50% !important;
	font-size: 10px;
	width: 20px;
	height: 20px;
	display: flex
	;
	align-items: center;
	justify-content: center;
	background: #000;
	opacity: 0.8;
}
.form-section .input-group .form-control,.form-section .input-group .form-select{
	padding-left: 30px;
	border-radius: 5px !important;
}
.form-section .input-group textarea.form-control{
	padding: .375rem .75rem;
}
.form-section form{
	border-bottom: 5px solid var(--second-color);
}
.form-section form .btn-theme{
	padding: 8px 15px;
}
.input-group>.form-control:focus, .input-group>.form-floating:focus-within, .input-group>.form-select:focus{
	z-index: 0;
}

.slider-caption .caption-title {
	font-size: 50px;
	font-weight: 800;
	line-height: 1.1;
	font-family: var(--main-font);
	color: var(--theme-color);
	margin-bottom: 10px;
}

.main-banner{
	background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url(../images/slider/slider_img.jpg);
	padding-block: 50px;
	background-size: cover;
}
.index-top_slide{
	position: relative;
	z-index: 0!important;
}
.index-top_slide .card{
	border-radius: 10px;
    overflow: hidden;
    border: none;
	padding: 10px;
}
.index-top_slide .card img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 5px;
}
.index-top_slide .card .card-body{
	padding: 10px;
	padding-bottom: 0;
	text-align: center;
}
.index-top_slide .card .card-title{
	font-size: 16px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0;
}
.bg-light {
    background-color: #fffaf2 !important;
    border: none !important;
}
/*packages*/
.cab__section{
  position: relative;
  margin-inline: auto;
  overflow: hidden;
}
.cab-section-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg/header_bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.3;
}
.place-box {
  position: relative;
  background-color: transparent;
  border-top: transparent;
  border-radius: 12px;
  transition: all 0.3s ease-in-out;
  border-radius: 16px;
}
.place-box:after{
  position: absolute;
  content: '';
  right: -3px;
  top: -3px;
  width: 70px;
  height: 70px;
  border-radius: 0 0 0 50%;
  background-color: #fff;
}
.place-box .br-right-top {
    position: absolute;
    top: -1px;
    right: 66px;
    transform: rotate(90deg);
    line-height: 1;
    z-index: 1;
}
.place-box .br-right-top svg {
    width: 24px;
    height: 24px;
    fill:#fff;
}
.place-box .br-right-bottom {  
    position: absolute;
    top: 66px;
    right: -1px;
    transform: rotate(90deg);
    line-height: 1;
    z-index: 1;
}
.place-box .br-right-bottom svg {
    width: 24px;
    height: 24px;
    fill:#fff;
}

.place-box:hover:before {
  width: 105%;
  height: 105%;
  opacity: 1;
}
.place-box .image {
  overflow: hidden;
  border-radius: 22px ;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  position: relative;

}
.place-box .image:before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 88.18%);
}
.place-box .image:after {
  background: rgba(255, 255, 255, 0.5);
  content: "";
  height: 0;
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}
.place-box:hover .image:after {
  height: 100%;
  opacity: 0;
  -webkit-transition: all .4s linear;
  transition: all .4s linear;
}
.place-box .image img{
  transition: all 0.3s ease-in-out;
  width: 100%;
  height: 400px;
  object-fit: cover;
  filter: contrast(1.1) brightness(0.8);
}
.place-box:hover .image img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.place-box .lower_content {
  padding: 10px 0;
  position: absolute;
  border-radius: inherit;
  bottom: 5px;
  width: 97%;
  height: 97%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

.place-box .btn_group{
  text-align: center;
  position: absolute;
  bottom: 20PX;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
    display: flex;
    justify-content: space-around;
}
.lower_list{
  margin-bottom: 10px;
}
.lower_list .lists{
  display: flex;
  gap: 3px;
  padding: 0;
  margin: 0;
  list-style: none;
  justify-content: center;
}
.lower_list .lists li{
  padding: 4px 8px;
  color: #fff;
  border: 1px solid #fff;
  background: transparent;
  font-size: 14px;
  border-radius: 30px;
}
.lower_list .lists li img{
	width: 20px;
	height: 20px;
	object-fit: contain;
	filter: invert(1);
}
.place-box .h4 {
  margin-bottom: 5px;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease-in-out;
  font-size: 25px;
  font-weight: bold;
  padding-left: 18px;
  width: 80%;
}
.place-box .h4:hover {
  color: var(--theme-color);
}

.expert-item {
  border: 1px solid #FFF;
  border-radius: 10px;
  position: relative;
}
.expert-item .br-right-bottom2 {
    position: absolute;
    bottom: -1px;
    left: 98px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 3;
}
.expert-item .br-left-top {
    position: absolute;
    bottom: 98px;
    left: 0px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 3;
}
.expert-item .br-right-bottom2 svg , .expert-item .br-left-top svg{
    width: 24px;
    height: 24px;
    fill: #F3F6F9;
}
.expert-item .expert-img {
  text-align: center;
  margin: 0;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
  display: block;
}
.expert-item .expert-img{
  .position-relative{
    height: 360px;
    width: 100%;
    overflow: hidden;
    border-radius: 20px;
  }
}
.expert-item .expert-img img {
    position: relative;
    z-index: 2;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    filter: brightness(0.5);
}
.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 {
    position: absolute;
    bottom: 20px;
    z-index: 11;
    text-align: right;
    right: 20px;
    width: 75%;
    a{
      color: #Fff;
      font-size: 25px;
    }
}
.service__btn {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -1px;
  bottom: -1px;
  width: 100px;
  height: 100px;
  border-radius: 0 45px 0 0;
  background-color: #fff;
  z-index: 3;
}

.service__btn a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  font-family: var(--main-font);
  background-color: var(--theme-color);
  color: #fff;
  width: 70%;
  height: 70%;
  transition: opacity 0.4s ease, width 0.4s ease, height 0.4s ease;
  border-radius: 50%;
}

.service__btn a.hidden_btn {
  opacity: 0;
  width: 0;
  height: 0;
  font-size: 25px;
  visibility: hidden;
  transition: opacity 0.4s ease, width 0.4s ease, height 0.4s ease;
}

.service__btn:hover a.hidden_btn {
  opacity: 1;
  width: 70%;
  height: 70%;
  visibility: visible;
}

.service__btn:hover a.getting_hidden {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.expert-item .expert-content .sub_content{
  font-size: 14px;
  text-transform: uppercase;
  color: var(--theme-color);
}
.expert-item .expert-content p {
  font-size: 14px;
}
.expert-item .expert-content img {
  width: auto;
  height: auto;
}
.benefit-section{
.card {
  margin-bottom: 1.5rem;
  background-color: #FFF;
  transition: all 0.5s ease-in-out;
  position: relative;
  border-radius: 10px;
  color: inherit;
  border: none;
  border-radius: 20px;
}
.card .card-body {
  padding: 20px;
  padding-bottom: 68px;
  border-radius: 20px;
}
.card .br-right-bottom2 {
    position: absolute;
    bottom: -1px;
    left: 69px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.card .br-left-top {
    position: absolute;
    bottom: 69px;
    left: 0px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.card .br-right-bottom2 svg , .card .br-left-top svg{
    width: 24px;
    height: 24px;
    fill: #F3F6F9;
}
.card .card-body.red {
  background-color: rgba(255, 0, 0, 0.4); /* Light Red */
}

.card .card-body.green {
  background-color: rgba(0, 255, 0, 0.4); /* Light Green */
}

.card .card-body.purple {
  background-color: rgba(128, 0, 128, 0.4); /* Light Purple */
}

.card .card-body.blue {
  background-color: rgba(0, 0, 255, 0.4); /* Light Blue */
}

.card .card-body.orange {
  background-color: rgba(255, 165, 0, 0.4); /* Light Orange */
}

.card .card-body.yellow {
  background-color: rgba(255, 255, 0, 0.4); /* Light Yellow */
}
.card .card-body p{
  font-weight: 500;
  color: #000;
}
.benefit-icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  left: -1px;
  bottom: -1px;
  width: 70px;
  height: 70px;
  border-radius: 0 50% 0 0;
  background-color: #F5F8FA;
  z-index: 2;
}

.benefit-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: 600;
  background-color: var(--theme-color);
  color: #fff;
  width: 70%;
  height: 70%;
  transition: opacity 0.4s ease, width 0.4s ease, height 0.4s ease;
  border-radius: 50%;
}

.card.red .benefit-icon i {
  background-color: rgba(255, 0, 0, 0.9); /* Dark Red */
}

.card.green .benefit-icon i {
  background-color: rgba(0, 128, 0, 0.9); /* Dark Green */
}

.card.purple .benefit-icon i {
  background-color: rgba(75, 0, 130, 0.9); /* Dark Purple */
}

.card.blue .benefit-icon i {
  background-color: rgba(0, 0, 139, 0.9); /* Dark Blue */
}

.card.orange .benefit-icon i {
  background-color: rgba(255, 140, 0, 0.9); /* Dark Orange */
}

.card.yellow .benefit-icon i {
  background-color: rgba(255, 165, 0, 0.9); /* Dark Yellow */
}

.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: var(--theme-color);
  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: #98AA30;
  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: var(--second-color);
  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;
}
}

.benefit-card {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(30px);
  border-color: #FFF;
  box-shadow: none;
}

.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;
}


.place-item {
  border-radius: 10px;
  box-shadow: none;
}
.place-item a{
  color: #fff;
  transition: 0.4s;
}
.place-item a:hover{
  color: var(--second-color);
}
.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: var(--theme-color);
}
.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: var(--theme-color);
}.place-item .place-content .multiple-buttons {
  height: 60px;
}
.service-area .nav-center .owl-nav button.owl-prev{
  left: -60px;
}

.service-area .nav-center .owl-nav button.owl-next{
  right: -60px;
}

.place-item .place-content .multiple-buttons .btn-primary,
.place-item .place-content .multiple-buttons .btn-dark {
  position: absolute;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  padding: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.place-item .place-content .multiple-buttons .btn-primary {
  background-color: var(--theme-color);
  left: -1px;
  bottom: -1px;
}

.place-item .place-content .multiple-buttons .btn-dark {
  background-color: var(--theme-color);
  right: -1px;
  bottom: -1px;
}

.place-item .place-content .multiple-buttons a span {
  color: #fff;
  background-color: var(--theme-color);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  position: relative;
  font-weight: 400;
  font-family: var(--main-font);
  z-index: 1;
}
.place-content{
  position: relative;
}
.place-content .br-right-bottom2 {
    position: absolute;
    bottom: -1px;
    left: 76px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.place-content .br-left-top {
    position: absolute;
    bottom: 76px;
    left: 0px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.place-content .br-right-bottom2 svg , .place-content .br-left-top svg{
    width: 24px;
    height: 24px;
    fill: #fff;
}

.place-content .br-right-top {
    position: absolute;
    bottom: -1px;
    right: 76px;
    transform: rotate(180deg);
    line-height: 1;
    z-index: 2;
}
.place-content .br-right-bottom{
    position: absolute;
    bottom: 76px;
    right: -1px;
    transform: rotate(180deg);
    line-height: 1;
    z-index: 2;
}
.place-content .br-right-top svg, .place-content .br-right-bottom svg {
    width: 24px;
    height: 24px;
    fill:#fff;
}

.place-item .place-content .multiple-buttons .btn-primary:before,
.place-item .place-content .multiple-buttons .btn-dark:before {
  position: absolute;
  content: '';
  background-color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 85px;
  height: 85px;
}

.place-item .place-content .multiple-buttons .btn-primary:before{
  border-radius: 0 50% 0 0;
}
.place-item .place-content .multiple-buttons .btn-dark:before{
  border-radius: 50% 0 0 0;
}
.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 .place-img, .place-item .slide-images{
height: 240px;

}
.place-item .place-img img, .place-item .slide-images img  {
  height: 100%;
  object-fit: cover;
}

.place-item .slide-images
.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);
}
.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: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;
}


.testimonial-section {
  background: #F3F6F9;
  position: relative;
}
.testimonial-section .card{
  box-shadow: none;
  background-color: transparent;
  border: none;
}
.testimonial-section .card-body{
  position: relative;
  background-color: var(--theme-color);
  border-radius: 20px;
}
.testimonial-section .br-right-bottom2 {
    position: absolute;
    bottom: -1px;
    left: 79px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.testimonial-section .br-left-top {
    position: absolute;
    bottom: 79px;
    left: 0px;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    line-height: 1;
    z-index: 2;
}
.testimonial-section .br-right-bottom2 svg , .testimonial-section .br-left-top svg{
    width: 24px;
    height: 24px;
    fill: #F3F6F9;
}
.testimonial-section .br-right-top {
    position: absolute;
    top: -1px;
    right: 132px;
    transform: rotate(90deg);
    line-height: 1;
    z-index: 1;
}
.testimonial-section .br-right-top svg {
    width: 24px;
    height: 24px;
    fill:#F3F6F9;
}
.testimonial-section .br-right-bottom {  
    position: absolute;
    top: 49px;
    right: -1px;
    transform: rotate(90deg);
    line-height: 1;
    z-index: 1;
}
.testi_stars{
  position: absolute;
  right: 14px;
  top: 10px;
  display: flex;
  gap: 3px;
  font-size: 19px;
  color: gold;
}
.quotes_{
    width: 45px;
    height: auto;
    margin-bottom: 10px;
  img{
    width: 100%;
    height: auto;
  }
}
.testimonial-section .br-right-bottom svg {
    width: 24px;
    height: 24px;
    fill:#F3F6F9;
}
.testimonial-section .card-body p{
  font-weight: 500;
}
.testimonial-section .card-body:after{
   position: absolute;
  content: '';
  background-color: #F3F6F9;
  width: 80px;
  height: 80px;
  left: -1px;
  bottom: -1px;
  border-radius: 0 50% 0 0 ;
}
.testimonial-section .card-body .avatar{
  z-index: 1;
  width: 55px;
  height: 55px;
  position: absolute;
  left: 10px;
  bottom: 10px;
}
.testimonial-section .card-body:before{
   position: absolute;
  content: '';
  background-color: #F3F6F9;
  width: 135px;
  height: 50px;
  right: -1px;
  top: -1px;
  border-radius:0px 0px 0px 58%;
}
.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);
  }
}
.border-top {
    border-top: 1px solid #E4EBF1 !important;
}


.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;
}

.blog-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
}
.blog-item .blog-img {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 10px;
  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;
  height: 350px;
  object-fit: cover;
}
.blog-item .badge {
  position: absolute;
  top: -9%;
  padding: 10px;
  left: 20px;
  z-index: 2;
}
.blog-item .blog-info {
    -webkit-transition: all 0.9s;
    -ms-transition: all 0.9s;
    transition: all 0.9s;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 14px;
    padding-top: 30px;
    width: 86%;
    z-index: 2;
    background: var(--second-color);
    border-radius: 20px;
    margin-top: -83px;
}
.blog_btn a{
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background-color: transparent;
  border-radius: 50%;
  transition: 0.3s;
  margin-block: 10px 5px;
  border: 1px solid var(--theme-color);
  i{
    transform: rotate(-45deg);
  }
}
.blog_btn a:hover{
  background-color: var(--theme-color);
  color: var(--second-color) !important;
}
.blog-item .blog-info a {
  color: #FFF;
}
.blog-item .blog-info a:hover {
  color: var(--theme-color);
}
.blog-item .blog-info h5 a {
  color: #FFF;
}
.blog-item .blog-info h5 a:hover {
  color: var(--theme-color);
}
.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);
}

.blog-info p{
	color: #fff;
	font-size: 12px;
}

.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("../images/icon/star-icon.svg");
  width: 24px;
  height: 24px;
  filter: brightness(0);
}
.support-item h5 {
  white-space: nowrap;
  color: #000;
}



/**************************
 * ==========================
 * ----------FAq--------------
 * ==========================
 * *************************/


.accordion-item {
    position: relative;
    padding: 0px
}

.accordion-item {
    position: relative;
    background: #222;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 20px !important;
    overflow: hidden;
}

.accordion-item.active-block {
}

.accordion-item:last-child {
    margin-bottom: 0
}

.accordion-item .accordion-button {    
   position: relative;
    font-size: 16px;
    line-height: 15px;
    font-weight: 700;
    cursor: pointer;
    padding: 20px 10px;
    padding-right: 20px;
    color: #fff;
    transition: all 500ms ease;
    font-family: 'Outfit', sans-serif;
    background-color: var(--second-font);
}
.accordion-item .accordion-button {
  span{
    display: inline-block;
    margin-right: 5px;
    color: var(--theme-color);
    transition: 0.3s;
  }
}
.accordion-button:not(.collapsed) span{
  color: var(--second-color);
}
.accordion-item= .accordion-button .count {
    color: #f5b754;
    padding-right: 5px;
    font-weight: 700;
    font-family: 'Outfit',sans-serif;
    font-size: 16px
}
.accordion-button:not(.collapsed){
  background-color: var(--theme-color) !important;
}
.accordion-item .accordion-button.active .count {
    color: #1b1b1b
}

.accordion-item .accordion-button:before {
    position: absolute;
    right: 17px;
    top: 24px;
    height: 30px;
    font-size: 16px;
    color: #f5b754;
    line-height: 30px;
    content: "\f105";
    font-family: "FontAwesome";
    transition: all 500ms ease;
    background-image: none !important;
    top: 50%;
    transform: translateY(-50%);
}

.accordion-item .accordion-button.active {
    background-color: #f5b754;
    color: #1b1b1b
}

.accordion-item .accordion-button:not(.collapsed):before {
    background-image: none !important;
    color: #1b1b1b;
    font-family: "FontAwesome";
    content: "\f106"
}
.accordion-item .accordion-button:after, .accordion-item .accordion-button:not(.collapsed):after{
    background-image: none !important;
}
.accordion-item .accordion-collapse {
    position: relative;
}

.accordion-item .accordion-body {
    position: relative;
    padding: 30px;
    color: #1b1b1b;
    border-radius: 0px 0px 20px 20px
}

/*.accordion-item .accordion-collapse.current {
    display: block
}*/

.accordion-item .accordion-body p {
    display: block;
    position: relative;
    top: 0px;
    color: #999
}

/******************New Fooiter******************/
/*FOOTER*/

/*.footer-layout1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(circle, #4d4d4d 10%, #333333 10%);
  background-size: 30px 30px;
  z-index: -1;
}*/

.footer-wrapper {   
/*    background-image: linear-gradient(rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.8)), 
    url(../images/bg/footer_bg.jpg);
    width: 100%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;*/
    background-color: #fff;
    overflow: hidden;
    border-top: 2px solid #fff;
    border-top: 1px solid var(--theme-color);
}
.footer-wrapper .footer-wrapper-overlay{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--theme-color);
    opacity: 0.93;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}
.footer-wrapper .justify-content-between{
    padding: 50px 60px 10px ;
}
.footer_contact .cont{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 8px;
    i{
    font-size: 20px;
    color: var(--theme-color);
}
a{
    font-size: 18px;
    color: #555;
    font-weight: 500;
}
}
.widget-area {
    padding-top: 120px;
    padding-bottom: 75px;
}
.footer-widget, .footer-widget .widget {
    padding: 0;
    border: none;
    padding-bottom: 0;
    background-color: transparent;
    box-shadow: none;
}

.footer-widget {
    margin-bottom: 40px;
}
.ot-widget-about .about-logo {
    margin-bottom: 30px;
}
.ot-widget-about .about-text {
    margin-bottom: 25px;
    margin-top: -0.46em;
    margin: 0 0 18px 0;
    color: #555;
    font-weight: 500;
    line-height: 1.3;
    font-size: 17px;
}
.footer-wrapper .footer-gallary .gi{
    width: 90px;
    object-fit: cover;
    max-height: 90px;
    margin-bottom: 10px;
}
.footer-wrapper .footer-gallary .width-33{
    width: 33% !important;
}
.footer-wrapper .footer-gallary .gi img{
    object-fit: cover;
    width: 90px;
    height: 90px;
    border: 1px solid #181818;
    size: cover;
    border-radius: 5px;
}
.footer-wrapper .footer-gallary .gi img:hover{
    opacity: 0.5;
}
.footer-wrapper .ot-social a {
    --icon-size: 45px;
    font-size: 14px;
    border-color: rgb(255 255 255 / 7%);
    background-color: rgb(255 255 255 / 7%);
}
@media (max-width: 1399px){
    .ot-social a {
        margin-right: 3px;
    }
}
.footer_address{
    word-break: break-all;
    line-height: 1;
}
.footer_address p{
    font-size: 13px;
    font-weight: 300;
}
footer .avatar{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    background-color: #fff;
    color: var(--theme-color);
}
.ot-social a {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: transparent;
    color: #363539;
    font-weight: 550;
    font-size: 16px;
    text-align: center;
    margin-right: 5px;
    border-radius: 5px;
    border: 1px solid #fff;
}

.footer-widget .widget_title {
    margin-bottom: 20px;
    font-weight: 600;
    color: #222;
    margin-top: 12px;
    font-family: var(--second-font);

}

.widget_title {
    position: relative;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    margin: -0.1em 0 20px 0;
    padding-bottom: 20px;
    color: #fff;
}
.widget_title:before {
    content: '';
    height: 2px;
    width: 100px;
    background-color: var(--theme-color) ;
    font-weight: 550;
    position: absolute;
    bottom: 0;
    left: 0;
}


.footer-widget.widget_nav_menu a {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px;
    display: block;
    max-width: 100%;
    padding-right: 0;
    background-color: transparent;
    position: relative;
    color: #555;
}


.info-box {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    gap: 15px;
}
.info-box_icon {
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 5px;
    transition: 0.3s linear;
}
/*.info-box:hover .info-box_icon{
    background-color: #454753;
    color: #fff;
}*/
.info-box_icon i{
    width: 35px;
}
footer .info-box .info-box_text {
    display: block;
    color: #fff !important;
    font-size: 16px;
    font-weight: 550;
    margin-bottom: 0;
}
footer .info-box .info-box_text a{
    color: #fff !important;
    font-weight: 550;
}
.widget_nav_menu li{
    display: block;
}

.copyright-wrap {
    padding: 29px 0;
    background-color: transparent;
    border-top: 1px solid #313D54
}
.copyright-wrap .row{
    justify-content: space-between !important;
}

@media (max-width: 1199px) {
    .copyright-wrap {
        padding:24px 0
    }
}

.copyright-wrap.style2 {
    background-color: var(--theme-color);
    border-top: 1px solid #fff;
    padding: 5px 0
}

.copyright-text {
    margin: 0;
    color:#fff;
    font-weight: 550;
}

.copyright-text a:hover {
    color: var(--second-color);
}
.footer-links li {
    display: inline-block;
    padding-right: 15px;
    margin-right: 10px;
    position: relative;
}
.footer-links a {
    font-family: inherit;
    color: #fff;
}

.footer-links ul {
    padding: 0;
    margin: 0;
}
.footer-widget.widget_nav_menu a:hover {
    background-color: transparent;
    color: var(--theme-color);
}

.copyright-text a {
    color: #000;
}
.footer-wrapper .ot-social a:hover {
    border-color: var(--second-color);
    background-color: var(--second-color);
}
.logo-style{
    text-align: center;
    background: var(--theme-color);
    box-shadow: 0px 4px 2.5px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    padding: 10px;
    border-bottom: 3px solid var(--second-color);
    width: 142px;
    height: 135px;
    color: #fff;
    position: absolute;
    top: 10px;
}

.site-logo {
    font-size: 24px;
    font-weight: bold;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    span{
        font-size: 18px;
    }
}
.site-logo img{
    border-radius: 10px;
    width: 112px;
    background-color: #Fff;
}
footer .site-logo{
    justify-content: center;
    background: none;
    padding: 0;
    margin: 0;
    .site_name{
        text-align: left;
    }
}
footer .site-logo img{
    width: 145px;
} 

footer .site_name span{
    color: #c9c9c9;
}
.site_name {
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    line-height: 16px;
    font-family: var(--second-font);
    text-align: center;
    line-height: 1;
    color: #fff;
}
.site_name span {
    font-size: 18px;
    color: #fff;
}
.footer-widget.widget_nav_menu a::before{
    content: "\f0da";
    font-family: 'FontAwesome';
    font-weight: 600;
    display: inline-block;
    color: #555 !important;
    background-color: transparent;
    position: relative;
    padding-right: 10px;
    font-size: 12px;
    transition: transform 0.4s linear, color 0.4s linear;
    transform-origin: center;
}

.footer_png.animate img {
    opacity: 1;
    animation: bounceInRight 1.25s forwards;
}

.copyright_text{
    color: #000;
    margin-top: 12px;
    font-size: 19px;
    a{
        font-weight: 700;
        color: var(--theme-color);
        text-decoration: underline;
    }
}
.footer_png {
    position: relative;
}

@keyframes bounceInRight {
    60%, 75%, 90%, from, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}