/*
Template Name: Travolo
Template URL: https://html.vecurosoft.com/travolo
Description: Travolo -  Travel Agency & Tour Booking HTML Template
Author: Vecuro
Author URI: https://themeforest.net/user/vecuro_themes/
Version: 1.0.0
*/
/*=================================
    CSS Index Here
==================================*/
/*

01. Theme Base
    1.1. Mixin
    1.2. Function
    1.3. Variable
    1.4. Typography
    1.5. Extend
    1.7. Wordpress Default
02. Reset
    2.1. Container
    2.2. Grid
    2.3. Input
    2.4. Slick Slider
    2.5. Mobile Menu
03. Utilities
    3.1. Preloader
    3.2. Buttons
    3.3. Titles
    3.4. Common
    3.6. Font
    3.7. Background
    3.8. Text Color
    3.9. Overlay
    3.10. Animation
04. Template Style
    4.1. Widget
    4.2. Header
    4.3. Footer
    4.4. Breadcumb

05. Spacing

*/
/*=================================
    CSS Index End
==================================*/
/*=================================
   01. Theme Base
==================================*/
/*------------------- 1.1. Mixin -------------------*/
/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
:root {
 --theme-color: #FF681A;
 --theme-color2: #37D4D9;
 --secondary-color: #111330;
 --title-color: #1C1C1C;
 --body-color: #505050;
 --smoke-color: #F7F7F7;
 --black-color: #000000;
 --white-color: #ffffff;
 --yellow-color: #fec624;
 --success-color: #28a745;
 --error-color: #dc3545;
 --border-color: #FFCCB1;
 --title-font: "Jost", sans-serif;
 --body-font: "Jost", sans-serif;
 --icon-font: "Font Awesome 5 Pro";
 --main-container: 1220px;
 --container-gutters: 30px;
 --section-space: 120px;
 --section-space-mobile: 80px;
 --section-title-space: 80px;
 --ripple-ani-duration: 5s;
}
/*------------------- 1.5. Typography -------------------*/
html, body {
	scroll-behavior: auto !important;
}
body {
	font-family: var(--body-font);
	font-size: 15px;
	font-weight: 400;
	color: var(--body-color);
	line-height: 30px;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}
iframe {
	border: none;
	width: 100%;
}
.slick-slide:focus, button:focus, a:focus, a:active, input, input:hover, input:focus, input:active, textarea, textarea:hover, textarea:focus, textarea:active {
	outline: none;
}
input:focus {
	outline: none;
	box-shadow: none;
	background-color: var(--white-color);
}
 img:not([draggable]), embed, object, video {
 max-width: 100%;
 height: auto;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid var(--border-color);
}
th {
	font-weight: 700;
	color: var(--title-color);
}
td, th {
	border: 1px solid var(--border-color);
	padding: 9px 12px;
}
a {
	color: var(--body-color);
	text-decoration: none;
	outline: 0;
	transition: all ease 0.4s;
}
a:hover {
	color: #166aa8;
}
a:active, a:focus, a:hover, a:visited {
	text-decoration: none;
	outline: 0;
}
button {
	transition: all ease 0.4s;
}
img {
	border: none;
	max-width: 100%;
}
span.ajax-loader:empty, p:empty {
	display: none;
}
p {
	margin: 0 0 18px 0;
	color: var(--body-color);
	line-height: 1.625;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p a, span a {
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	line-height: inherit;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6 {
	font-family: var(--title-font);
	color: var(--title-color);
	text-transform: none;
	font-weight: 700;
	line-height: 1.4;
	margin: 0 0 15px 0;
}
.h1, h1 {
	font-size: 30px;
}
.h2, h2 {
	font-size: 30px;
}
.h3, h3 {
	font-size: 30px;
}
.h4, h4 {
	font-size: 20px;
}
.h5, h5 {
	font-size: 20px;
}
.h6, h6 {
	font-size: 18px;
}

/* Large devices */
@media (max-width: 1199px) {
 .h1,  h1 {
 font-size: 40px;
}
 .h2,  h2 {
 font-size: 36px;
}
 .h3,  h3 {
 font-size: 30px;
}
 .h4,  h4 {
 font-size: 24px;
}
 .h5,  h5 {
 font-size: 20px;
}
 .h6,  h6 {
 font-size: 16px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .h1,  h1 {
 font-size: 36px;
}
 .h2,  h2 {
 font-size: 30px;
}
 .h3,  h3 {
 font-size: 26px;
}
 .h4,  h4 {
 font-size: 22px;
}
 .h5,  h5 {
 font-size: 18px;
}
 .h6,  h6 {
 font-size: 16px;
}
}
/*------------------- 1.6. Extend -------------------*/
/*------------------- 1.7. Wordpress Default -------------------*/
/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
@media only screen and (min-width: 1300px) {
 .container-xxl,  .container-xl,  .container-lg,  .container-md,  .container-sm,  .container {
 padding-left: calc(var(--container-gutters) / 2);
 padding-right: calc(var(--container-gutters) / 2);
}
 .outer-wrap {
 max-width: 1300px;
 background-color: var(--white-color);
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
 margin-top: -70px;
 padding-bottom: 37px;
}
 .outer-wrap.wrap-style1 {
 padding-top: calc(var(--section-space) - 40px);
 padding-bottom: calc(var(--section-space) - 80px);
}
}
@media only screen and (max-width: 1600px) {
 .container-fluid.px-0 {
 padding-left: 15px !important;
 padding-right: 15px !important;
}
 .container-fluid.px-0 .row {
 margin-left: 0 !important;
 margin-right: 0 !important;
}
 .outer-wrap {
 max-width: 1200px;
 background-color: var(--white-color);
 margin-left: auto;
 margin-right: auto;
 box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
 margin-top: 0px;
 padding-bottom: 37px;
}
 .outer-wrap.wrap-style1 {
 padding-top: calc(var(--section-space) - 40px);
 padding-bottom: calc(var(--section-space) - 80px);
}
}
/*------------------- 2.2. Grid -------------------*/
@media (min-width: 767px) {
 .row:not([class*=gx-]) {
 --bs-gutter-x: 16px;
}
}
.gy-30 {
 --bs-gutter-y: 30px;
}
.gx-30 {
 --bs-gutter-x: 30px;
}
.gx-60 {
 --bs-gutter-x: 60px;
}
.gx-gy {
 --bs-gutter-y: var(--bs-gutter-x);
}
.gx-80 {
 --bs-gutter-x: 80px;
}

/* Small devices */
@media (max-width: 767px) {
 .gx-30,  .gx-60,  .gx-80 {
 --bs-gutter-x: 0;
}
}
/*------------------- 2.3. Input -------------------*/
.radioselect, .form-control, .form-select, textarea, input {
	height: 60px;
	padding: 0 30px 0 25px;
	padding-right: 45px;
	border-radius: 10px;
	color: var(--body-color);
	border: 1px solid var(--border-color);
	background-color: var(--white-color);
	font-size: 14px;
	width: 100%;
}
.radioselect:focus, .form-control:focus, .form-select:focus, textarea:focus, input:focus {
	outline: 0;
	box-shadow: none;
	border-color: #166aa8;
	background-color: var(--white-color);
}
.radioselect::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder, textarea::-moz-placeholder, input::-moz-placeholder {
 color: var(--body-color);
}
.radioselect::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
 color: var(--body-color);
}
.radioselect:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder, textarea:-ms-input-placeholder, input:-ms-input-placeholder {
 color: var(--body-color);
}
.radioselect::placeholder, .form-control::placeholder, .form-select::placeholder, textarea::placeholder, input::placeholder {
 color: var(--body-color);
}
.form-select, select {
	display: block;
	width: 100%;
	line-height: 1.5;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E");
	background-position: right 26px center;
	background-repeat: no-repeat;
	background-size: 16px 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}
textarea.form-control, textarea {
	min-height: 150px;
	padding-top: 16px;
	padding-bottom: 17px;
	border-radius: 10px;
}
input[type=checkbox] {
	visibility: hidden;
	opacity: 0;
	display: none;
	vertical-align: middle;
	width: 0;
	height: 0;
}
input[type=checkbox]:checked ~ label:before {
 content: "\f00c";
 color: var(--white-color);
 background-color: #166aa8;
 border-color: #166aa8;
}
input[type=checkbox] ~ label {
 position: relative;
 padding-left: 30px;
 cursor: pointer;
 display: block;
}
input[type=checkbox] ~ label:before {
 content: "";
 font-family: var(--icon-font);
 font-weight: 700;
 position: absolute;
 left: 0px;
 top: 3.5px;
 background-color: var(--white-color);
 border: 1px solid var(--border-color);
 height: 18px;
 width: 18px;
 line-height: 18px;
 text-align: center;
 font-size: 12px;
}
input[type=radio] {
	visibility: hidden;
	opacity: 0;
	display: none;
	vertical-align: middle;
	width: 0;
	height: 0;
}
input[type=radio] ~ label {
 position: relative;
 padding-left: 30px;
 cursor: pointer;
 line-height: 1;
 display: inline-block;
 font-weight: 600;
 margin-bottom: 0;
}
input[type=radio] ~ label::before {
 content: "\f111";
 position: absolute;
 font-family: var(--icon-font);
 left: 0;
 top: -2px;
 width: 20px;
 height: 20px;
 padding-left: 0px;
 font-size: 0.6em;
 line-height: 19px;
 text-align: center;
 border: 1px solid #166aa8;
 border-radius: 10px;
 font-weight: 700;
 background: var(--white-color);
 color: transparent;
 transition: all 0.2s ease;
}
input[type=radio]:checked ~ label::before {
 border-color: #166aa8;
 background-color: #166aa8;
 color: var(--white-color);
}
label {
	margin-bottom: 0.5em;
	margin-top: -0.3em;
	display: block;
	color: var(--title-color);
	font-family: var(--body-font);
	font-size: 16px;
	font-weight: 500;
}
.form-group {
	margin-bottom: var(--bs-gutter-x);
	position: relative;
}
.form-group > i {
	position: absolute;
	right: calc(var(--bs-gutter-x) / 2 + 30px);
	top: 18px;
	font-size: 14px;
	color: #A0ABB4;
}
.form-group.has-label > i {
	top: 48px;
}
 textarea.is-invalid, select.is-invalid, input.is-invalid, .was-validated input:invalid {
 border: 1px solid var(--error-color) !important;
 background-position: right calc(0.375em + 0.8875rem) center;
 background-image: none;
}
textarea.is-invalid:focus, select.is-invalid:focus, input.is-invalid:focus, .was-validated input:invalid:focus {
 outline: 0;
 box-shadow: none;
}
textarea.is-invalid {
	background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem);
}
.row.no-gutters > .form-group {
	margin-bottom: 0;
}
.form-messages {
	display: none;
}
.form-messages.mb-0 * {
	margin-bottom: 0;
}
.form-messages.success {
	color: var(--success-color);
	display: block;
}
.form-messages.error {
	color: var(--error-color);
	display: block;
}
.form-messages pre {
	padding: 0;
	background-color: transparent;
	color: inherit;
}

/* 19. request-quote */
.request-quote {
    border-radius: 30px;
    padding: 70px;
    position: relative;
    margin-top: -50px;
}
.request-quote .heading h2 {
    font-size: 50px;
    color: white;
}
.request-quote .heading h6 {
    font-size: 16px;
    color: white;
}
.request-quote:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-color: #17195ad9;
    left: 0;
}
/* 20. request-quote-form */
form.request-quote-form {
    position: relative;
}
form.request-quote-form input,form.request-quote-form textarea {
    width: 100%;
    height: 38px;
    border-radius: 38px;
    border: 0;
    outline: none;
    padding-left: 15px;
    margin-bottom: 16px;
}
form.request-quote-form textarea {
    height: 85px;
    padding-top: 20px;
    border-radius: 20px;
    margin-bottom: 16px;
}
form.request-quote-form {
    position: relative;
    padding: 20px 40px;
    border-radius: 20px;
    margin-bottom: 0px;
}
.latterbox.slide { 
    transform: scale(1.0);
    opacity: 1; visibility: visible;
    z-index: 111111111; 
}
.latterbox-cross-btn {
    color: rgb(255, 255, 255);
    cursor: pointer;
    border-radius: 50%;
    height: 53px;
    width: 68px;
    text-align: center;
    line-height: 43px;
    transition: all 0.5s ease 0s;
    position: absolute;
    top: 7%;
    right: 7%;
    font-size: 40px;
}
.latterbox {
    background: #17195ad6;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-items: center;
    position: fixed;
    cursor: pointer;
    transform: scale(0);
    top: 0;
    left: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    padding: 10% 32%;
}
.latterbox.slide .footer-subscribe {
    border: 0;
    padding-bottom: 0;
    width: 100%;
}
.top-bar-text a:hover{
    color: #fe5716;
}
form.request-quote-form h3 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 0px;
    text-align: center;
    position: relative;
}
.latterbox.slide form.request-quote-form {
    background-color: white;
    border: 5px solid #0a9642;
}
.latterbox.slide form.request-quote-form input, .latterbox.slide form.request-quote-form textarea {
    background-color: #fafafa;
    padding-left: 15px;
    border: 1px solid #C1C1C1;
    position: relative;
}
.our-blog-text a:hover i,.sectors a:hover i {
    background-color: #0a9642;
    border: 3px solid #0a9642;
    color: white;
    transform: rotate(90deg);
}
.contact-info.two form button.button,
form.request-quote-form button.button {
    color: white;
}
.sponsors img:hover {
    transform: scale(.9);
}
.use-energix.two {
    width: 87%;
    margin: auto;
}
.use-energix.two h4 {
    font-size: 20px;
    width: 100%;
    line-height: 28px;
}
.mobile-nav p {
    color: black;
}
.mobile-nav .about-energix {
    margin-top: 40px;
}
.mobile-nav .about-energix .top-bar-mail {
    margin-bottom: 10px;
}
.preloader {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 999999999999999999;
    right: 0;
    top: 0;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.multi-spinner-container {
  width: 150px;
  height: 150px;
  position: relative;
  margin: 30px auto;
  overflow: hidden;
}

.multi-spinner {
    position: absolute;
    width: calc(100% - 9.9px);
    height: calc(100% - 9.9px);
    border: 5px solid transparent;
    border-top-color: #fff;
    border-radius: 50%;
    -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
    animation: spin 3s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.preloader {
    top: 0%;
}
.page-loaded .preloader {
    top: -100%;
}


@keyframes shadow-pulse
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.4);
  }
  100% {
    box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
  }
}

@keyframes shadow-pulse-big
{
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
  }
}

.request-quote.two {
    margin-bottom: 40px !important;
}
.latterbox.slide button.button:hover {
    color: #fe5716;
}
.latterbox form.request-quote-form{
    position: relative;
}
.latterbox form.request-quote-form:before {
    content: "";
    position: absolute;
    width: 87%;
    height: 20px;
    border-radius: 300px;
    background-color: #0a9642;
    top: -20px;
    right: 0;
    z-index: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    left: 7.5%;
}
.latterbox form.request-quote-form:after {
    content: "";
    position: absolute;
    width: 87%;
    height: 20px;
    border-radius: 300px;
    background-color: #0a9642;
    bottom: -20px;
    right: 0;
    z-index: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    left: 7.5%;
}

.latterbox {
        padding: 7% 35%;
		}
		
		@font-face {
    font-family: 'Sora';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/sora/v17/xMQbuFFYT72XzQspDre2.woff2) format('woff2');
    unicode-range: U +0100 -02BA, U +02BD -02C5, U +02C7 -02CC, U +02CE -02D7, U +02DD -02FF, U +0304, U +0308, U +0329, U +1D00 -1DBF, U +1E00 -1E9F, U +1EF2 -1EFF, U +2020, U +20A0 -20AB, U +20AD -20C0, U +2113, U +2C60 -2C7F, U + A720-A7FF;
}
.whatsapp {
    height: 60px;
    width: 60px;
    position: fixed;
    border-radius: 35px;
    bottom: 0;
    margin: 0 0 10px 10px;
    z-index: 9999;
}

/*------------------- 2.4. Slick Slider -------------------*/
.slick-track {
	min-width: 100%;
}
.slick-track > [class*=col] {
 flex-shrink: 0;
 width: 100%;
 max-width: 100%;
 padding-right: calc(var(--bs-gutter-x) / 2);
 padding-left: calc(var(--bs-gutter-x) / 2);
 margin-top: var(--bs-gutter-y);
}
.slick-track .col-auto {
	width: auto;
}
.slick-slide img {
	display: block;
	width: 100%;
}
.slick-dots {
	list-style-type: none;
	padding: 0 0;
	margin: 0 0 30px 0;
	line-height: 0;
	text-align: center;
	height: max-content;
}
.slick-dots li {
	display: inline-block;
	margin-right: 10px;
}
.slick-dots li:last-child {
	margin-right: 0;
}
.slick-dots button {
	font-size: 0;
	padding: 0;
	width: 60px;
	height: 10px;
	line-height: 0;
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #D1D1D1;
	transition: all ease 0.4s;
	position: relative;
	display: inline-block;
}
.slick-dots button:hover {
	border-color: #166aa8;
}
.slick-dots .slick-active button {
	background-color: #166aa8;
	border-color: transparent;
}
.slick-arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	padding: 0;
	background-color: var(--white-color);
	position: absolute;
	top: 50%;
	border: 2px solid #166aa8;
	left: var(--pos-x, -100px);
	width: var(--icon-size, 60px);
	height: var(--icon-size, 60px);
	font-size: var(--icon-font-size, 20px);
	margin-top: calc(var(--icon-size, 66px) / -2);
	transition: 0.5s ease-in-out;
	z-index: 2;
	border-radius: 50%;
}
.slick-arrow.default {
	position: relative;
 --pos-x: 0;
	margin-top: 0;
}
.slick-arrow.slick-next {
	right: var(--pos-x, -100px);
	left: auto;
}
.slick-arrow i {
	vertical-align: middle;
}
.slick-arrow:hover {
	background-color: #166aa8;
	color: var(--white-color);
	border-color: transparent;
}
.arrow-margin .slick-arrow {
	top: calc(50% - 30px);
}
.arrow-wrap .slick-arrow {
	opacity: 0;
	visibility: hidden;
}
.arrow-wrap:hover .slick-arrow {
	opacity: 1;
	visibility: visible;
}

/* Extra large devices */
@media (max-width: 1500px) {
 .slick-arrow {
 --arrow-horizontal: -20px;
}
}
/* Medium Large devices */
@media (max-width: 1399px) {
 .slick-arrow {
 --arrow-horizontal: 40px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .slick-arrow {
 --icon-size: 40px;
 margin-right: 40px;
}
 .slick-arrow.slick-next {
 margin-right: 0;
 margin-left: 40px;
}
 .slick-dots {
 margin: 8px 0 38px 0;
}
}
/*------------------- 2.5. Mobile Menu -------------------*/
.vs-menu-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 999999;
	width: 100%;
	height: 100%;
	transition: all ease 0.8s;
	opacity: 0;
	visibility: hidden;
}
.vs-menu-wrapper .mobile-logo {
	padding-bottom: 30px;
	padding-top: 40px;
	display: block;
	text-align: center;
	background-color: rgba(255, 104, 26, 0.1);
}
.vs-menu-wrapper .mobile-logo img, .vs-menu-wrapper .mobile-logo svg {
	max-width: 190px;
}
.vs-menu-wrapper .vs-menu-toggle {
	border: none;
	font-size: 16px;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0;
	line-height: 1;
	width: 33px;
	height: 33px;
	z-index: 1;
	color: var(--white-color);
	background-color: #166aa8;
	border-radius: 50%;
}
.vs-menu-wrapper .vs-menu-toggle i {
	line-height: inherit;
}
.vs-menu-wrapper .vs-menu-toggle:hover {
	background-color: var(--title-color);
	color: var(--white-color);
}
.vs-menu-wrapper .vs-menu-area {
	width: 100%;
	max-width: 310px;
	background-color: #fff;
	border-right: 3px solid #166aa8;
	height: 100%;
	position: relative;
	left: -110%;
	opacity: 0;
	visibility: hidden;
	transition: all ease 1s;
	z-index: 1;
}
.vs-menu-wrapper.vs-body-visible {
	opacity: 1;
	visibility: visible;
}
.vs-menu-wrapper.vs-body-visible .vs-menu-area {
	left: 0;
	opacity: 1;
	visibility: visible;
}
.vs-mobile-menu {
	overflow-y: scroll;
	max-height: calc(100vh - 200px);
	padding-bottom: 40px;
	margin-top: 33px;
	text-align: left;
}
.vs-mobile-menu .new-label {
	margin-left: 5px;
	text-transform: capitalize;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.vs-mobile-menu ul {
	margin: 0;
	padding: 0 0;
}
.vs-mobile-menu ul li {
	border-bottom: 1px solid #fdedf1;
	list-style-type: none;
}
.vs-mobile-menu ul li li:first-child {
	border-top: 1px solid #fdedf1;
}
.vs-mobile-menu ul li a {
	display: block;
	position: relative;
	padding: 12px 0;
	line-height: 1;
	font-size: 16px;
	text-transform: capitalize;
	color: var(--title-color);
}
.vs-mobile-menu ul li a:before {
	content: "\f105";
	font-family: var(--icon-font);
	position: relative;
	left: 0;
	top: 0;
	margin-right: 10px;
	display: inline-block;
}
.vs-mobile-menu ul li.vs-active > a {
	color: #166aa8;
}
.vs-mobile-menu ul li.vs-active > a:before {
	transform: rotate(90deg);
}
.vs-mobile-menu ul li ul li {
	padding-left: 20px;
}
.vs-mobile-menu ul li ul li:last-child {
	border-bottom: none;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand {
	position: absolute;
	right: 0;
	top: 50%;
	font-weight: 400;
	font-size: 12px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	margin-top: -12.5px;
	display: inline-block;
	text-align: center;
	background-color: var(--smoke-color);
	color: var(--title-color);
	box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
	border-radius: 50%;
}
.vs-mobile-menu ul .vs-item-has-children > a .vs-mean-expand:before {
	content: "\f067";
	font-family: var(--icon-font);
}
.vs-mobile-menu ul .vs-item-has-children.vs-active > a .vs-mean-expand:before {
	content: "\f068";
}
.vs-mobile-menu > ul {
	padding: 0 40px;
}
.vs-mobile-menu > ul > li:last-child {
	border-bottom: none;
}
.vs-menu-toggle {
	width: 50px;
	height: 50px;
	padding: 0;
	font-size: 24px;
	border: none;
	background-color: #166aa8;
	color: var(--white-color);
	display: inline-block;
	border-radius: 0;
	vertical-align: middle;
}
 @media (max-width: 400px) {
 .vs-menu-wrapper .vs-menu-area {
 width: 100%;
 max-width: 270px;
}
 .vs-mobile-menu > ul {
 padding: 0 20px;
}
}
/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
.preloader {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background-color: var(--white-color);
}
.preloader .vs-btn {
	padding: 15px 20px;
	border-radius: 0;
	font-size: 14px;
}
.preloader-inner {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.preloader-inner img {
	display: block;
	margin: 0 auto 25px auto;
}
.loader {
	display: block;
	position: relative;
	height: 20px;
	width: 140px;
	margin: 0 auto;
	background-image: linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0);
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-position: 0 0, 40px 0, 80px 0, 120px 0;
	animation: animloader 1s linear infinite;
}
 @keyframes animloader {
 0% {
 background-image: linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0);
}
 25% {
 background-image: linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0);
}
 50% {
 background-image: linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0);
}
 75% {
 background-image: linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(#166aa8 20px, transparent 0);
}
 100% {
 background-image: linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(var(--theme-color2) 20px, transparent 0), linear-gradient(var(--theme-color2) 20px, transparent 0);
}
}
/*------------------- 3.2. Buttons -------------------*/
.vs-btn {
	border: none;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	font-family: var(--title-font);
	background-color: var(--body-color);
	color: var(--white-color);
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	padding: 15px 30px;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-transform: uppercase;
}
.banner-caption {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	display: flex;
	align-items: center;
}
.vs-btn:before, .vs-btn:after {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background-color: #166aa8;
	transform: scale(0);
	z-index: -1;
	border-radius: inherit;
	transform-origin: right bottom;
	transition: opacity ease 0.4s, visibility ease 0.4s, transform ease 0.4s;
}
.vs-btn:before {
	transform-origin: left top;
}
.vs-btn:hover {
	color: var(--white-color);
}
.vs-btn:hover:before, .vs-btn:hover:after {
	transform: scale(1);
	opacity: 1;
	visibility: visible;
}
.vs-btn.style2 {
	background-color: var(--white-color);
	color: #166aa8;
}
.vs-btn.style2::before, .vs-btn.style2::after {
 background-color: var(--theme-color2);
}
.vs-btn.style2:hover {
	color: var(--white-color);
}
.vs-btn.style3 {
	background-color: var(--theme-color2);
	color: var(--white-color);
}
.vs-btn.style3::before, .vs-btn.style3::after {
 background-color: #166aa8;
}
.vs-btn.style4 {
	background-color: #166aa8;
}
.vs-btn.style4::before, .vs-btn.style4::after {
 background-color: var(--theme-color2);
}
.vs-btn.has-arrow i {
	margin-left: 6px;
}
.icon-btn {
	display: inline-block;
	width: var(--btn-size, 60px);
	height: var(--btn-size, 60px);
	line-height: var(--btn-size, 60px);
	background-color: var(--white-color);
	color: #166aa8;
	text-align: center;
	border-radius: 50%;
	font-size: var(--btn-font-size, 20px);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25);
	padding: 0;
	vertical-align: middle;
	border: none;
}
.icon-btn:focus {
	outline: none;
}
.icon-btn i {
	line-height: inherit;
}
.icon-btn:hover {
	background-color: #166aa8;
	color: var(--white-color);
}
.play-btn {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.play-btn > i {
	display: inline-block;
	width: var(--icon-size, 124px);
	height: var(--icon-size, 124px);
	line-height: var(--icon-size, 124px);
	text-align: center;
	background-color: rgba(255, 104, 26, 0.8);
	color: #166aa8;
	font-size: var(--icon-font-size, 1.5em);
	border-radius: 50%;
	z-index: 1;
	transition: all ease 0.5s;
}
.play-btn:after, .play-btn:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 104, 26, 0.8);
	z-index: -1;
	border-radius: 50%;
	transition: all ease 0.5s;
}
.play-btn:after {
	animation-delay: 2s;
}
.play-btn:hover > i {
	background-color: rgba(55, 212, 217, 0.8);
}
.play-btn:hover:after, .play-btn:hover::before {
 background-color: rgba(55, 212, 217, 0.8);
 color: var(--white-color);
}
.link-btn {
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	line-height: 0.8;
	position: relative;
	padding-bottom: 2px;
	margin-bottom: -2px;
	text-transform: capitalize;
	color: var(--title-color);
}
.link-btn i {
	margin-left: 7px;
	font-size: 0.9rem;
}
.link-btn:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #e1e1e1;
	transition: all ease 0.4s;
}
.link-btn:hover {
	color: var(--theme-color2);
}
.link-btn:hover::before {
 background-color: var(--theme-color2);
}
.scroll-btn {
	position: fixed;
	bottom: 300px;
	right: 30px;
	z-index: 94;
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	border-radius: 50%;/* Small devices */
}
.scroll-btn i {
	display: inline-block;
	background-color: var(--theme-color2);
	color: var(--white-color);
	text-align: center;
	font-size: 16px;
	width: var(--btn-size, 50px);
	height: var(--btn-size, 50px);
	line-height: var(--btn-size, 50px);
	z-index: 2;
	border-radius: inherit;
	position: relative;
	transition: all ease 0.8s;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.02);
}
.scroll-btn:before {
	content: "";
	position: absolute;
	left: var(--extra-shape, -6px);
	top: var(--extra-shape, -6px);
	right: var(--extra-shape, -6px);
	bottom: var(--extra-shape, -6px);
	background-color: transparent;
	border-radius: inherit;
	z-index: 1;
	border: 2px dashed var(--theme-color2);
	transition: all ease 0.4s;
	animation: spin 13s infinite linear;
}
.scroll-btn:focus i, .scroll-btn:hover i {
	background-color: #166aa8;
	color: var(--white-color);
}
.scroll-btn:focus:before, .scroll-btn:hover:before {
	border-color: #166aa8;
}
.scroll-btn.show {
	bottom: 120px;
	opacity: 1;
	visibility: visible;
}
@media (max-width: 767px) {
 .scroll-btn {
 --btn-size: 40px;
 --extra-shape: -4px;
 right: 15px;
 bottom: 50px;
}
 .scroll-btn.show {
 bottom: 15px;
}
}
.scrollToTop {
	position: fixed;
	right: 60px;
	bottom: 500px;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
	z-index: 96;
}
.scrollToTop.show {
	bottom: 60px;
	opacity: 1;
	visibility: visible;
}

/* Medium devices */
@media (max-width: 991px) {
 .vs-btn {
 font-size: 14px;
 padding-left: 20px;
 padding-right: 20px;
}
 .play-btn {
 --icon-size: 60px;
 --icon-font-size: 20px;
}
 .scrollToTop {
 right: 20px;
}
 .scrollToTop.show {
 bottom: 20px;
}
}
/*------------------- 3.3. Titles -------------------*/
.sec-title {
	margin: 0.8em 0 15px 0;
}
.sec-subtitle {
	display: block;
	font-size: 27px;
	font-weight: 600;
	color: #166aa8;
	margin: -0.2em 0 15px 0;
	text-transform: capitalize;
}
.sec-text {
	margin: 0 0 18px 0;
	text-align: justify;
	font-size: 16px;
	color: var(--body-color);
	line-height: 1.625;
}
.title-area {
	margin-bottom: calc(var(--section-title-space) - 30px);
}
.white-title .sec-title, .white-title .sec-subtitle, .white-title .sec-text {
	color: var(--white-color);
}
.sec-btns {
	margin-bottom: 30px;
}
.sec-btns .icon-btn {
	margin-right: 10px;
}
.sec-btns .icon-btn:last-child {
	margin-right: 0;
}

/* Large devices */
@media (max-width: 1199px) {
 .sec-title {
 font-size: 40px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .title-area {
 margin-bottom: 40px;
 text-align: center;
}
 .sec-title {
 font-size: 36px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .sec-title {
 font-size: 30px;
}
 .sec-subtitle {
 font-size: 14px;
 margin-bottom: 10px;
}
}
/*------------------- 3.4. Common -------------------*/
.image-scale-hover {
	overflow: hidden;
}
.image-scale-hover img {
	transition: all ease 0.4s;
	transform: scale(1.001);
}
.image-scale-hover:hover img {
	transform: scale(1.2);
}
.z-index-step1 {
	position: relative;
	z-index: 4 !important;
}
.z-index-common {
	position: relative;
	z-index: 3;
}
.z-index-n1 {
	z-index: -1;
}
.vs-media {
	display: flex;
}
.media-body {
	flex: 1;
}
.badge {
	position: absolute;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	display: inline-block;
	text-align: center;
	background-color: #166aa8;
	color: var(--white-color);
	padding: 0.35em 0.55em;
	border-radius: 50%;
}
.new-label {
	font-size: 12px;
	background-color: var(--theme-color2);
	color: var(--white-color);
	line-height: 1;
	padding: 5px 5px 3px 5px;
	border-radius: 4px;
	text-transform: capitalize;
	position: relative;
	top: -1px;
	font-weight: 500;
	margin-left: 5px;
	animation: newlabel infinite 0.4s;
}
.shape-mockup-wrap {
	position: relative;
	overflow: hidden;
}
.shape-mockup {
	display: inline-block;
	position: absolute;
}
.plane2 {
	opacity: 0.2;
}
 @keyframes newlabel {
 0% {
 background-color: #166aa8;
}
 50% {
 background-color: var(--theme-color2);
}
 100% {
 background-color: #166aa8;
}
}
@media (max-width: 1550px) {
 .d-xxxl-block {
 display: block !important;
}
}
/*------------------- 3.6. Font -------------------*/
.font-icon {
	font-family: var(--icon-font);
}
.font-title {
	font-family: var(--title-font);
}
.font-body {
	font-family: var(--body-font);
}
.fw-normal {
	font-weight: 400;
}
.fw-medium {
	font-weight: 500;
}
.fw-semibold {
	font-weight: 600;
}
.fw-bold {
	font-weight: 700;
}
.fw-extrabold {
	font-weight: 800;
}
.fs-md {
	font-size: 18px;
}
.fs-xs {
	font-size: 14px;
}

/* Small devices */
@media (max-width: 767px) {
 p.fs-md {
 font-size: 16px;
}
}
/*------------------- 3.7. Background -------------------*/
.bg-theme {
	background-color: #166aa8 !important;
}
.bg-smoke {
	background-color: var(--smoke-color) !important;
}
.bg-white {
	background-color: var(--white-color) !important;
}
.bg-black {
	background-color: var(--black-color) !important;
}
.bg-title {
	background-color: var(--title-color) !important;
}
 .background-image, [data-bg-src] {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: center center;
}
.bg-fluid {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.bg-auto {
	background-size: auto auto;
}
.bg-light {
	background-color: var(--smoke-color) !important;
}
.bg-black {
	background-color: var(--black-color);
}
/*------------------- 3.8. Text Color -------------------*/
.text-theme {
	color: #166aa8 !important;
}
.text-title {
	color: var(--title-color) !important;
}
.text-body {
	color: var(--body-color) !important;
}
.text-white {
	color: var(--white-color) !important;
}
.text-yellow {
	color: var(--yellow-color) !important;
}
.text-success {
	color: var(--success-color) !important;
}
.text-error {
	color: var(--error-color) !important;
}
.text-inherit {
	color: inherit;
}
.text-inherit:hover {
	color: var(--theme-color2);
}
a.text-theme:hover, .text-reset:hover {
	text-decoration: underline;
}
/*------------------- 3.9. Overlay -------------------*/
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.position-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
 [data-overlay] {
 position: relative;
}
[data-overlay] [class^=col-], [data-overlay] [class*=col-] {
 z-index: 1;
}
[data-overlay]:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
[data-overlay=theme]:before {
	background-color: #166aa8;
}
[data-overlay=title]:before {
	background-color: var(--title-color);
}
[data-overlay=white]:before {
	background-color: var(--white-color);
}
[data-overlay=black]:before {
	background-color: var(--black-color);
}
[data-opacity="1"]:before {
	opacity: 0.1;
}
[data-opacity="2"]:before {
	opacity: 0.2;
}
[data-opacity="3"]:before {
	opacity: 0.3;
}
[data-opacity="4"]:before {
	opacity: 0.4;
}
[data-opacity="5"]:before {
	opacity: 0.5;
}
[data-opacity="6"]:before {
	opacity: 0.6;
}
[data-opacity="7"]:before {
	opacity: 0.7;
}
[data-opacity="8"]:before {
	opacity: 0.8;
}
[data-opacity="9"]:before {
	opacity: 0.9;
}
[data-opacity="10"]:before {
	opacity: 1;
}
/*------------------- 3.10. Animation -------------------*/
.jump-reverse-img, .jump-img, .jump-reverse, .jump {
	animation: jumpping var(--duration, 6s) infinite linear;
}
.jump-reverse-img, .jump-img {
 --duration: 5s;
}
.jump-reverse-img, .jump-reverse {
 --jump-y: -20px;
}
.rotate-reverse-img, .rotate-img, .rotate-reverse, .rotate {
	animation: rotate var(--duration, 12s) infinite linear;
}
.rotate-reverse-img, .rotate-img {
 --duration: 40s;
}
.rotate-reverse {
 --rotate-angle: -360deg;
}
.spin {
	animation: spin var(--duration, 40s) infinite linear;
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.wow-animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fadein {
 --animation-name: fadein-custom;
}
.slideinup {
 --animation-name: slideinup;
}
.slideindown {
 --animation-name: slideindown;
}
.slideinleft {
 --animation-name: slideinleft;
}
.slideinright {
 --animation-name: slideinright;
}
.animated {
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-duration: 1s;
	animation-delay: 0.3s;
	animation-name: var(--animation-name);
}
.ripple-animation, .play-btn:after, .play-btn:before {
	animation-duration: var(--ripple-ani-duration);
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-name: ripple;
}
 @keyframes ripple {
 0% {
 transform: scale(1);
 opacity: 0;
}
 50% {
 opacity: 0.8;
}
 100% {
 transform: scale(1.2);
 opacity: 0;
}
}
@keyframes slideinup {
 0% {
 opacity: 0;
 transform: translateY(70px);
}
 100% {
 transform: translateY(0);
}
}
@keyframes slideindown {
 0% {
 opacity: 0;
 transform: translateY(-70px);
}
 100% {
 transform: translateY(0);
}
}
@keyframes slideinleft {
 0% {
 opacity: 0;
 transform: translateX(-70px);
}
 100% {
 transform: translateX(0);
}
}
@keyframes slideinright {
 0% {
 opacity: 0;
 transform: translateX(70px);
}
 100% {
 transform: translateX(0);
}
}
@keyframes fadein-custom {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
@keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 -ms-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 -ms-transform: translateY(0);
 transform: translateY(0);
}
}
@keyframes spin {
 to {
 transform: rotate(360deg);
}
}
@keyframes jumpping {
 0%, 100% {
 transform: translate3d(0, 0, 0);
}
 40% {
 transform: translate3d(0, var(--jump-y, 20px), var(--jump-x, 0));
}
}
@keyframes rotate {
 0% {
 transform: rotate(0);
}
 100% {
 transform: rotate(var(--rotate-angle, 360deg));
}
}
@keyframes leftToRight {
 0%, 100% {
 left: 0px;
}
 50% {
 left: 56px;
}
}
/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.price_slider_wrapper {
	margin-top: 40px;
	margin-bottom: 30px;
}
.price_slider_wrapper .ui-slider {
	height: 8px;
	position: relative;
	width: 100%;
	background-color: var(--border-color);
	border: none;
	margin-top: 10px;
	margin-bottom: 20px;
	cursor: pointer;
	border-radius: 3px;
}
.price_slider_wrapper .ui-slider-handle {
	width: 20px;
	height: 20px;
	outline: none;
	border-radius: 50%;
	text-align: center;
	line-height: 10.5px;
	padding: 0;
	border: 5px solid #166aa8;
	cursor: pointer;
	position: absolute;
	z-index: 2;
	margin-top: -1px;
	background-color: var(--border-color);
	transform: translateX(8px);
}
.price_slider_wrapper .ui-slider-range {
	border: none;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 1;
	display: block;
	background-color: #166aa8;
}
.price_slider_wrapper .price_label {
	font-size: 14px;
	font-weight: 400;
	margin-right: 15px;
}
.price_slider_wrapper .vs-btn {
	padding: 13px 20px;
	background-color: var(--border-color);
	color: #166aa8;
}
.price_slider_wrapper .vs-btn:hover {
	color: var(--white-color);
}
.price_slider_wrapper .price_footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.chekbox-area {
	margin-bottom: 5px;
}
.widget_categories ul, .widget_nav_menu ul {
	list-style: none;
	margin: 0 0 -10px 0;
	padding: 0;
}
.widget_nav_menu .sub-menu {
	margin-left: 10px;
}
.widget_categories li {
	display: block;
	position: relative;
	border-radius: 6px;
	padding: 12px 18px;
	border: 1px solid var(--border-color);
	transition: 0.5s ease;
	margin-bottom: 10px;
	font-size: 16px;
	color: var(--title-color);
	background-color: var(--white-color);
}
.widget_categories li span {
	position: absolute;
	right: 20px;
}
.widget_categories li a {
	color: var(--title-color);
}
.widget_categories li:last-child {
	margin-bottom: 0;
}
.widget_categories li:hover {
	color: var(--white-color);
	background-color: #166aa8;
}
.widget_categories li:hover a {
	color: var(--white-color);
}
.widget_shopping_cart ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.widget_shopping_cart .mini_cart_item {
	position: relative;
	padding: 30px 10px 30px 90px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 0;
}
.widget_shopping_cart .cart_list img {
	width: 75px;
	height: 75px;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 20px;
	border: 1px solid var(--border-color);
}
.widget_shopping_cart .cart_list a.remove {
	position: absolute;
	top: 50%;
	left: 95%;
	transform: translateY(-50%);
	color: var(--body-color2);
}
.widget_shopping_cart .cart_list a.remove:hover {
	color: red;
}
.widget_shopping_cart .cart_list a:not(.remove) {
 display: block;
 font-size: 18px;
 font-weight: 600;
 color: var(--title-color);
 font-family: var(--body-font);
}
.widget_shopping_cart .cart_list a:not(.remove):hover {
 color: #166aa8;
}
.widget_shopping_cart .total {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 18px;
	color: var(--title-color);
}
.widget_shopping_cart .quantity {
	display: inline-flex;
	white-space: nowrap;
	vertical-align: top;
	margin-right: 20px;
	font-size: 14px;
	color: #166aa8;
}
.countdown-style1 .countdown-active {
	margin: 0;
	padding: 0;
}
.countdown-style1 li {
	display: inline-block;
	text-align: center;
	margin-right: 40px;
	position: relative;
	font-family: var(--body-font);
}
.countdown-style1 li span {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--black-color);
	color: var(--white-color);
	font-size: 24px;
	font-weight: 700;
	font-family: var(--body-font);
	margin-bottom: 10px;
}
.countdown-style1 li::before {
 content: ":";
 color: var(--black-color);
 font-size: 50px;
 position: absolute;
 top: 13px;
 right: -25px;
}
.countdown-style1 li:last-child {
	margin-right: 0;
}
.countdown-style1 li:last-child::before {
 display: none;
}

/* Large devices */
@media (max-width: 1199px) {
 .widget_categories,  .widget_nav_menu {
 padding: 18px 20px;
 font-size: 14px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .countdown-style1 li {
 font-size: 12px;
 margin-right: 15px;
}
 .countdown-style1 li::before {
 right: -17px;
 top: 4px;
}
 .countdown-style1 li span {
 width: 45px;
 height: 45px;
 font-size: 16px;
}
}
.widget {
	padding: var(--widget-padding-y, 30px) var(--widget-padding-x, 20px);
	background-color: var(--smoke-color);
	position: relative;
	margin-bottom: 40px;
	border-radius: 6px;
}
.widget:last-child {
	margin-bottom: 0;
}
.widget_title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1em;
	position: relative;
	font-family: var(--title-font);
	margin: -0.07em 0 23px 0;
	color: var(--secondary-color);
	padding-bottom: 15px;
}
.widget_title::before, .widget_title::after {
 content: "";
 height: 2px;
 border-radius: 50px;
 background-color: #166aa8;
 position: absolute;
 bottom: 0;
}
.widget_title::before {
 width: 15px;
 left: 0;
}
.widget_title::after {
 width: 55px;
 left: 20px;
}
.widget .search-form {
	position: relative;
	display: flex;
	border: 1px solid var(--border-color);
	border-radius: 10px;
	overflow: hidden;
}
.widget .search-form input {
	flex: 1;
	border: 0px;
	font-size: 14px;
	font-weight: 400;
	padding-right: 0;
	border-radius: 0;
	color: var(--black-color);
	background-color: transparent;
}
.widget .search-form input::-moz-placeholder {
 color: var(--body-color);
}
.widget .search-form input::-webkit-input-placeholder {
 color: var(--body-color);
}
.widget .search-form input:-ms-input-placeholder {
 color: var(--body-color);
}
.widget .search-form input::placeholder {
 color: var(--body-color);
}
.widget .search-form button {
	height: 60px;
	width: 60px;
	border: none;
	font-size: 18px;
	color: var(--body-color);
	background-color: transparent;
}
.wp-block-tag-cloud a, .tagcloud a {
	display: inline-block;
	border: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	padding: 12px 20.5px;
	margin-right: 5px;
	margin-bottom: 10px;
	color: var(--title-color);
	background-color: var(--white-color);
	border-radius: 6px;
}
.wp-block-tag-cloud a:hover, .tagcloud a:hover {
	background-color: #166aa8;
	color: var(--white-color) !important;
}
.tagcloud {
	margin-right: -5px;
	margin-bottom: -10px;
}
.recent-post {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.recent-post:last-child {
	margin-bottom: 0;
}
.recent-post .media-img {
	margin-right: 20px;
	width: 90px;
}
.recent-post .media-img img {
	border-radius: 6px;
	width: 100%;
}
.recent-post .post-title {
	font-weight: 600;
	font-size: 20px;
	line-height: 25px;
	margin: 0 0 5px 0;
}
.recent-post .post-title a:hover {
	color: #166aa8;
}
.recent-post .recent-post-meta {
	margin-bottom: 2px;
}
.recent-post .recent-post-meta i {
	margin-right: 5px;
	font-size: 14px;
}
.recent-post .recent-post-meta a {
	font-size: 14px;
	font-weight: 500;
	color: var(--body-color);
}
.sidebar-area {
	margin-bottom: -10px;
}
.widget_search .widget_title {
	margin-bottom: 10px;
}
.widget_search .search-form {
	margin-top: 18px;
	background-color: var(--white-color);
}
.newsletter-form .form-control {
	margin-bottom: 15px;
}
.newsletter-form .vs-btn {
	width: 100%;
}
.widget_social_style a {
	background-color: #166aa8 !important;
	color: var(--white-color) !important;
}
.widget_social_style a:hover {
	background-color: var(--theme-color2) !important;
	border-color: var(--theme-color2) !important;
}
.tours-sidebar .widget {
	padding-left: 20px;
	padding-right: 20px;
}
.booking-form .form-group > i {
	right: unset;
	left: 20px;
	top: 23px;
	color: var(--body-color);
}
.booking-form .form-group input {
	padding: 0px 10px 0 20px;
}
.booking-form .form-group select {
	padding-left: 45px;
}
.booking-form input[type=radio] ~ label::before {
 background-color: var(--border-color);
 border-color: var(--border-color);
}
.booking-form input[type=radio]:checked ~ label::before {
 color: #166aa8;
}
.latest-post-wrap .latest-post {
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.latest-post-wrap .latest-post:last-child {
	margin-bottom: 0;
}
.latest-post-wrap .latest-post:hover .media-img img {
	transform: scale(1.2);
}
.latest-post-wrap .media-img {
	width: 100px;
	height: 80px;
	overflow: hidden;
	border-radius: 10px;
	margin-right: 20px;
	background-color: var(--white-color);
}
.latest-post-wrap .media-img img {
	width: 100%;
	height: 100%;
	transition: 0.5s ease-in-out;
}
.latest-post-wrap .post-title {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}

/* Medium Large devices */
@media (max-width: 1399px) {
 .widget {
 --widget-padding-y: 30px;
 --widget-padding-x: 30px;
}
 .widget_title {
 font-size: 20px;
}
 .recent-post .media-img {
 width: 75px;
 margin-right: 15px;
}
 .recent-post .recent-post-meta a {
 font-size: 12px;
}
 .recent-post .post-title {
 font-size: 16px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .sidebar-area {
 padding-top: 30px;
 margin-bottom: 30px;
}
 .wp-block-tag-cloud a,  .tagcloud a {
 padding: 10.5px 18px;
}
}
/* Extra small devices */
@media (max-width: 575px) {
 .widget {
 padding: 30px 20px;
}
}
.widget-area {
	padding-top: 120px;
	padding-bottom: 93px;
}
.widget-area2 {
	padding-top: 60px;
	padding-bottom: 30px;
}
.footer-widget, .footer-widget .widget {
	padding: 0;
	border: none;
	padding-bottom: 0;
	background-color: transparent;
}
.footer-widget .widget_title {
	border: none;
	font-size: 22px;
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	color: var(--white-color);
	position: relative;
}
.footer-widget .widget_title::before, .footer-widget .widget_title::after {
 content: "";
 position: absolute;
}
.footer-widget .widget_title::before {
 width: 60px;
 height: 2px;
 background-color: #fff;
 left: 0;
 bottom: 0;
}
.footer-widget .widget_title::after {
 width: 5px;
 height: 5px;
 outline: 4px solid #fff;
 border-radius: 50%;
 background-color: var(--white-color);
 left: 4px;
 bottom: -1px;
 animation: leftToRight infinite 5s linear;
}
.footer-widget .vs-btn {
	background-color: #166aa8;
}
.footer-widget .vs-btn::before, .footer-widget .vs-btn::after {
 background-color: var(--theme-color2);
}
.footer-widget.widget_nav_menu {
	margin-bottom: 45px;
}
.footer-widget.widget_nav_menu .widget_title {
	margin-bottom: 35px;
}
.footer-widget.widget_nav_menu a {
	width: max-content;
	display: block;
	border: none;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
	max-width: 100%;
	padding: 0 0 0 15px;
	color: var(--white-color);
	background-color: transparent;
	position: relative;
}
.footer-widget.widget_nav_menu a i {
	position: absolute;
	left: 0;
	top: 4px;
}
.footer-widget.widget_nav_menu a:hover {
	background-color: transparent;
	color: #dfed7f;
}
.footer-widget.widget_nav_menu li > span {
	width: auto;
	height: auto;
	position: relative;
	background-color: transparent;
	color: var(--body-color);
	line-height: 1;
}
.footer-widget.widget_nav_menu li:last-child a {
	margin-bottom: 0;
}
.footer-widget .sidebar-gallery {
	display: grid;
	gap: 5px;
	grid-template-columns: repeat(3, 1fr);
}
.footer-widget .sidebar-gallery a {
	overflow: hidden;
	border-radius: 5px;
}
.footer-widget .sidebar-gallery a img {
	transition: 0.5s ease-in-out;
}
.footer-widget .sidebar-gallery a:hover img {
	transform: scale(1.1);
}
.vs-widget-about .footer-text {
	max-width: 95%;
	text-align: justify;
	font-family: var(--body-font);
	font-size: 16px;
}
.footer-insta-image {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.social-style1 a {
	width: 25px;
	height: 25px;
	margin-right: 10px;
	border-radius: 50%;
	color: var(--white-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--white-color);
}
.social-style1 a:hover {
	background-color: #166aa8;
	border-color: #166aa8;
}
.social-style1 a:last-child {
	margin-right: 0;
}
.footer-contact .menu a {
	padding-left: 24px;
}
.footer-contact .menu a i {
	font-size: 14px;
	top: 5px;
}
.footer-widget .newsletter-form .form_text {
	font-size: 16px;
	font-family: var(--body-font);
}
.footer-widget .newsletter-form .form-control {
	margin-bottom: 15px;
	background-color: transparent;
	height: 46px;
}
.footer-widget .newsletter-form .form-control:focus {
	color: var(--white-color);
}
.footer-widget .newsletter-form .vs-btn {
	width: unset;
}

/* Large devices */
@media (max-width: 1199px) {
 .footer-widget {
 margin-bottom: 60px;
}
 .footer-widget .widget_title {
 font-size: 26px;
 margin-bottom: 20px;
}
 .footer-widget.widget_categories .widget_title, .footer-widget.widget_nav_menu .widget_title {
 margin-bottom: 25px;
}
 .footer-widget.widget_categories a, .footer-widget.widget_nav_menu a {
 font-size: 14px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .footer-widget .widget_title {
 font-size: 22px;
}
 .widget-area2 {
 padding-bottom: 20px;
}
}
/*------------------- 4.2. Header  -------------------*/
.vs-header {
	position: relative;
	z-index: 41;
}
.vs-logo img {
/* Medium devices */
  /* Small devices */
}
@media (max-width: 991px) {
 .vs-logo img {
 padding: 20px 0;
}
}
@media (max-width: 767px) {
 .vs-logo img {
 max-width: 150px;
}
}
.will-sticky .sticky-active {
	position: fixed;
	top: -100%;
	right: 0;
	left: 0;
	background-color: var(--white-color);
	transition: all ease 0.8s;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
}
.will-sticky .sticky-active.active {
	top: 0;
}
.main-menu a {
	display: block;
	position: relative;
	font-family: var(--body-font);
	font-weight: 700;
	font-size: 18px;
	color: var(--title-color);/* Extra large devices */
}
@media (max-width: 1500px) {
 .main-menu a {
 font-size: 16px;
}
}
.main-menu a:hover {
	color: var(--theme-color2);
}
.main-menu > ul > li {
	margin: 0 13px;/* Extra large devices */
}
@media (max-width: 1500px) {
 .main-menu > ul > li {
 margin: 0 10px;
}
}
.main-menu > ul > li > a .new-label {
	position: absolute;
	top: -15px;
	right: -16px;
	font-size: 11px;
	border-radius: 3px;
	background-color: #166aa8;
}
.main-menu > ul > li > a .has-new-lable {
	position: relative;
}
.main-menu ul {
	margin: 0;
	padding: 0;
}
.main-menu ul li {
	list-style-type: none;
	display: inline-block;
	position: relative;
}
.main-menu ul li.menu-item-has-children > a:after {
	content: "\f107";
	position: relative;
	font-family: var(--icon-font);
	margin-left: 12px;
	top: -0.8px;
	font-size: 0.8rem;
}
.main-menu ul li:last-child {
	margin-right: 0;
}
.main-menu ul li:first-child {
	margin-left: 0;
}
.main-menu ul li:hover > ul.sub-menu, .main-menu ul li:hover ul.mega-menu {
	visibility: visible;
	opacity: 1;
	margin-top: 0;
	z-index: 9;
}
.main-menu ul.sub-menu, .main-menu ul.mega-menu {
	position: absolute;
	text-align: left;
	top: 100%;
	left: 0;
	background-color: var(--white-color);
	visibility: hidden;
	min-width: 190px;
	width: max-content;
	padding: 7px;
	left: -14px;
	margin-top: 50px;
	opacity: 0;
	z-index: -1;
	border-bottom: 3px solid #166aa8;
	box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.09), 0px 3px 0px 0px rgba(231, 13, 60, 0.004);
	transform-origin: top center;
	transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
}
.main-menu ul.sub-menu a, .main-menu ul.mega-menu a {
	font-size: 16px;
	line-height: 30px;
}
.main-menu ul.sub-menu {
	padding: 18px 20px;
	left: -27px;
}
.main-menu ul.sub-menu:before {
	content: "";
	position: absolute;
	left: 34.5px;
	top: 30px;
	width: 1px;
	background-color: #ededed;
	height: calc(100% - 60px);
}
.main-menu ul.sub-menu li {
	display: block;
	margin: 0 0;
	padding: 3px 9px;
}
.main-menu ul.sub-menu li.menu-item-has-children > a:after {
	content: "\f105";
	float: right;
	top: 3px;
}
.main-menu ul.sub-menu li a {
	position: relative;
	padding-left: 21px;
}
.main-menu ul.sub-menu li a:before {
	content: "\f111";
	position: absolute;
	top: 2.5em;
	left: 0;
	width: 11px;
	height: 11px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	font-size: 0.2em;
	line-height: 11.5px;
	color: #166aa8;
	font-weight: 700;
	font-family: var(--icon-font);
	background-color: var(--white-color);
	box-shadow: inset 0px 2px 4px 0px rgba(255, 104, 26, 0.4);
}
.main-menu ul.sub-menu li ul.sub-menu {
	left: 100%;
	right: auto;
	top: -18px;
	margin: 0 0;
	margin-left: 20px;
}
.main-menu ul.sub-menu li ul.sub-menu li ul {
	left: 100%;
	right: auto;
}
.main-menu .mega-menu-wrap {
	position: static;
}
.main-menu ul.mega-menu {
	display: flex;
	justify-content: space-between;
	text-align: left;
	width: 100%;
	max-width: var(--main-container);
	padding: 20px 15px 23px 15px;
	left: 50%;
	transform: translateX(-50%);
}
.main-menu ul.mega-menu li {
	display: block;
	width: 100%;
	padding: 0 15px;
}
.main-menu ul.mega-menu li li {
	padding: 4px 0;
}
.main-menu ul.mega-menu li a {
	display: inline-block;
}
.main-menu ul.mega-menu > li > a {
	display: block;
	padding: 0;
	padding-bottom: 15px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	color: var(--theme-color2);
}
.main-menu ul.mega-menu > li > a::after, .main-menu ul.mega-menu > li > a::before {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 width: 15px;
 height: 1px;
 background-color: var(--theme-color2);
}
.main-menu ul.mega-menu > li > a::after {
 width: calc(100% - 20px);
 left: 20px;
}
.main-menu ul.mega-menu > li > a:hover {
	padding-left: 0;
}
/* ===========================
Header Customization
============================= */
.header-contact {
	list-style: none;
	margin: 0;
	padding: 0;
}
.header-contact li {
	display: inline-block;
}
.header-contact li i {
	width: 20px;
	height: 20px;
	margin-right: 5px;
	border-radius: 20%;
	color: #166aa8;
	transition: all ease 0.5s;
	background-color: var(--white-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.header-contact li a {
	color: var(--white-color);
	margin-right: 15px;
}
.header-contact li a:hover {
	color: #166aa8;
}
.header-contact li:last-child a {
	margin-right: 0;
}
.header-contact li:hover i {
	color: var(--white-color);
	background-color: #166aa8;
}
.header-social a {
	display: inline-block;
	color: var(--white-color);
	line-height: 1;
	margin-right: 15px;
}
.header-social a:hover {
	color: #166aa8;
}
.header-social a:last-child a {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
.header-btns a, .header-btns button {
	width: 50px;
	height: 50px;
	line-height: 52px;
	border: none;
	font-size: 20px;
	font-weight: 700;
	margin-right: 10px;
	border-radius: 50%;
	color: var(--white-color);
	position: relative;
	background-color: #166aa8;
	display: inline-block;
}
.header-btns a:hover, .header-btns button:hover {
	background-color: var(--theme-color2);
}
.header-btns a:hover .button-badge, .header-btns button:hover .button-badge {
	background-color: #166aa8;
}
.header-btns a:last-child, .header-btns button:last-child {
	margin-right: 0;
}
.button-badge {
	width: 20px;
	height: 20px;
	font-size: 10px;
	overflow: hidden;
	border-radius: 50%;
	color: var(--white-color);
	background-color: var(--theme-color2);
	font-family: var(--body-font);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
}
.vs-header .form-select {
	background-color: #166aa8;
	background-position: right 15px center;
	font-size: 16px;
	padding: 0 40px 0 15px;
	margin-left: 15px;
	position: relative;
	border: 0px;
	border-radius: 0;
	width: unset;
	color: var(--white-color);
	height: 60px;
}
.vs-header .form-select::before {
 content: "";
 width: 100%;
 height: 100%;
 background-color: #166aa8;
 position: absolute;
 top: 0;
 left: 0;
}
.vs-header .form-select option {
	background-color: var(--white-color);
	color: var(--black-color);
}
.vs-header .user-btn {
	padding: 17px 22px;
	color: var(--white-color);
	background-color: var(--theme-color2);
	transition: 0.5s ease all;
}
.vs-header .user-btn:hover {
	background-color: #166aa8;
}
.vs-header .sticky-wrapper {
	background-color: var(--white-color);
}
.vs-header .sticky-wrapper .header-btns ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vs-header .sticky-wrapper .header-btns ul li {
	display: inline-block;
}
.header-dropdown .dropdown-toggle {
	background-color: #166aa8;
	background-position: right 15px center;
	font-size: 16px;
	transition: all ease 0.5s;
	padding: 0 25px;
	margin-left: 15px;
	position: relative;
	border: 0px;
	border-radius: 0;
	width: unset;
	color: var(--white-color);
	height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.header-dropdown ul.dropdown-menu {
	padding: 10px 15px;
	margin: 0;
	width: -moz-max-content;
	width: max-content;
	min-width: auto;
	position: relative;
	z-index: 9;
	border: none;
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
}
.header-dropdown ul.dropdown-menu a {
	display: block;
	margin: 0 0;
	width: -moz-max-content;
	width: max-content;
	padding: 2px 10px;
	color: var(--title-color);
	font-weight: 400;
	font-size: 14px;
}
.header-dropdown:hover .dropdown-toggle {
	background-color: var(--theme-color2);
}
.header-layout1 {
	background-color: var(--title-color);
}
.header-layout2 .header-top {
	padding: 10px 0 65px 0;
	background-color: #166aa8;
}
.header-layout2 .header-contact li i {
	background-color: var(--white-color);
	color: #166aa8;
	transition: 0.5s ease-in-out;
}
.header-layout2 .header-contact li:hover i {
	background-color: var(--theme-color2);
	color: var(--white-color);
}
.header-layout2 .vs-btn {
	padding: 5px 20px;
	font-weight: 400;
}
.header-layout2 .sticky-wrapper {
	background-color: transparent;
	margin-top: -55px;
}
.header-layout2 .sticky-wrapper .container {
	background-color: var(--white-color);
}
.header-layout2 .sticky-wrapper .active .container {
	margin-top: 0;
}
.header-layout2 .header-social a:hover, .header-layout2 .header-contact a:hover {
	color: var(--theme-color2);
}
.header-layout3 {
	background-color: #166aa8;
}
.header-layout3 .header-contact li i {
	background-color: var(--white-color);
	color: var(--title-color);
}
.header-layout3 .header-contact li:hover i {
	background-color: var(--theme-color2);
	color: var(--white-color);
}
.header-layout3 .form-select {
	background-color: var(--white-color);
	color: var(--title-color);
}
.header-layout3 .header-social a:hover, .header-layout3 .header-contact a:hover {
	color: var(--theme-color2);
}
.menu-style1 > ul > li {
	padding: 25px 0;
}
.menu-style1 > ul > li > a {
	padding: 0;
}
.header-btns a, .header-btns button {
	margin-right: 15px;
}
.header-btns a:last-child, .header-btns button:last-child {
	margin-right: 0;
}

/* Small devices */
@media (max-width: 767px) {
 .vs-header .user-btn {
 padding: 10px 15px;
}
 .vs-header .form-select {
 margin-left: 0;
 padding-left: 10px;
 padding-right: 32px;
}
 .header-dropdown .dropdown-toggle {
 height: 46px;
 padding-left: 10px;
 padding-right: 10px;
}
}
/*------------------- 4.3. Footer  -------------------*/
.footer-menu > ul li {
	padding-left: 25px;
	position: relative;
}
.footer-menu > ul li i {
	position: absolute;
	left: 0;
	top: 1px;
}
.footer-logo {
	margin-bottom: 20px;
	display: inline-block;
}
.footer-wrapper {
	background-color: #333;
}
.footer-layout1 {
 --body-color: #ffffff;
}
.footer-layout1 .social-style {
	margin-top: 24px;
}
.footer-layout1 .form-group {
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: 1px solid #166aa8;
	border-radius: 10px;
}
.footer-layout1 .form-group .form-control {
	border: none;
	margin: 5px;
	color: var(--white-color);
	padding-right: 15px;
	background-color: transparent;
}
.footer-layout1 .form-group .vs-btn {
	margin: 5px;
	overflow: unset;
	display: inline-block;
}
.footer-layout1 .footer-widget.widget_nav_menu {
	margin-bottom: 0px;
}
.footer-insta-image {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}
.social-style a {
	width: 45px;
	height: 45px;
	margin-right: 10px;
	border-radius: 50%;
	color: var(--white-color);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--white-color);
}
.social-style a:hover {
	background-color: #166aa8;
	border-color: #166aa8;
}
.social-style a:last-child {
	margin-right: 0;
}
.copyright-wrap {
	text-align: center;
	padding: 20px 0;
	position: relative;
	z-index: 2;
	border-top: 1px solid var(--border-color);
}
.copyright-menu ul {
	margin: 0;
}
.copyright-menu li {
	display: inline-block;
	margin-right: 30px;
	position: relative;
}
.copyright-menu li::after {
 content: "";
 width: 1px;
 height: 50%;
 background-color: #166aa8;
 position: absolute;
 right: -18px;
 top: 50%;
 transform: translateY(-50%);
}
.copyright-menu li:last-child {
	margin-right: 0;
}
.copyright-menu li:last-child::after {
 display: none;
}
.copyright-menu a {
	font-size: 16px;
	font-weight: 400;
	color: var(--white-color);
}
.copyright-menu a:hover {
	color: #166aa8;
}
.copyright-text {
	margin: 0;
	font-size: 16px;
	font-weight: 400;
}
.copyright-text a {
	color: #ecf57c;
}
.copyright-text a:hover {
	color: #166aa8;
	text-decoration: underline;
}
.cta-style1 {
	position: relative;
	background-color: #166aa8;
	padding: 0 60px;
	border-radius: 10px;
}
.cta-style1 .cta-title {
	color: var(--white-color);
}
.footer-top {
	position: relative;
}
.footer-top .shadow-color {
	height: 50%;
	bottom: unset;
	top: 0;
}
.footer-top2 .shadow-color {
	background-color: var(--smoke-color);
}
.cta-image {
	margin-bottom: -15px;
	margin-top: -20px;
}
.footer-newsletter2 {
	border-bottom: 1px solid var(--border-color);
	padding-bottom: 32px;
}
.newsletter-style2 {
	margin-bottom: 30px;
	padding-left: 100px;
	position: relative;
	min-height: 80px;
}
.newsletter-style2 .newsletter-img {
	position: absolute;
	left: 0;
	top: 0;
}
.newsletter-style2 .newsletter-text {
	font-size: 24px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 5px;
	padding-top: 7px;
}

/* Large devices */
@media (max-width: 1199px) {
 .footer-widget {
 margin-bottom: 60px;
}
 .footer-widget .widget_title {
 font-size: 26px;
 margin-bottom: 20px;
}
 .footer-widget.widget_nav_menu .widget_title {
 margin-bottom: 25px;
}
 .footer-widget.widget_nav_menu a {
 font-size: 14px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .widget-area {
 padding-top: 50px;
 padding-bottom: 50px;
}
 .footer-widget .widget_title {
 font-size: 22px;
}
 .copyright-text {
 font-size: 14px;
}
 .footer-top::before {
 height: 100px;
}
 .cta-style1 {
 padding: 30px;
 text-align: center;
}
}
/* Small devices */
@media (max-width: 767px) {
 .footer-top::before {
 height: 130px;
}
 .cta-style1 {
 padding: 30px 15px;
}
 .newsletter-style2 {
 padding-left: 85px;
}
 .newsletter-style2 .newsletter-img img {
 width: 60px;
}
 .newsletter-style2 .newsletter-text {
 font-size: 20px;
}
 .newsletter-style2 a {
 font-size: 14px;
}
}
/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu {
	max-width: 100%;
	margin: 0 0 0 0;
	padding: 16.5px 0;
	list-style-type: none;
}
.breadcumb-menu li {
	display: inline;
	list-style: none;
	position: relative;
}
.breadcumb-menu li:after {
	content: "/";
	position: relative;
	margin-left: 14px;
	margin-right: 10px;
}
.breadcumb-menu li:last-child {
	padding-right: 0;
	margin-right: 0;
}
.breadcumb-menu li:last-child:after {
	display: none;
}
.breadcumb-menu li, .breadcumb-menu a, .breadcumb-menu span {
	white-space: normal;
	word-break: break-word;
	font-weight: 400;
	font-size: 18px;
	color: var(--white-color);
}
.breadcumb-menu li > i, .breadcumb-menu a > i, .breadcumb-menu span > i {
	margin-right: 10px;
}
.breadcumb-menu a:hover {
	color: #166aa8;
}
.breadcumb-title {
	font-size: 40px;
	color: var(--white-color);
	margin: 0 0 -5px 0;
}
.breadcumb-wrapper {
	padding-top: 55px;
	padding-bottom: 60px;
	background-color: var(--title-color);/* Medium devices */
}
@media (max-width: 991px) {
 .breadcumb-wrapper {
 padding-top: 100px;
 padding-bottom: 100px;
}
}

/* Large devices */
@media (max-width: 1199px) {
 .breadcumb-title {
 font-size: 48px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .breadcumb-title {
 font-size: 40px;
 margin: -0.15em 0 -0.4em 0;
}
}
/* Small devices */
@media (max-width: 767px) {
 .breadcumb-title {
 font-size: 36px;
}
 .breadcumb-menu li,  .breadcumb-menu a,  .breadcumb-menu span {
 font-size: 14px;
}
 .breadcumb-menu li:after {
 margin-left: 11px;
 margin-right: 9px;
}
}
/*------------------- 4.5. Pagination  -------------------*/
.vs-pagination {
	text-align: center;
	margin-bottom: 30px;
}
.vs-pagination ul {
	margin: 0;
	padding: 0;
}
.vs-pagination li {
	display: inline-block;
	margin: 0 3px;
	list-style-type: none;
}
.vs-pagination li:last-child {
	margin-right: 0;
}
.vs-pagination li:first-child {
	margin-left: 0;
}
.vs-pagination span, .vs-pagination a {
	display: inline-block;
	text-align: center;
	position: relative;
	font-family: var(--body-font);
	color: var(--title-color);
	background-color: var(--white-color);
	width: 50px;
	height: 50px;
	line-height: 52px;
	font-weight: 400;
	padding: 0;
	font-size: 16px;
	z-index: 1;
	border-radius: 6px;
	vertical-align: middle;
	border: 1px solid var(--border-color);
}
.vs-pagination span.active, .vs-pagination span:hover, .vs-pagination a.active, .vs-pagination a:hover {
	color: var(--white-color);
	background-color: #166aa8;
	box-shadow: none;
}
.post-pagination {
	border-bottom: 1px solid var(--border-color);
	margin: 0 0 50px 0;
}
.post-pagination .pagi-icon {
	font-size: 36px;
	color: var(--border-color);
}
.post-pagination .pagi-icon:hover {
	color: #166aa8;
}
.post-pagi-box {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 50px 0px;
}
.post-pagi-box > img {
	display: inline-block;
	width: 80px;
	height: 80px;
	line-height: 54px;
	text-align: center;
	color: var(--title-color);
	overflow: hidden;
	background-color: var(--smoke-color);
	border-radius: 10px;
}
.post-pagi-box > img:hover {
	background-color: #166aa8;
	color: var(--white-color);
}
.post-pagi-box .pagi-title {
	font-size: 16px;
	font-weight: 600;
	color: var(--title-color);
	margin: 4.5px 0 0 0;
	max-width: 250px;
	flex: 1;
}
.post-pagi-box .pagi-title:hover {
	color: #166aa8;
}
.post-pagi-box.next {
	flex-direction: row-reverse;
	text-align: right;
}

/* Medium Large devices */
@media (max-width: 1399px) {
 .post-pagination {
 margin: 0px 0 40px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .vs-pagination span,  .vs-pagination a {
 width: 40px;
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 padding: 0 10px;
 vertical-align: middle;
}
 .vs-pagination span i,  .vs-pagination a i {
 vertical-align: middle;
}
 .post-pagi-box {
 display: block;
 padding: 30px 20px 20px;
}
 .post-pagi-box > a {
 margin-bottom: 10px;
}
}
/*------------------- 4.6. Blog  -------------------*/
.vs-blockquote {
	display: block;
	position: relative;
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	font-weight: 400;
	color: var(--title-color);
	background-color: var(--quote-bg, #f0f4f5);
	border-left: 4px solid #166aa8;
	padding: 43px 50px 42px 35px;
	margin: 35px 0;
}
.vs-blockquote p {
	font-family: inherit;
	margin-bottom: 0 !important;
	line-height: 1.5;
	color: inherit;
	width: 100%;
	position: relative;
	z-index: 3;
	font-style: italic;
}
.vs-blockquote:before {
	content: "\f10e";
	font-family: var(--icon-font);
	font-size: 6.5rem;
	font-weight: 900;
	line-height: 1;
	color: var(--border-color);
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
}
.vs-blockquote p {
	margin-bottom: 0;
}
.vs-blockquote p a {
	color: inherit;
}
.vs-blockquote cite {
	display: inline-block;
	font-size: 20px;
	position: relative;
	padding-left: 45px;
	line-height: 1;
	font-weight: 600;
	margin-top: 22px;
	font-style: normal;
	color: var(--title-color);
}
.vs-blockquote cite:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 8px;
	width: 30px;
	height: 2px;
	border-top: 2px solid #166aa8;
}
.vs-quote {
	background-color: #166aa8;
	color: var(--white-color);
	font-weight: 700;
	line-height: 36px;
	font-size: 22px;
	padding: 50px 60px 49px 150px;
	border-radius: 5px;
}
.vs-quote:before {
	background-color: var(--theme-color2);
	height: 100%;
	right: auto;
	left: 10px;
	top: 0;
	bottom: 0;
	width: 115px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	content: "\f10d";
	color: var(--white-color);
}
.vs-quote p {
	font-style: normal;
}
.blog-meta span, .blog-meta a {
	display: inline-block;
	margin-right: 18px;
	font-size: 16px;
	color: var(--title-color);
}
.blog-meta span i, .blog-meta a i {
	margin-right: 4px;
}
.blog-meta span:last-child, .blog-meta a:last-child {
	margin-right: 0;
}
.blog-meta a:hover {
	color: #166aa8;
}
.blog-category a {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding: 12px 21px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: var(--white-color);
	background-color: var(--theme-color2);
	display: inline-block;
}
.blog-category a:hover {
	background-color: #166aa8;
	color: var(--white-color);
}
.blog-category {
	margin-bottom: -10px;
	margin-right: -10px;
}
.blog-title a {
	color: inherit;
}
.blog-title a:hover {
	color: #166aa8;
}
.vs-blog {
	margin-bottom: 30px;
}
.vs-blog-details .blog-single {
	border: none;
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
}
.vs-blog-details .blog-single .blog-content {
	margin-top: 25px;
}
.vs-blog-details .blog-single .blog-title {
	margin-bottom: 15px;
}
.vs-blog-details .blog-meta {
	margin-bottom: 18px;
}
.vs-blog-details .blog-meta span, .vs-blog-details .blog-meta a {
	margin-bottom: 10px;
}
.vs-blog-details .blog-meta span i, .vs-blog-details .blog-meta a i {
	color: #166aa8;
	margin-right: 10px;
}
.vs-blog-details .blog-inner-img {
	margin-bottom: 20px;
}
.vs-blog-details .blog-inner-img img {
	border-radius: 10px;
}
.blog-author {
	display: flex;
	align-items: center;
	background-color: #166aa8;
 --body-color: #fff;
 --title-color: #fff;
	padding: 40px;
	margin: 50px 0;
}
.blog-author .media-img {
	width: 160px;
	height: 160px;
	margin-right: 25px;
	border-radius: 50%;
}
.blog-author .media-img img {
	border-radius: inherit;
}
.blog-author .author-name {
	margin-bottom: 10px;
	margin-right: 25px;
	display: inline-block;
	color: var(--white-color);
}
.blog-author .author-links {
	display: inline-block;
}
.blog-author .author-links ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.blog-author .author-links li {
	display: inline-block;
}
.blog-author .author-links li:not(:first-child):before {
 content: "";
 width: 1px;
 height: 15px;
 background-color: var(--white-color);
 display: inline-block;
 vertical-align: middle;
 margin: 0 15px 0 10px;
 top: -1px;
 position: relative;
 opacity: 0.5;
}
.blog-author .author-links a {
	display: inline-block;
	color: var(--white-color);
	font-size: 16px;
}
.blog-author .author-links a:hover {
	color: #166aa8;
}
.blog-inner-title {
	margin: -0.04em 0 40px 0;
	width: max-content;
	line-height: 1;
	font-size: 36px;
	font-weight: 700;
}
.blog-inner-author {
 --theme-color: #ffffff;
	padding: 28px 20px 20px 20px;
	display: inline-block;
	border-radius: 0px 10px 10px 0px;
	background-color: rgba(28, 28, 28, 0.8);
	padding-left: 100px;
	min-height: 100px;
}
.blog-inner-author img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--smoke-color);
}
.blog-inner-author .author-name {
	display: block;
	font-size: 20px;
	font-weight: 600;
	color: var(--white-color);
}
.blog-inner-author .author-degi, .blog-inner-author .blog-date {
	color: #166aa8;
	font-size: 14px;
	font-weight: 400;
}
.share-links-title {
	font-size: 18px;
	color: var(--title-color);
	font-family: var(--title-font);
	font-weight: 600;
	margin: 0 15px 0 0;
	display: inline-block;
}
.share-links {
	margin: 50px 0 0px 0;
	padding: 50px 0px;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}
.share-links .row {
	align-items: center;
}
.share-links .tagcloud {
	display: inline-block;
}
.share-links .tagcloud a {
	color: var(--body-color);
	background-color: var(--smoke-color);
	font-weight: 400;
}
.share-links .tagcloud a:hover {
	color: var(--white-color);
	background-color: #166aa8;
}
.share-links .social-links {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.share-links .social-links li {
	display: inline-block;
	margin-right: 4px;
}
.share-links .social-links li:last-child {
	margin-right: 0;
}
.share-links .social-links a {
	width: 46px;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	color: var(--body-color);
	text-align: center;
	display: block;
	background-color: var(--smoke-color);
	border-radius: 50%;
}
.share-links .social-links a:hover {
	color: var(--white-color);
	background-color: #166aa8;
}
.post-pagi-box img {
	border-radius: 10px;
}
.blog-single {
	margin-bottom: 60px;
	padding: 40px 40px;
	border-radius: 10px;
	border: 1px solid var(--border-color);
}
.blog-single .blog-img {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.blog-single .blog-inner-author {
	position: absolute;
	left: 0;
	bottom: 60px;
}
.blog-single .blog-content {
	padding: 0;
	position: relative;
}
.blog-single .blog-title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 18px;
}
.blog-single .blog-date {
	color: var(--body-color);
}
.blog-single .blog-date i {
	margin-right: 4px;
}
.blog-single .blog-date:hover {
	color: #166aa8;
}
.blog-single .blog-bottom {
	margin-top: 40px;
	padding: 40px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--border-color);
}
.blog-single .blog-meta {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-single .blog-meta li {
	display: inline-block;
	position: relative;
	margin-right: 20px;
}
.blog-single .blog-meta li::before {
 content: "";
 width: 1px;
 height: 70%;
 background-color: var(--title-color);
 opacity: 0.5;
 position: absolute;
 left: -14px;
 top: 50%;
 transform: translateY(-50%);
}
.blog-single .blog-meta li:first-child::before {
 content: none;
}
.blog-single .play-btn {
	position: absolute;
	top: 10%;
	right: 10%;
}
.blog-single .play-btn i {
	color: var(--white-color);
}
.blog-style2 {
	margin-bottom: 30px;
	border-radius: 10px;
	background-color: var(--smoke-color);
	padding: 30px 24px;
}
.blog-style2 .blog-img {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 40px;
	background-color: var(--smoke-color);
}
.blog-style2 .blog-inner-author {
	position: absolute;
	left: 0;
	bottom: 30px;
}
.blog-style2 .blog-inner-author .author-name {
	font-size: 16px;
}
.blog-style2 .blog-title {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 18px;
}
.blog-style2 .blog-date {
	color: var(--body-color);
}
.blog-style2 .blog-date i {
	margin-right: 5px;
}
.blog-style2 .blog-date:hover {
	color: #166aa8;
}
.blog-style2 .blog-bottom {
	padding: 30px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--border-color);
}
.blog-style2 .vs-btn {
	padding: 16px 20px;
	font-size: 14px;
}
.blog-style3 {
	border: none;
	box-shadow: 0px 0px 15px rgba(255, 104, 26, 0.15);
	padding: 30px 24px;
	border-radius: 10px;
}
.blog-style3 .blog-img {
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 24px;
}
.blog-style3 .blog-img img {
	transition: 0.5s ease-in-out;
}
.blog-style3 .blog-title {
	font-size: 24px;
	margin-bottom: 2px;
}
.blog-style3 .blog-text {
	margin-bottom: 15px;
}
.blog-style3 .vs-btn {
	padding: 16px 20px;
	font-size: 14px;
	margin-left: 4px;
}
.blog-style3 .vs-btn i {
	margin-left: 4px;
}
.blog-style3 .blog-bottom {
	margin-top: 0;
	padding-top: 20px;
	border-top: 1px solid var(--border-color);
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.blog-style3 .blog-date {
	margin-right: 4px;
}
.blog-style3 .blog-date i {
	margin-right: 4px;
}
.blog-style3:hover .blog-img img {
	transform: scale(1.1);
}
.blog-style4 {
	display: flex;
	align-items: center;
}
.blog-style4 .blog-image {
	position: relative;
	border-radius: 10px;
}
.blog-style4 .blog-image img {
	border-radius: 10px;
}
.blog-style4 .category-tag a {
	background-color: var(--white-color);
	color: #166aa8;
	padding: 18px 44px 16px;
	border-radius: 0 10px 10px 0;
	font-size: 14px;
	font-weight: 700;
	position: absolute;
	left: 0;
	top: 80px;
}
.blog-style4 .category-tag a i {
	margin-right: 4px;
}
.blog-style4 .blog-content {
	border: 1px solid var(--border-color);
	background-color: var(--white-color);
	position: relative;
	margin-left: -100px;
	padding: 40px;
	max-width: 615px;
	border-radius: 10px;
}
.blog-style4 .blog-text {
	font-size: 16px;
	max-width: 475px;
}
.blog-style4 .blog-date {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 20px;
	font-weight: 700;
	color: #166aa8;
	background-color: unset;
	padding: 0;
}
.blog-style4 .blog-date i {
	margin-right: 4px;
}
.blog-style4:nth-child(odd) {
 margin: 60px 0 30px 0;
}
.blog-style4:nth-child(odd) .blog-image {
 order: 2;
}
.blog-style4:nth-child(odd) .category-tag a {
 right: 0;
 left: unset;
 border-radius: 10px 0 0 10px;
}
.blog-style4:nth-child(odd) .blog-content {
 margin-right: -100px;
 margin-left: unset;
 z-index: 2;
}
.blog-wrapper .vs-carousel {
	margin-top: -10px;
}
.blog-wrapper .blog-style3 {
	margin-top: 10px;
}
.blog-wrapper1 .title-area {
	padding-top: 50px;
}

/* Large devices */
@media (max-width: 1199px) {
 .blog-style4 .blog-date {
 font-size: 16px;
}
 .blog-style4 .blog-title {
 font-size: 20px;
}
 .share-links-title {
 font-size: 16px;
}
 .wp-block-tag-cloud a,  .tagcloud a {
 padding: 10px;
}
 .share-links .social-links a {
 font-size: 14px;
 width: 36px;
 height: 36px;
 line-height: 36px;
}
 .blog-single .blog-meta li:last-child {
 display: none;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .blog-style3 {
 padding: 30px 15px;
}
 .blog-style3 .blog-date {
 font-size: 14px;
}
 .blog-style3 .vs-btn {
 padding: 12px 16px;
 font-size: 13px;
}
 .blog-style4 {
 display: block;
}
 .blog-style4 .blog-content {
 margin: 30px 0 0 0;
 max-width: 100%;
}
 .blog-wrapper1 .title-area {
 padding-top: 0px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .blog-inner-author {
 min-height: unset;
 padding: 15px 13px 15px 75px;
}
 .blog-inner-author .author-name {
 font-size: 14px;
}
 .blog-inner-author .author-degi {
 font-size: 10px;
}
 .blog-inner-author img {
 width: 50px;
 height: 50px;
 left: 15px;
}
 .blog-single {
 padding: 20px;
 margin-bottom: 30px;
}
 .blog-single .blog-title {
 font-size: 18px;
 line-height: 1.6;
}
 .blog-single .blog-img .blog-date {
 right: 15px;
 top: 15px;
 font-size: 14px;
 padding: 12px 15px;
}
 .blog-single .blog-inner-author {
 bottom: 0;
}
 .blog-single .blog-content {
 margin-top: 20px;
}
 .blog-single .play-btn {
 --icon-size: 60px;
 --icon-font-size: 18px;
}
 .blog-single .blog-meta li {
 display: none;
}
 .blog-single .blog-meta li:first-child {
 display: inline-block;
}
 .blog-single .blog-meta span,  .blog-single .blog-meta a {
 font-size: 13px;
}
 .blog-single .vs-btn {
 font-size: 13px;
 padding: 12px 10px;
}
 .blog-single .blog-bottom {
 margin-top: 0;
 padding-top: 20px;
}
 .vs-blockquote {
 padding: 24px 20px 24px 24px;
}
 .blog-style4 {
 display: block;
}
 .blog-style4 .blog-content {
 padding: 20px 15px;
 margin: 0;
}
 .blog-style4 .tips-tag {
 padding: 10px 24px 8px;
}
 .blog-style4 .blog-title a {
 font-size: 24px;
}
 .blog-style4 .blog-date {
 font-size: 16px;
}
 .blog-style4 .category-tag a {
 padding: 10px 20px 8px;
}
 .blog-style2 .blog-img {
 margin-bottom: 20px;
}
 .blog-style2 .blog-inner-author {
 bottom: 0;
}
 .blog-style2 .blog-inner-author .author-name {
 font-size: 14px;
}
 .blog-style2 .vs-btn {
 padding: 12px 14px;
 font-size: 13px;
}
 .blog-style2 .blog-date {
 font-size: 14px;
}
 .blog-style2 .blog-title {
 font-size: 20px;
}
 .share-links-title {
 margin-bottom: 10px;
}
 .vs-blog-details .blog-single {
 padding: 0;
 box-shadow: none;
}
 .post-pagi-box .pagi-title {
 font-size: 14px;
}
 .blog-inner-title {
 font-size: 24px;
 margin-bottom: 20px;
}
 .share-links {
 padding: 30px 0;
}
}
/*------------------- 4.6. Comments  -------------------*/
.vs-comments-wrap ul.comment-list, .vs-comments-wrap .children {
	list-style: none;
	margin: -10px 0 0 0;
	padding: 0;
}
.vs-comments-wrap .children {
	margin-left: 70px;
}
.vs-comments-wrap .vs-post-comment {
	position: relative;
	display: flex;
	padding: 30px 30px;
	margin: 30px 0 30px 0;
	background-color: var(--smoke-color);
}
.vs-comments-wrap .vs-post-comment p {
	margin-bottom: 0;
}
.vs-comments-wrap .comment-avater {
	width: 110px;
	height: 110px;
	border-radius: 5px;
	margin-right: 25px;
	overflow: hidden;
}
.vs-comments-wrap .comment-content {
	flex: 1;
	position: relative;
}
.vs-comments-wrap .comment-date {
	font-size: 14px;
}
.vs-comments-wrap .commented-on {
	font-size: 14px;
	color: var(--title-color);
}
.vs-comments-wrap .commented-on i {
	margin-right: 4px;
	color: #166aa8;
}
.vs-comments-wrap .name {
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}
.vs-comments-wrap .reply_and_edit {
	position: absolute;
	right: 0;
	top: 0;
}
.vs-comments-wrap .replay-btn {
	font-weight: 700;
	margin-left: 4px;
	background-color: #fff;
	border-radius: 25px;
	padding: 6px 12px;
	font-size: 14px;
}
.vs-comments-wrap .replay-btn i {
	font-size: 12px;
	margin-left: 2px;
}
.vs-comment-form {
	margin-top: 58px;
}
.vs-comment-form .form-group {
	border: none;
}
.vs-comment-form .form-control {
	background-color: var(--smoke-color);
	color: var(--title-color);
}
.vs-comment-form .form-control::placeholder {
 color: var(--title-color);
}
.vs-comment-form .custom-checkbox {
	margin-bottom: 30px;
	margin-top: 30px;
}
.vs-comment-form .custom-checkbox label {
	font-weight: 400;
}
.vs-comment-form .notice {
	margin-top: 0;
}

/* Small devices */
@media (max-width: 767px) {
 .vs-comments-wrap .vs-post-comment {
 padding: 20px 15px;
 display: block;
}
 .vs-comments-wrap .comment-content {
 margin-top: 20px;
}
 .vs-comments-wrap .reply_and_edit {
 position: relative;
 margin-top: 10px;
}
 .vs-comments-wrap .children {
 margin-left: 0;
}
 .vs-comment-form {
 margin-top: 30px;
}
}
/*------------------- 4.8. Hero Area  -------------------*/
.hero-mask {
	padding-top: 100px;
	padding-bottom: 0px;
}
.hero-subtitle {
	color: #166aa8;
	font-size: 24px;
	font-weight: 700;
	font-family: var(--body-font);
}
.hero-title {
	font-size: 45px;
	font-weight: 700;
	font-family: var(--body-font);
}
.hero-text {
	max-width: 521px;
	margin-bottom: 24px;
	font-size: 18px;
	font-weight: 400;
	font-family: var(--body-font);
}
.hero-layout, .hero-layout1, .hero-layout2 {
	position: relative;
}
.hero-layout .form-group > i, .hero-layout1 .form-group > i, .hero-layout2 .form-group > i {
	right: unset;
	left: 20px;
	top: 23px;
	color: var(--body-color);
}
.hero-layout .form-group select, .hero-layout .form-group input, .hero-layout1 .form-group select, .hero-layout1 .form-group input, .hero-layout2 .form-group select, .hero-layout2 .form-group input {
	padding-left: 45px;
}
.hero-layout .form-group > i, .hero-layout2 .form-group > i {
	top: 17px;
}
.hero-layout .hero-bottom .radioselect, .hero-layout .hero-bottom .form-control, .hero-layout .hero-bottom .form-select, .hero-layout .hero-bottom textarea, .hero-layout .hero-bottom input, .hero-layout2 .hero-bottom .radioselect, .hero-layout2 .hero-bottom .form-control, .hero-layout2 .hero-bottom .form-select, .hero-layout2 .hero-bottom textarea, .hero-layout2 .hero-bottom input {
	height: 47px;
}
.hero-layout {
	position: relative;
}
.hero-layout .hero-img {
	position: relative;
}
.hero-layout .hero-img img {
	border-radius: 340px;
	background-color: var(--white-color);
	border: 20px solid var(--white-color);
}
.hero-layout .hero-img .img2 {
	width: 65%;
	position: absolute;
	top: 60%;
	right: -25%;
	transform: translateY(-50%);
}
.hero-layout .hero-bottom {
	margin-bottom: -150px;
	margin-top: 100px;
}
.hero-layout .hero-bottom .radioselect, .hero-layout .hero-bottom .form-control, .hero-layout .hero-bottom .form-select, .hero-layout .hero-bottom textarea, .hero-layout .hero-bottom input {
	height: 47px;
}
.hero-layout .hero-form {
	background-color: var(--white-color);
	padding: 30px 30px 0px;
	border-radius: 15px;
	position: relative;
	z-index: 1;
	box-shadow: 0px 4px 15px rgba(255, 104, 26, 0.1);
}
.hero-layout .hero-form .vs-btn {
	width: 100%;
}
.hero-layout .slide-count {
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
	z-index: 2;
}
.hero-layout .slide-count .tab-btn {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.5s ease-in-out;
	background-color: var(--white-color);
	border: none;
	margin-bottom: 20px;
	color: #166aa8;
	position: relative;
	font-size: 20px;
	font-weight: 800;
	font-family: var(--body-font);
}
.hero-layout .slide-count .tab-btn:last-child {
	margin-bottom: 0;
}
.hero-layout .slide-count .tab-btn:hover {
	background-color: #166aa8;
	color: var(--white-color);
}
.hero-layout .slide-count .active {
	background-color: #166aa8;
	color: var(--white-color);
}
.hero-layout .slide-count::before {
 content: "";
 width: 4px;
 height: 90%;
 background-color: #166aa8;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.hero-layout1 {
	margin-top: -100px;
}
.hero-layout1 .hero-mask {
	padding-top: 0px;
	position: relative;
}
.hero-layout1 .hero-title, .hero-layout1 .hero-text {
	color: var(--white-color);
}
.hero-layout1 .icon-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
}
.hero-layout1 .icon-btn:first-child {
	left: 12%;
}
.hero-layout1 .icon-btn:last-child {
	left: unset;
	right: 12%;
}
.hero-form2 {
	padding: 60px 40px;
	max-width: 490px;
	border-radius: 15px;
	position: relative;
	background-color: var(--white-color);
	margin-left: auto;
}
.hero-form2 .h3 {
	margin-bottom: 5px;
}
.hero-form2 .shape-mockup {
	position: absolute;
	right: 0;
	bottom: 0;
}
.hero-layout2 {
	position: relative;
}
.hero-layout2 .hero-mask {
	padding-bottom: 160px;
}
.hero-layout2 .hero-title, .hero-layout2 .hero-text {
	color: var(--white-color);
}
.hero-layout2 .hero-img .shape-mokup {
	width: 40%;
	position: absolute;
	right: -9.5%;
	bottom: 0%;
	transform: rotateZ(45deg);
	z-index: 0;
}
.hero-layout2 .hero-img .img1 {
	position: relative;
	z-index: 1;
}
.hero-layout2 .hero-bottom {
	margin-top: -65px;
}
.hero-layout2 .hero-form {
	background-color: var(--white-color);
	padding: 30px 30px 0px;
	border-radius: 15px;
	position: relative;
	box-shadow: 0px 4px 15px rgba(255, 104, 26, 0.1);
}
.hero-layout2 .hero-form .vs-btn {
	width: 100%;
}
.hero-layout2 .icon-btn {
	display: block;
	margin: 0;
	position: absolute;
	left: 12%;
	top: 38.5%;
	transform: translateY(-50%);
}
.hero-layout2 .icon-btn:last-child {
	top: 50%;
}
 @media (min-width: 1920px) {
 .hero-layout2 .hero-img .shape-mokup {
 right: -4.5%;
 transform: rotateZ(23deg);
 height: 65%;
}
}
@media (min-width: 1500px) and (max-width: 1700px) {
 .hero-layout2 .icon-btn {
 left: 3%;
}
 .hero-layout .slide-count {
 left: 4%;
}
 .hero-layout1 .icon-btn:first-child {
 left: 3%;
}
 .hero-layout1 .icon-btn:last-child {
 right: 3%;
}
 .hero-title {
 font-size: 64px;
}
}
/* Extra large devices */
@media (max-width: 1500px) {
 .hero-layout .hero-img .img2 {
 right: 0%;
 width: 50%;
}
 .hero-layout .hero-img .img1 {
 width: 70%;
}
 .hero-layout .slide-count {
 margin-top: 60px;
 position: relative;
 display: inline-block;
 left: 50%;
 transform: translateX(-50%);
}
 .hero-layout .slide-count::before {
 height: 4px;
 width: 90%;
}
 .hero-layout .slide-count .tab-btn {
 display: inline-block;
 margin-bottom: 0;
 margin-right: 20px;
}
 .hero-layout .slide-count .tab-btn:last-child {
 margin-right: 0;
}
 .hero-layout .hero-mask {
 padding-bottom: 0px;
}
 .hero-layout .hero-bottom {
 margin-top: 70px;
}
 .hero-layout2 .icon-btn {
 left: 50%;
 top: unset;
 bottom: 150px;
 transform: translateX(-50%) rotate(-90deg);
}
 .hero-layout2 .icon-btn:first-child {
 left: 45%;
}
 .hero-layout2 .icon-btn:last-child {
 left: 55%;
 top: unset;
}
 .hero-layout1 .icon-btn:first-child {
 left: 2%;
}
 .hero-layout1 .icon-btn:last-child {
 right: 2%;
}
}
/* Large devices */
@media (max-width: 1199px) {
 .hero-title {
 font-size: 46px;
}
 .hero-text {
 font-size: 16px;
}
 .hero-subtitle {
 font-size: 20px;
}
 .hero-content {
 text-align: center;
}
 .hero-layout2 .hero-content {
 text-align: start;
}
 .hero-layout2 .hero-mask {
 padding-bottom: 170px;
}
 .hero-layout .hero-img .img2 {
 right: -5%;
}
 .hero-layout .slide-count {
 margin-top: 60px;
 position: relative;
 display: inline-block;
 left: 50%;
 transform: translateX(-50%);
}
 .hero-layout .slide-count::before {
 height: 4px;
 width: 90%;
}
 .hero-layout .slide-count .tab-btn {
 display: inline-block;
 margin-bottom: 0;
 margin-right: 20px;
}
 .hero-layout .slide-count .tab-btn:last-child {
 margin-right: 0;
}
 .hero-layout .hero-bottom {
 margin-top: 50px;
}
 .hero-form2 {
 margin-top: 30px;
 max-width: 100%;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .hero-title {
 font-size: 42px;
}
 .hero-text {
 max-width: 100%;
}
 .hero-layout .hero-img {
 margin-top: 30px;
}
 .hero-layout .hero-img .img1 {
 width: 60%;
}
 .hero-layout .hero-img .img2 {
 width: 50%;
 top: 50%;
 right: 0;
}
 .hero-layout .hero-bottom {
 margin-bottom: 0;
}
 .hero-layout .hero-form {
 padding: 20px 15px;
}
 .hero-layout2 .hero-img {
 text-align: center;
}
 .hero-layout2 .icon-btn {
 bottom: 225px;
}
 .hero-layout1 .hero-mask {
 padding-top: 150px;
 padding-bottom: 150px;
}
 .hero-layout1 .icon-btn {
 top: unset;
 bottom: 40px;
 transform: translateY(unset);
}
 .hero-layout1 .icon-btn:first-child {
 left: 45%;
 transform: translateX(-50%);
}
 .hero-layout1 .icon-btn:last-child {
 right: unset;
 left: 55%;
 transform: translateX(-50%);
}
}
/* Small devices */
@media (max-width: 767px) {
 .hero-subtitle {
 font-size: 16px;
}
 .hero-title {
 font-size: 32px;
}
 .hero-layout .hero-mask {
 padding-top: 60px;
 padding-bottom: 60px;
}
 .hero-layout .hero-img img {
 border: 5px solid var(--white-color);
}
 .hero-layout .slide-count .tab-btn {
 width: 40px;
 height: 40px;
 font-size: 16px;
}
 .hero-layout1 {
 margin-top: 0;
}
 .hero-layout1 .hero-mask {
 padding-top: 80px;
 padding-bottom: 150px;
}
 .hero-layout1 .hero-form2 {
 margin-top: 30px;
 padding: 20px 15px;
}
 .hero-layout1 .icon-btn:first-child {
 left: 45%;
}
 .hero-layout1 .icon-btn:last-child {
 left: 55%;
}
 .hero-layout2 .icon-btn:first-child {
 left: 40%;
}
 .hero-layout2 .icon-btn:last-child {
 left: 55%;
}
}
/* Extra small devices */
@media (max-width: 575px) {
 .hero-layout2 .icon-btn {
 bottom: 350px;
}
 .hero-layout2 .icon-btn:first-child {
 left: 36%;
}
 .hero-layout2 .icon-btn:last-child {
 left: 60%;
}
 .hero-layout1 .icon-btn:first-child {
 left: 36%;
}
 .hero-layout1 .icon-btn:last-child {
 left: 60%;
}
}
/*------------------- 4.7. Simple Sections  -------------------*/
.social-box {
	padding: 80px 100px;
	position: relative;
	z-index: 1;
}
.social-box:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 9999px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.07);
	z-index: -1;
}
.social-box__title {
	color: var(--white-color);
	margin: -0.2em 0 10px 0;
	font-size: 34px;
}
.social-box a, .info-social a {
	display: inline-block;
	color: #166aa8;
	width: 50px;
	height: 50px;
	line-height: 52px;
	text-align: center;
	border: 1px solid var(--border-color);
	font-size: 18px;
	margin-right: 5px;
	border-radius: 50%;
}
.social-box a:last-child, .info-social a:last-child {
	margin-right: 0;
}
.social-box a:hover, .info-social a:hover {
	background-color: #166aa8;
	color: var(--white-color);
	border-color: transparent;
}
.award-wrap-title {
	background-color: #166aa8;
	color: var(--white-color);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 18px;
	line-height: 1;
	margin: 0 auto -40px auto;
	max-width: 850px;
	text-align: center;
	padding: 31px 30px;
	position: relative;
	z-index: 1;
}
.award-wrap1 {
	background-color: #F7F7F7;
	padding: 90px 50px 20px 50px;
	margin-bottom: 60px;
}
.award-wrap1:last-child {
	margin-bottom: 30px;
}
.award-style1 {
	background-color: var(--white-color);
	text-align: center;
	padding: 30px;
	margin-bottom: 30px;
}
.award-style1 .award-img {
	min-height: 175px;
	line-height: 175px;
	text-align: center;
	margin-bottom: 20px;
}
.award-style1 .award-img img {
	max-width: 100%;
	max-height: 100%;
}
.award-style1 .award-title {
	margin-bottom: 10px;
}
.award-style1 .award-text {
	max-width: 250px;
	margin: 0 auto;
}

/* Medium Large devices */
@media (max-width: 1399px) {
 .social-box {
 padding: 60px 50px;
}
}
/* Large devices */
@media (max-width: 1199px) {
 .social-box {
 padding: 40px 40px;
}
 .social-box__title {
 font-size: 26px;
}
 .award-wrap1 {
 padding: 80px 20px 10px 20px;
}
 .award-wrap-title {
 max-width: 740px;
}
 .award-style1 {
 padding: 30px 20px 30px 20px;
}
 .award-style1 .award-text {
 font-size: 14px;
}
 .award-style1 .award-img {
 min-height: 100px;
 line-height: 100px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .social-box::before {
 width: 100%;
}
 .award-wrap-title {
 max-width: 520px;
 padding: 21px 20px;
 margin-bottom: -30px;
}
 .award-wrap1 {
 padding: 70px 20px 10px 20px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .social-box {
 padding: 40px 20px;
}
 .info-social a,  .social-box a {
 width: 50px;
 height: 50px;
 line-height: 52px;
 font-size: 16px;
}
}
/*------------------- 4.8. Error  -------------------*/
.error-content {
	max-width: 744px;
	margin-left: auto;
	margin-right: auto;
}
.error-img {
	margin-top: 60px;
}
.error-title {
	font-size: 48px;
	line-height: 1;
	margin: 0 0 18px 0;
}
.error-text {
	margin: 0 0 30px 0;
	max-width: 596px;
	margin-left: auto;
	margin-right: auto;
}
.vs-error-wrapper {
	background-color: #fafafa;
	padding: calc(var(--section-space) + 54px) 0 var(--section-space) 0;
}

/* Large devices */
@media (max-width: 1199px) {
 .vs-error-wrapper {
 padding: var(--section-space) 0 var(--section-space) 0;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .error-title {
 font-size: 48px;
}
 .vs-error-wrapper {
 padding: var(--section-space-mobile) 0 var(--section-space-mobile) 0;
}
}
/* Small devices */
@media (max-width: 767px) {
 .error-title {
 font-size: 36px;
}
 .text-theme {
 font-size: 20px;
}
 .search-inline input {
 padding-left: 30px;
}
}
/*------------------- 4.9. Packages  -------------------*/
.package-review i {
	color: var(--theme-color2);
	font-size: 14px;
}
.package-meta a {
	margin-right: 10px;
	position: relative;
}
.package-meta a i {
	margin-right: 4px;
}
.package-meta a::before {
 content: "";
 width: 1px;
 height: 70%;
 opacity: 0.7;
 background-color: var(--body-color);
 position: absolute;
 top: 50%;
 right: -8px;
 transform: translateY(-50%);
}
.package-meta a:last-child {
	margin-right: 0;
}
.package-meta a:last-child::before {
 display: none;
}
.package-price {
	font-size: 20px;
	font-weight: 600;
	transition: 0.5s;
}
.package-style1 {
	background-color: var(--white-color);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.package-style1 .package-img {
	overflow: hidden;
}
.package-style1 .package-img img {
	transition: 0.5s;
}
.package-style1 .package-content {
	padding: 25px 30px 30px;
}
.package-style1 .package-title {
	font-size: 20px;
	font-weight: 600;
	margin: 3px 0;
}
.package-style1 .package-title a {
	color: var(--body-color);
}
.package-style1 .package-title a:hover {
	color: #166aa8;
}
.package-style1 .package-text {
	margin-bottom: 10px;
}
.package-style1 .package-meta {
	border-top: 1px solid var(--border-color);
	padding-top: 12px;
}
.package-style1 .package-footer {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}
.package-style1 .vs-btn {
	padding: 10px 15px;
	font-size: 14px;
}
.package-style1:hover {
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
}
.package-style1:hover .package-img img {
	transform: scale(1.1);
}
.package-style1:hover .package-price {
	color: #166aa8;
}
.package-review2 i {
	color: #166aa8;
}
/*------------------- 4.10. Cities  -------------------*/
.gallery-image {
	border-radius: 10px;
	margin-bottom: 30px;
}
.gallery-video {
	position: relative;
	margin-bottom: 30px;
}
.gallery-video img {
	border-radius: 10px;
}
.gallery-video .gallery-btn {
	padding: 10px 20px;
	border-radius: 35px;
	box-shadow: 0px 0px 15px 0px rgba(255, 104, 26, 0.15);
	background-color: var(--white-color);
	position: absolute;
	top: 10%;
	left: -55px;
}
.gallery-video .gallery-btn span {
	font-size: 20px;
	font-weight: 600;
}
.gallery-video .gallery-btn .play-btn {
	margin-left: 20px;
}
.gallery-video .gallery-btn .play-btn::before, .gallery-video .gallery-btn .play-btn::after {
 background-color: var(--border-color);
}
.gallery-video .gallery-btn .play-btn > i {
	background-color: #166aa8;
	color: var(--white-color);
	width: var(--icon-size, 50px);
	height: var(--icon-size, 50px);
	line-height: var(--icon-size, 50px);
	font-size: var(--icon-font-size, 1em);
}
.gallery-video .gallery-btn .play-btn:hover::before, .gallery-video .gallery-btn .play-btn:hover::after {
 background-color: var(--theme-color2);
}
.gallery-video .gallery-btn .play-btn:hover > i {
	background-color: var(--theme-color2);
}
.gallery-style1 .title-area {
	max-width: 500px;
	margin-left: 0;
}
.gallery-style-2 {
	max-width: 1012px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
}
.gallery-style-2 .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.gallery-style-2 .play-btn > i {
	color: var(--white-color);
	width: var(--icon-size, 110px);
	height: var(--icon-size, 110px);
	line-height: var(--icon-size, 110px);
	background-color: rgba(255, 104, 26, 0.8);
}
.gallery-style-2 .play-btn:after, .gallery-style-2 .play-btn:before {
	background-color: rgba(255, 104, 26, 0.8);
}
.gallery-style-2 .play-btn:hover > i {
	background-color: rgba(55, 212, 217, 0.8);
}
.gallery-style-2 .play-btn:hover:after, .gallery-style-2 .play-btn:hover:before {
	background-color: rgba(55, 212, 217, 0.8);
}
.gallery2 {
	position: relative;
}
.gallery2 .shadow-color {
	bottom: 0;
}
.shadow-color {
	width: 100%;
	height: 30%;
	background-color: var(--white-color);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.gallery3 {
	position: relative;
}
.gallery3::after {
 content: "";
 width: 100%;
 height: 30%;
 background-color: var(--white-color);
 position: absolute;
 bottom: 0;
 left: 0;
 z-index: 0;
}
.gallery3 .sec-subtitle {
	color: var(--theme-color2);
}
.gallery3 .sec-title, .gallery3 .sec-text {
	color: var(--white-color);
}
.gallery-style4 .gallery-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.gallery-style4 .title-area {
	margin-bottom: 30px;
}
.gallery-style4 .vs-btn {
	margin-top: 30px;
}
.gallery-style4 .gallery-text {
 --theme-color: #37d4d9;
	max-width: 595px;
	width: 100%;
	background-color: var(--white-color);
	padding: 60px 60px;
	border-radius: 10px;
	position: relative;
	z-index: 2;
}
.gallery-style4 .gallery-img {
	margin-left: -300px;
	margin-right: -100px;
	border-radius: 10px;
	overflow: hidden;
	position: relative;
}
.gallery-style4 .gallery-img img {
	transition: 0.5s ease-in-out;
}
.gallery-style4 .gallery-img:hover img {
	transform: scale(1.1);
}
.gallery-style4 .play-btn {
	position: absolute;
	top: 50%;
	right: 36%;
	transform: translateY(-50%);
}
.gallery-style4 .play-btn > i {
	color: var(--white-color);
	width: var(--icon-size, 110px);
	height: var(--icon-size, 110px);
	line-height: var(--icon-size, 110px);
}
.gallery-style4 .vs-btn.style3 {
 --theme-color: #FF681A;
}
.gallery-img5 {
	position: relative;
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
}
.gallery-img5 .gallery-content {
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	position: absolute;
	top: 20px;
	right: 20px;
	bottom: 20px;
	left: 20px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transform: rotateY(90deg);
	transform-origin: left top;
	transition: 0.5s ease-in-out;
}
.gallery-img5 .gallery-content i {
	font-size: 24px;
	color: var(--body-color);
	transition: 0.5s ease-in-out;
}
.gallery-img5 .gallery-content i:hover {
	color: #166aa8;
}
.gallery-img5 img {
	transition: 0.5s ease-in-out;
}
.gallery-img5:hover img {
	transform: scale(1.1);
}
.gallery-img5:hover .gallery-content {
	transform: rotateY(0deg);
}
.gallery-mesonary .gallery-img5 {
	margin-bottom: 0;
}

/* Extra large devices */
@media (max-width: 1500px) {
 .gallery-style4 .gallery-img {
 margin-right: 0;
}
 .gallery-style4 .play-btn {
 right: 25%;
}
}
/* Large devices */
@media (max-width: 1199px) {
 .gallery-video .gallery-btn {
 left: 0;
 border-radius: 0px 35px 35px 0;
}
 .gallery-style4 .gallery-text {
 padding: 40px;
 max-width: 460px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .gallery-style4 .gallery-content {
 display: block;
}
 .gallery-style4 .gallery-img {
 margin-left: 0;
 margin-top: 30px;
}
 .gallery-style4 .gallery-text {
 padding: 60px 30px;
 max-width: 100%;
 text-align: center;
}
 .gallery-style4 .play-btn {
 left: 50%;
 right: unset;
 transform: translate(-50%, -50%);
}
 .gallery-style4 .play-btn > i {
 width: 120px;
 height: 120px;
 line-height: 120px;
 font-size: 40px;
}
 .gallery-style1 .title-area {
 max-width: 100%;
}
}
/* Small devices */
@media (max-width: 767px) {
 .gallery-style4 .play-btn {
 left: 50%;
 right: unset;
 transform: translate(-50%, -50%);
}
 .gallery-style4 .play-btn > i {
 width: 80px;
 height: 80px;
 line-height: 80px;
 font-size: 24px;
}
 .gallery-style4 .gallery-text {
 padding: 30px 15px;
}
}
/*------------------- 4.11. Features  -------------------*/
.features-style1 {
	overflow: hidden;
	text-align: center;
	position: relative;
	border-radius: 10px;
	margin-bottom: 30px;
	padding: 30px 30px 10px;
	transition: 0.5s ease-in-out;
	border: 1px solid var(--border-color);
	background-color: #166aa8;
}
.features-style1 .features-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.features-style1 .features-image {
	position: relative;
	z-index: 1;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	transition: 0.5s ease-in-out;
	background-color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
}
.features-style1 .features-image img {
	width: 40px;
}
.features-style1 .features-image::before, .features-style1 .features-image::after {
 content: "";
 width: 20px;
 height: 20px;
 border-radius: 50%;
 transition: 0.5s ease-in-out;
 background-color: var(--theme-color2);
 position: absolute;
}
.features-style1 .features-image::before {
 left: 10px;
 top: 0;
}
.features-style1 .features-image::after {
 right: 10px;
 bottom: 0;
}
.features-style1 .features-content {
	z-index: 1;
}
.features-style1 .features-title, .features-style1 .features-text {
	color: var(--white-color);
}
.features-style1 .features-title {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 8px;
	transition: 0.5s ease-in-out;
}
.features-style1 .features-text {
	transition: 0.5s ease-in-out;
}
.features-style1:hover {
	border-color: var(--theme-color2);
	background-color: var(--theme-color2);
}
.features-style1:hover .features-image {
	background-color: var(--white-color);
}
.features-style1:hover .features-image::before, .features-style1:hover .features-image::after {
 background-color: #166aa8;
}
.features-style2 {
	padding: 30px 30px 10px;
	margin-bottom: 30px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid var(--border-color);
	text-align: center;
	transition: 0.5s ease-in;
	background-color: #166aa8;
}
.features-style2 .features-image {
	position: relative;
	z-index: 1;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	transition: 0.5s ease-in-out;
	background-color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 25px;
}
.features-style2 .features-image img {
	width: 40px;
	transition: 0.5s ease-in-out;
}
.features-style2 .features-content {
	z-index: 1;
}
.features-style2 .features-title, .features-style2 .features-text {
	color: var(--white-color);
	transition: 0.5s ease-in-out;
}
.features-style2 .features-title {
	font-size: 20px;
	font-weight: 600;
}
.features-style2:hover {
	background-color: var(--theme-color2);
}
.features-style2:hover .features-image {
	background-color: var(--white-color);
}
.features-style2:hover .features-image img {
	transform: rotateY(180deg) scale(1.2);
}
.features-style2:hover .features-title, .features-style2:hover p {
	color: var(--white-color);
}

/* Small devices */
@media (max-width: 767px) {
 .features-style1,  .features-style2 {
 padding-left: 16px;
 padding-right: 16px;
}
}
/*------------------- 4.12. Offers  -------------------*/
.offer-style1 {
	overflow: hidden;
}
.img-1-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 320px;
}
.img-box2 {
	width: 440px;
	height: 440px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background-color: rgba(255, 255, 255, 0.8);
}
.img-box2::before {
 content: "";
 width: 77%;
 height: 77%;
 border-radius: 50%;
 background-color: var(--white-color);
 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%, -50%);
 z-index: 0;
}
.img-box2 .img1 {
	width: 240px;
	height: 240px;
	padding: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #166aa8;
	position: relative;
	z-index: 2;
}
.img-box2 .spinner-style1 {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	animation: spin 20s linear infinite;
}
.img-box2 .spinner-style1::before, .img-box2 .spinner-style1::after {
 content: "";
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background-color: var(--theme-color2);
 position: absolute;
}
.img-box2 .spinner-style1::before {
 left: 0;
 top: 24%;
}
.img-box2 .spinner-style1::after {
 right: 0;
 bottom: 24%;
}
.img-box2 .img-1-2 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 320px;
}

/* Extra large devices */
@media (max-width: 1500px) {
 .img-1-2 {
 display: none;
}
 .img-box2 {
 width: 400px;
 height: 400px;
}
}
/* Large devices */
@media (max-width: 1199px) {
 .img-box2 {
 width: 360px;
 height: 360px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .img-box2 {
 width: 300px;
 height: 300px;
}
 .img-box2::before {
 width: 75%;
 height: 75%;
}
 .img-box2 .img1 {
 width: 150px;
 height: 150px;
 padding: 25px;
}
 .img-box2 .spinner-style1::before, .img-box2 .spinner-style1::after {
 width: 25px;
 height: 25px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .img-box2 {
 width: 200px;
 height: 200px;
 margin-left: auto;
 margin-right: auto;
}
 .img-box2::before {
 width: 75%;
 height: 75%;
}
 .img-box2 .img1 {
 width: 100px;
 height: 100px;
 padding: 15px;
}
 .img-box2 .spinner-style1::before, .img-box2 .spinner-style1::after {
 width: 25px;
 height: 25px;
}
}
@keyframes spin {
 100% {
 transform: rotate(360deg);
}
}
/*------------------- 4.12. Testimonials  -------------------*/
.testimonial-style1 .title-area .vs-btn {
	margin-top: 10px;
}
.testimonial-style1 .sec-subtitle {
	color: var(--theme-color2);
}
.testimonial-style1 .sec-title, .testimonial-style1 .sec-text {
	color: var(--white-color);
}
.testimonial-slider2 {
	max-width: 908px;
}
.testimonial-style2 .sec-subtitle {
	color: var(--theme-color2);
}
.testimonial-style2 .sec-title {
	color: var(--white-color);
}
.testi-style2 {
	text-align: center;
}
.testi-style2 .testi-body {
	background-color: var(--white-color);
	padding: 24px 30px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.testi-style2 .testi-rating i {
	color: var(--theme-color2);
}
.testi-style2 .testi-degi {
	font-size: 14px;
	color: var(--white-color);
}
.testi-style2 .testi-name {
	color: var(--white-color);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 2px;
}
.testi-style2 .testi-avater {
	margin-top: 12px;
}
.testi-style2 .testi-avater img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.testi-style1 {
	text-align: center;
	width: 605px;
	height: 605px;
	padding: 0 100px;
	margin: 10px auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-self: center;
	position: relative;
}
.testi-style1 .testi-shape {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	outline-offset: 15px;
	outline: 1px solid #166aa8;
	background-color: #166aa8;
	border-radius: 40% 40% 40% 40%/40% 40% 40% 40%;
	transform: rotate(45deg) scale(0.91);
}
.testi-style1 .testi-shape img {
	transform: translate(-50%, -50%) rotate(-45deg);
	position: absolute;
	left: 50%;
	top: 50%;
}
.testi-style1 .vs-carousel {
	position: relative;
	z-index: 1;
}
.testi-style1 .testi-quote {
	margin: 0 auto 24px;
}
.testi-style1 .testi-rating {
	margin-bottom: 24px;
}
.testi-style1 .testi-rating i {
	color: var(--white-color);
}
.testi-style1 .testi-text {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 30px;
	color: var(--white-color);
}
.testi-style1 .testi-avater {
	margin-bottom: 15px;
}
.testi-style1 .testi-avater img {
	width: 100px;
	height: 100px;
	border-radius: 10px;
}
.testi-style1 .testi-name {
	font-size: 24px;
	font-weight: 600;
	color: var(--white-color);
	margin-bottom: 5px;
}
.testi-style1 .testi-degi {
	font-size: 14px;
	color: var(--white-color);
}
.testi-style1 .testi-avaters img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
.testi-style1 .testi-avaters .tab-btn {
	position: absolute;
	padding: 0;
	display: inline-block;
	background-color: #166aa8;
	max-width: 100px;
	max-height: 100px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	border: 5px solid #166aa8;
}
.testi-style1 .testi-avaters .tab-btn:nth-child(1) {
 top: 10%;
 left: 5%;
}
.testi-style1 .testi-avaters .tab-btn:nth-child(2) {
 top: 10%;
 right: 5%;
}
.testi-style1 .testi-avaters .tab-btn:nth-child(3) {
 bottom: 10%;
 right: 5%;
}
.testi-style1 .testi-avaters .tab-btn:nth-child(4) {
 bottom: 10%;
 left: 5%;
}
.testi-style1 .testi-avaters .tab-btn:hover {
	background-color: var(--theme-color2);
	border-color: var(--theme-color2);
}
.testi-style1 .testi-avaters .active {
	border-color: var(--theme-color2);
	background-color: var(--theme-color2);
}

/* Large devices */
@media (max-width: 1199px) {
 .testi-style1 {
 width: 600px;
 height: 600px;
}
}
@media (max-width: 1500px) {
 .testi-style1 {
 width: 480px;
 height: 480px;
 padding-left: 50px;
 padding-right: 50px;
}
 .testi-style1 .testi-avater img {
 width: 80px;
 height: 80px;
}
 .testi-style1 .testi-text {
 font-size: 18px;
}
 .testi-style1 .testi-quote {
 width: 50px;
 margin: 0 auto 20px;
}
 .testi-style1 .testi-avaters .tab-btn {
 width: 80px;
 height: 80px;
}
 .testi-style1 .testi-avaters .tab-btn img {
 width: 80px;
 height: 80px;
}
}
@media (max-width: 1399px) {
 .testi-style1 .testi-avater .tab-btn {
 max-width: 90px;
 max-height: 90px;
}
 .testi-style1 .testi-text {
 margin-bottom: 20px;
}
 .testi-style1 .testi-rating {
 margin-bottom: 15px;
}
 .testi-style1 .testi-avater .tab-btn:nth-child(3) {
 top: 0.5%;
 right: 14%;
}
 .testi-style1 .testi-avater .tab-btn:nth-child(5) {
 top: 30%;
 right: -7%;
}
 .testi-style1 .testi-text {
 font-size: 18px;
}
 .testi-style1 .testi-name {
 font-size: 20px;
}
 .testi-style1 .testi-degi {
 margin: 0 0 10px 0;
}
 .testi-style1 .testi-shape:after,  .testi-style1 .testi-shape::before {
 display: none;
}
}
@media (max-width: 1199px) {
 .testi-style2 .testi-text {
 font-size: 20px;
 line-height: 30px;
 margin: 0 0 20px 0;
}
 .testi-style2 .testi-name {
 font-size: 22px;
 margin: 0 0 4px 0;
}
 .testi-style2 .testi-degi {
 letter-spacing: 0;
 font-size: 14px;
}
}
@media (max-width: 991px) {
 .testi-style1 .testi-shape {
 width: 95%;
 height: 95%;
}
}
@media (max-width: 767px) {
 .testi-style1 {
 width: 100%;
 height: 100%;
 border-radius: 15px;
 background-color: #166aa8;
 padding: 40px 15px 40px 15px;
}
 .testi-style1 .testi-shape {
 display: none;
}
 .testi-style1 .testi-quote {
 margin: 0 auto 15px;
}
 .testi-style1 .testi-quote img {
 max-width: 50px;
}
 .testi-style1 .testi-text {
 font-size: 16px;
 line-height: 29px;
}
 .testi-style1 .testi-author {
 font-size: 22px;
}
 .testi-style1 .testi-avaters {
 max-width: 50px;
 max-height: 50px;
}
 .testi-style1 .testi-avaters img {
 width: 50px;
 height: 50px;
}
 .testi-style1 .testi-avaters .tab-btn:nth-child(1) {
 top: 5%;
}
 .testi-style1 .testi-avaters .tab-btn:nth-child(2) {
 top: 5%;
 right: 2%;
}
 .testi-style1 .testi-avaters .tab-btn:nth-child(3) {
 bottom: 13%;
 right: 2%;
}
 .testi-style1 .testi-avaters .tab-btn:nth-child(4) {
 bottom: 13%;
 left: 2%;
}
}
/*------------------- 4.13. Destinations  -------------------*/
.destination-style1 {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 30px;
}
.destination-style1 img {
	transition: 0.5s ease-in-out;
}
.destination-style1 .destination-price {
	font-size: 30px;
	font-weight: 700;
	padding: 15px 30px 15px;
	border-radius: 0 0 10px 10px;
	background-color: var(--white-color);
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: 0.5s ease-in-out;
}
.destination-style1 .destination-info {
	transition: 0.5s ease-in-out;
	background-color: rgba(28, 28, 28, 0.8);
	padding: 5px 30px 0px 10px;
	max-width: 297px;
	width: 100%;
	border-radius: 0 10px 10px 0px;
	position: absolute;
	left: 0;
	bottom: 30px;
}
.destination-style1 .destination-name {
	margin-bottom: 5px;
}
.destination-style1 .destination-name a {
	color: var(--white-color);
}
.destination-style1 .destination-text {
	color: var(--white-color);
}
.destination-style1:hover img {
	transform: scale(1.1);
}
.destination-style1:hover .destination-price {
	background-color: #166aa8;
	color: var(--white-color);
}
.destination-style1:hover .destination-info {
	background-color: #166aa8;
}
.destination-details .ds-title:first-child {
	margin-bottom: 33px;
	margin-top: -10px;
}
.destination-details .ds-img1 {
	border-radius: 10px;
	overflow: hidden;
}
.destination-details .img-2 {
	border-radius: 10px;
	overflow: hidden;
}
.destination-details .ds-text {
	margin-top: 15px;
}
.destination-details .vs-comment-form {
	margin-top: 30px;
}
.destinations-info {
	margin: 60px 0 50px;
	border-radius: 10px;
	background-color: var(--smoke-color);
	padding: 20px 40px 30px;
}
.destination-list {
	margin: 0;
	padding: 0;
}
.destination-list li {
	list-style: none;
	padding-top: 10px;
	padding-left: 280px;
	position: relative;
}
.destination-list li span {
	font-size: 16px;
	font-weight: 400;
	font-family: var(--body-font);
}
.destination-list li span:first-child {
	color: var(--title-color);
	font-weight: 600;
	position: absolute;
	left: 0;
}

/* Large devices */
@media (max-width: 1199px) {
 .destination-style1 .destination-info {
 max-width: 250px;
 padding: 20px 20px 5px;
}
 .destination-style1 .destination-price {
 padding: 10px 24px;
 font-size: 24px;
}
 .destination-list li {
 padding-left: 200px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .destination-style1 .destination-info {
 max-width: 220px;
 padding: 15px 15px 0px;
}
 .destination-style1 .destination-price {
 padding: 10px 24px;
 font-size: 24px;
}
 .destinations-info {
 padding: 20px 15px;
}
 .destination-list li {
 padding-left: unset;
}
 .destination-list li span:first-child {
 position: unset;
 display: block;
 margin-right: 10px;
}
}
/*------------------- 4.13. Destinations  -------------------*/
.about-list1 {
	margin: 0;
	padding: 0;
	display: grid;
	list-style: none;
}
.about-list1 li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
	margin-right: 15px;
}
.about-list1 li::before {
 content: "";
 width: 6px;
 height: 6px;
 outline: 5px solid var(--border-color);
 background-color: #166aa8;
 border-radius: 50%;
 position: absolute;
 left: 5px;
 top: 10px;
}
.about-content .title-area {
	margin: 0;
}
.about-content .vs-btn {
	margin-top: 30px;
}
.img-box3 {
	position: relative;
	padding: 0px 10px;
}
.img-box3 .img1 {
	border-radius: 10px;
}
.img-box3 .bottom-img {
	margin-top: -64px;
	display: flex;
	align-items: baseline;
}
.img-box3 .img2 {
	max-width: 280px;
	margin-top: 30px;
	border-radius: 10px;
}
.img-box3 .img3 {
	max-width: 210px;
	border-radius: 10px;
	border: 15px solid var(--theme-color2);
	margin-left: 30px;
}
.image-box1 {
	margin: 40px 0;
	position: relative;
}
.image-box1 .img1 {
	border-radius: 25% 0 25% 0;
}
.image-box1 .img2 {
	width: 280px;
	height: 280px;
	border-radius: 50%;
	background-color: var(--white-color);
	padding: 40px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	z-index: 1;
}
.image-box1 .media-box1, .image-box1 .media-box2 {
	width: 260px;
	border-radius: 10px;
	outline: 15px solid var(--white-color);
	background-color: #166aa8;
	padding: 45px 40px 45px;
	position: absolute;
	right: 0;
	top: -55px;
	z-index: 0;
}
.image-box1 .media-box1 .media-info, .image-box1 .media-box2 .media-info {
	font-size: 36px;
	font-weight: 700;
	color: var(--white-color);
	font-family: var(--body-font);
	margin-bottom: 5px;
}
.image-box1 .media-box1 .media-text, .image-box1 .media-box2 .media-text {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	color: var(--white-color);
}
.image-box1 .media-box1 {
	background-color: #166aa8;
	bottom: unset;
	right: -5px;
	top: -55px;
}
.image-box1 .media-box2 {
	background-color: var(--theme-color2);
	bottom: -55px;
	top: unset;
	right: 125px;
}

/* Large devices */
@media (max-width: 1199px) {
 .about-list1 {
 grid-template-columns: 1fr 1fr;
}
 .img-box3 {
 margin-top: 30px;
 padding: 0;
}
 .img-box3 .bottom-img {
 display: block;
 margin-top: 0;
}
 .img-box3 .img3 {
 margin-top: 20px;
 margin-left: 15px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .about-list1 {
 grid-template-columns: 1fr 1fr;
}
 .img-box3 {
 margin-top: 30px;
}
 .img-box3 .bottom-img {
 display: block;
 margin-top: 0;
}
 .img-box3 .img2,  .img-box3 .img3 {
 margin-top: 30px;
 margin-left: auto;
 margin-right: auto;
 max-width: 100%;
}
 .img-box3 .img3 {
 margin-left: 25px;
}
}
/* Small devices */
@media (max-width: 767px) {
 .about-list1 {
 grid-template-columns: 1fr;
}
 .image-box1 {
 display: flex;
 flex-wrap: wrap;
 margin-top: 0;
 margin-bottom: 30px;
}
 .image-box1 .img2 {
 width: 150px;
 height: 150px;
 padding: 10px;
 top: 0;
 transform: translate(0);
}
 .image-box1 .media-box1, .image-box1 .media-box2 {
 width: 45%;
 padding: 15px;
 height: fit-content;
 border: none;
 text-align: center;
 margin-top: 20px;
}
 .image-box1 .media-box1 .media-info, .image-box1 .media-box2 .media-info {
 font-size: 20px;
}
 .image-box1 .media-box1 .media-text, .image-box1 .media-box2 .media-text {
 font-size: 15px;
}
 .image-box1 .media-box1 {
 position: relative;
 top: unset;
 right: unset;
 border: none;
}
 .image-box1 .media-box2 {
 position: relative;
 bottom: 0;
 right: 0;
 margin-left: 20px;
}
 .img-box3 .img3 {
 margin-left: auto;
}
}
/*------------------- 4.14. Destinations  -------------------*/
.history-steped {
	position: relative;
	padding-right: 100px;
}
.history-steped::before, .history-steped::after {
 content: "";
 position: absolute;
 right: -5px;
 top: 60px;
 transform: translateY(-50%);
 z-index: 1;
}
.history-steped::before {
 width: 105px;
 height: 2px;
 background-color: var(--border-color);
}
.history-steped::after {
 width: 10px;
 height: 10px;
 outline: 5px solid var(--border-color);
 border-radius: 50%;
 background-color: #166aa8;
}
.history-steped .divider {
	height: 100%;
	width: 2px;
	background-color: var(--border-color);
	position: absolute;
	right: -1px;
	top: 30%;
	transform: translateY(-50%);
}
.history-steped .divider::before {
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background-color: var(--border-color);
 position: absolute;
 left: 50%;
 top: 0;
 transform: translateX(-50%);
}
.history-steped:first-child .divider::before {
 content: "";
 top: 0;
}
.history-steped:last-child .divider::before {
 content: "";
 bottom: 0;
 top: unset;
}
.history-steped:nth-child(even) {
 margin-top: 80px;
 padding-left: 100px;
 padding-right: unset;
}
.history-steped:nth-child(even)::before, .history-steped:nth-child(even)::after {
 right: unset;
 left: -5px;
}
.history-steped:nth-child(even) .divider {
 top: 80%;
 left: -1px;
 right: unset;
}
.vs-history {
 --body-color: #8B919C;
	padding: 30px 40px 20px;
	position: relative;
	border: 2px solid var(--border-color);
	border-radius: 10px;
	background-color: var(--white-color);
}
.vs-history .history-date {
	font-size: 24px;
	font-weight: 600;
	font-family: var(--body-font);
	margin-bottom: 0;
	position: relative;
	padding-left: 30px;
	color: var(--body-color);
}
.vs-history .history-date::before, .vs-history .history-date::after {
 content: "";
 position: absolute;
 right: 100%;
 top: 50%;
 transform: translateY(-50%);
}
.vs-history .history-date::before {
 width: 120px;
 height: 2px;
 background-color: var(--border-color);
}
.vs-history .history-date::after {
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background-color: #166aa8;
}
.vs-history .history-title {
	margin-bottom: 0;
}
.vs-history .header-area {
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Large devices */
@media (max-width: 1199px) {
 .vs-history .history-date {
 padding-left: 15px;
}
 .vs-history .history-date::before {
 width: 80px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .history-steped {
 padding-right: 50px;
}
 .history-steped:nth-child(even) {
 padding-left: 50px;
 margin-top: 50px;
}
 .history-steped::before {
 width: 55px;
}
 .vs-history {
 padding: 25px 30px 15px;
}
 .vs-history .history-date::before, .vs-history .history-date::after {
 display: none;
}
}
/* Small devices */
@media (max-width: 767px) {
 .history-steped {
 margin-top: 30px;
 padding: 0 15px;
}
 .history-steped:first-child {
 margin-top: 0;
}
 .history-steped:nth-child(even) {
 padding: 0 15px;
 margin-top: 30px;
}
 .history-steped::before, .history-steped::after {
 display: none;
}
 .history-steped .divider {
 display: none;
}
 .vs-history {
 padding: 20px 20px 10px;
}
 .vs-history .history-date::before, .vs-history .history-date::after {
 display: none;
}
}
/*------------------- 4.15. Destinations  -------------------*/
.filter-menu1 {
	background-color: var(--smoke-color);
	margin-bottom: 40px;
}
.filter-menu1 .tab-button {
	padding: 15px 20px;
	display: inline-block;
	border: none;
	margin: 0;
	color: var(--body-color);
	background-color: var(--smoke-color);
}
.filter-menu1 .tab-button i {
	margin-right: 4px;
}
.filter-menu1 .tab-button:hover {
	color: #166aa8;
}
.filter-menu1 .active {
	background-color: var(--white-color);
	color: #166aa8;
}
.filter-active1 {
	padding-left: 40px;
	padding-right: 40px;
}
.filter-active1 .package-style1 {
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
	background-color: var(--white-color);
}

/* Large devices */
@media (max-width: 1199px) {
 .filter-menu1 .tab-button {
 padding-left: 24px;
 padding-right: 24px;
}
}
/* Medium devices */
@media (max-width: 991px) {
 .filter-menu1 {
 margin-bottom: 20px;
}
 .filter-menu1 .tab-button {
 font-size: 14px;
 padding: 10px 12px;
}
}
/*------------------- 4.16. Tour Bookings  -------------------*/
.tour-review ul {
	margin: 0;
	padding: 0;
}
.tour-review ul li {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	font-family: var(--body-font);
}
.tour-review ul li i {
	color: #166aa8;
}
.tab-content1 .info-image {
	margin-bottom: 36px;
}
.tab-content1 .tour-review {
	margin-bottom: 5px;
}
.tab-content1 .tour-price {
	font-size: 20px;
}
.tours-active .package-style1 {
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
	transition: 0.5s ease-in-out;
}
.tours-active .package-style1:hover {
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.15);
}
.tour-plan {
	padding-left: 70px;
	position: relative;
	padding-top: 8px;
	margin-top: 26px;
}
.tour-plan .tour-card1 {
	width: 40px;
	height: 40px;
	font-size: 24px;
	font-weight: 700;
	color: var(--white-color);
	border-radius: 10px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #166aa8;
	position: absolute;
	left: 0;
	top: 0;
}
.tour-plan .tp-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tour-plan .tp-list li {
	padding-left: 25px;
	margin-bottom: 10px;
	position: relative;
}
.tour-plan .tp-list li::before {
 content: "\f058";
 font-weight: 700;
 font-family: var(--icon-font);
 position: absolute;
 left: 0;
}
.tour-plan .tp-list li:last-child {
	margin-bottom: 0;
}
.google-map {
	height: 710px;
}
.google-map iframe {
	height: 100%;
	width: 100%;
}
.tag-widget .vs-btn {
	font-weight: 400;
	margin-right: 10px;
}
.tag-widget .vs-btn i {
	margin-right: 4px;
}
.tag-widget .vs-btn:last-child {
	margin-right: 0;
}
.infolist {
	margin-top: 40px;
	border: none;
}
.infolist tr {
	vertical-align: baseline;
}
.infolist tr td {
	border: none;
	padding: 9px 0;
	font-size: 16px;
	font-weight: 400;
	font-family: var(--body-font);
}
.infolist tr td:first-child {
	font-weight: 600;
}
.infolist tr td .sub-infolist {
	border: none;
	margin: 0;
}
.infolist tr td .sub-infolist tr {
	display: grid;
}
.infolist tr td .sub-infolist tr td {
	padding: 0 0 0 25px;
	margin-bottom: 10px;
	position: relative;
	font-weight: 400;
}
.infolist tr td .sub-infolist tr td::before {
 content: "\f058";
 font-weight: 700;
 font-family: var(--icon-font);
 position: absolute;
 left: 0;
}
.infolist tr .info-heading {
	width: 250px;
	font-weight: 700;
}
/* fluid 5 columns */
.grid-item {
	margin-bottom: 24px;
}
.grid-item img {
	border-radius: 10px;
}
.progress-style1 {
	margin-top: 30px;
	text-align: center;
	border-radius: 10px;
	border: 1px solid var(--border-color);
	padding: 40px 30px 34px;
}
.progress-style1 .circle-progress {
	width: 150px;
	height: 150px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.progress-style1 .circle-progress .progress-value {
	font-size: 18px;
	font-weight: 600;
	font-family: var(--body-font);
	color: var(--title-color);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.progress-style1 .progress-title {
	margin: 26px 0 0 0;
}
.rating-wrap {
	border-top: 2px solid var(--border-color);
	margin-top: 20px;
	padding-top: 20px;
}
.rating-wrap .rating-text {
	font-size: 14px;
}
.rating-wrap .rating-post {
	margin-bottom: 26px;
}
.rating-wrap .vs-comment-form {
	background-color: var(--smoke-color);
	padding: 60px 30px 30px;
	border-radius: 10px;
}
.rating-wrap .vs-comment-form .form-control {
	background-color: var(--white-color);
}
.rating-wrap .review-rating {
	margin-bottom: 15px;
}
.rating-wrap .rating-select {
	margin: 0 0 15px 0;
}
.rating-wrap .blog-inner-title {
	margin-bottom: 20px;
}
.rating-wrap .vs-comment-form .custom-checkbox {
	margin-top: 20px;
}
.rating-author {
	display: flex;
	align-items: center;
	margin-bottom: 26px;
}
.rating-author .author-image {
	width: 80px;
	height: 80px;
	border-radius: 10px;
	margin-right: 15px;
	overflow: hidden;
}
.rating-author .author-text {
	margin-bottom: 5px;
}
.rating-author .author-digi {
	font-size: 14px;
}
.review-rating {
	position: relative;
	display: flex;
	align-items: center;
}
.review-rating .rating-tilte {
	margin-right: 15px;
}
.review-rating .star-rating {
	overflow: hidden;
	position: relative;
	width: 100px;
	height: 1.2em;
	line-height: 1.2em;
	display: block;
	font-family: var(--icon-font);
	font-weight: 700;
	font-size: 14px;
}
.review-rating .star-rating span {
	overflow: hidden;
	float: left;
	top: 0;
	left: 0;
	position: absolute;
	padding-top: 1.5em;
}
.review-rating .star-rating::before {
 content: "\f005\f005\f005\f005\f005";
 color: var(--theme-color2);
 float: left;
 top: 0px;
 left: 0px;
 position: absolute;
 letter-spacing: 3px;
 font-weight: 700;
}

/* Small devices */
@media (max-width: 767px) {
 .infolist tr {
 display: block;
}
 .infolist tr .info-heading {
 width: 145px;
}
 .infolist tr td {
 font-size: 14px;
}
 .infolist tr td .sub-infolist tr {
 grid-template-columns: 1fr;
}
 .infolist tr td .sub-infolist tr td {
 width: 100%;
}
 .tour-plan {
 padding-left: 0;
 margin-top: 15px;
 padding-top: 0;
}
 .tour-plan .tour-card1 {
 position: relative;
 font-size: 18px;
 width: 40px;
 height: 40px;
 margin-bottom: 5px;
}
}
/*------------------- 4.17. Tour Bookings  -------------------*/
.vs-sort-bar {
	margin-bottom: 30px;
}
.woocommerce-ordering select {
	width: 200px;
	padding: 10px 20px;
	background-color: var(--smoke-color);
	border: none;
	outline: none;
	border-radius: 5px;
}
.vs-product {
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0px 13px 48px 0px rgba(255, 104, 26, 0.07);
}
.vs-product .product-img {
	background-color: var(--smoke-color);
	position: relative;
	padding: 20px 20px;
	text-align: center;
}
.vs-product .product-img .action-buttons {
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: 0.5s ease-in-out;
	position: absolute;
	left: 50%;
	top: 20px;
	width: 100%;
	transform: translateX(-50%);
}
.vs-product .product-img .icon-btn {
	width: 44px;
	height: 44px;
	line-height: 44px;
	border-radius: 10px;
	box-shadow: none;
	font-size: 16px;
	color: var(--white-color);
	background-color: #166aa8;
}
.vs-product .product-img .icon-btn:hover {
	background-color: var(--theme-color2);
}
.vs-product .product-img .badge {
	right: 20px;
	border-radius: 5px;
	color: var(--white-color);
	font-weight: 500;
	font-size: 16px;
	transition: 0.5s ease-in-out;
	background-color: #166aa8;
}
.vs-product .product-body {
	padding: 30px 30px;
}
.vs-product .product-body .rating-wrap {
	margin-bottom: 10px;
	margin-top: 0;
	padding-top: 0;
	border: none;
}
.vs-product .product-body .rating-wrap i {
	color: var(--theme-color2);
}
.vs-product .product-body .product-title {
	font-size: 20px;
	margin-bottom: 10px;
}
.vs-product .product-body .vs-btn {
	margin-top: 22px;
}
.vs-product:hover .product-img .action-buttons {
	opacity: 1;
	width: 80%;
}
.vs-product:hover .product-img .badge {
	opacity: 0;
	z-index: -1;
}
.product-big-img {
	background-color: var(--smoke-color);
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
.product-thumb-slide .thumb {
	overflow: hidden;
	border-radius: 10px;
	background-color: var(--smoke-color);
	border: 1px solid transparent;
	transition: 0.5s ease-in-out;
	cursor: pointer;
}
.product-thumb-slide .thumb img {
	transition: 0.5s ease-in-out;
	width: 100%;
}
.product-thumb-slide .thumb:hover {
	border-color: #166aa8;
}
.product-thumb-slide .thumb:hover img {
	transform: scale(1.1);
}
.product-thumb-slide .slick-current .thumb {
	border-color: #166aa8;
}
.product-thumb-slide .slick-current .thumb img {
	transform: scale(1.1);
}
.quantity {
	display: inline-flex;
	align-items: center;
	border-radius: 10px;
	overflow: hidden;
}
.quantity .qty-btn {
	border: 1px solid #166aa8;
	background-color: #166aa8;
	padding: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
	color: var(--white-color);
	font-size: 16px;
}
.quantity .qty-btn:hover {
	background-color: var(--theme-color2);
	border-color: var(--theme-color2);
}
.quantity input {
	height: 50px;
	width: 50px;
	margin: 0;
	font-size: 16px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	color: var(--black-color);
	background-color: var(--smoke-color);
	border-color: transparent;
	border-radius: 0;
}
.star-rating {
	margin-right: 10px;
	font-size: 16px;
}
.star-rating i {
	color: var(--theme-color2);
}
.product-about .product-rating {
	display: flex;
	align-items: center;
	font-weight: 500;
	margin: 0 0 15px 0;
}
.product-about .product-rating p {
	margin: 0;
	font-size: 16px;
}
.product-about .product-title {
	margin-bottom: 5px;
}
.product-about .product-price {
	font-size: 24px;
	font-weight: 600;
	color: #166aa8;
}
.product-about .product-text {
	font-size: 16px;
}
.product-about .product-color {
	font-size: 16px;
	font-weight: 400;
	margin-left: 10px;
	text-transform: capitalize;
}
.product-about .varient-select {
	margin-bottom: 30px;
}
.product-about .varient-select .h6 {
	text-transform: uppercase;
	font-size: 16px;
}
.product-about .actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 33px;
}
.product-about .actions .vs-btn {
	flex: 1;
	height: 50px;
	line-height: 22px;
	margin-left: 20px;
	margin-right: 20px;
}
.product-about .actions .icon-btn {
	border-radius: 10px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	box-shadow: none;
	color: var(--white-color);
	background-color: #166aa8;
}
.product-about .actions .icon-btn:hover {
	background-color: var(--theme-color2);
}
.image-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.image-list .varient-image {
	width: 80px;
	height: 80px;
	margin-right: 10px;
	border-radius: 10px;
	display: inline-block;
	background-color: var(--smoke-color);
	position: relative;
}
.image-list .varient-image input[type=radio] {
	visibility: hidden;
	opacity: 0;
	display: inline-block;
	width: 80px;
	height: 80px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	padding: 0;
}
.image-list .varient-image input[type=radio] ~ label {
 padding: 0;
 width: 100%;
 height: 100%;
 border-radius: 10px;
 outline-offset: 5px;
 transition: 0.5s ease-in-out;
 background-color: var(--smoke-color);
 outline: 1px solid var(--smoke-color);
}
.image-list .varient-image input[type=radio] ~ label::before {
 display: none;
}
.image-list .varient-image input[type=radio] ~ label img {
 width: 100%;
 height: 100%;
}
.image-list .varient-image input[type=radio]:checked ~ label {
 background-color: #166aa8;
 outline-color: #166aa8;
}
.image-list .varient-image input[type=radio]:hover ~ label {
 background-color: #166aa8;
 outline-color: #166aa8;
}
.product_meta {
	font-family: var(--body-font);
	font-size: 16px;
	font-weight: 400;
	text-transform: uppercase;
}
.product_meta .meta-title {
	margin-bottom: 15px;
}
.product_meta > span {
	display: block;
	margin-bottom: 3px;
	font-size: 16px;
	color: var(--title-color);
	font-weight: 700;
}
.product_meta > span > span {
	color: var(--title-color);
	padding-left: 10px;
	font-weight: 400;
}
.product_meta > span a {
	margin-right: 5px;
	font-weight: 400;
	text-transform: capitalize;
}
.product_meta > span a:first-child {
	padding-left: 10px;
}
.product_meta > span a::after {
 content: ",";
}
.product_meta > span a:last-child::after {
 display: none;
}
.tab-wrap {
	box-shadow: 13px 0px 48px 0px rgba(255, 104, 26, 0.07);
}
.product-tab1 {
	margin: 50px 0 20px 0;
	background-color: var(--smoke-color);
}
.product-tab1 .nav-link {
	padding: 30px 30px;
	color: var(--title-color);
	text-transform: capitalize;
}
.product-tab1 .nav-link:hover {
	color: #166aa8;
}
.product-tab1 .active {
	background-color: var(--white-color);
	color: #166aa8;
}
.tab-content {
	padding: 25px 40px 35px;
}
.tab-content .vs-comment-form {
	background-color: var(--smoke-color);
	padding: 40px;
	border-radius: 10px;
}
.tab-content .vs-comment-form .form-control {
	background-color: var(--white-color);
}
.list-style2 li {
	margin-bottom: 7px;
}
.list-style2 li span {
	color: var(--title-color);
	font-size: 16px;
	font-family: var(--body-font);
}
.list-style2 li span:first-child {
	font-weight: 500;
	display: inline-block;
	min-width: 150px;
}
.list-style2 li:last-child {
	margin-bottom: 0;
}
.woocommerce-Reviews .vs-comments-wrap .comment-avater {
	border-radius: 50%;
}
.woocommerce-Reviews .vs-comments-wrap .vs-post-comment {
	border-radius: 10px;
}
.woocommerce-Reviews .vs-comments-wrap .vs-post-comment p {
	margin-bottom: 15px;
}
.rating-select {
	margin-top: -0.4em;
}
.rating-select label {
	margin: 0 10px 0 0;
	display: inline-block;
	color: var(--body-color);
}
.rating-select p {
	display: inline-block;
}
.rating-select p.stars {
	margin-bottom: 0;
	line-height: 1;
}
.rating-select p.stars a {
	position: relative;
	height: 14px;
	width: 18px;
	text-indent: -999em;
	display: inline-block;
	text-decoration: none;
}
.rating-select p.stars a::before {
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 18px;
 height: 14px;
 line-height: 1;
 font-family: var(--icon-font);
 content: "\f005";
 font-weight: 400;
 text-indent: 0;
 color: #166aa8;
}
.rating-select p.stars a:hover ~ a::before {
 content: "\f005";
 font-weight: 400;
}
.rating-select p.stars:hover a::before {
 content: "\f005";
 font-weight: 700;
}
.rating-select p.stars.selected a.active::before {
 content: "\f005";
 font-weight: 700;
}
.rating-select p.stars.selected a.active ~ a::before {
 content: "\f005";
 font-weight: 400;
}
.rating-select p.stars.selected a:not(.active)::before {
 content: "\f005";
 font-weight: 700;
}

/* Small devices */
@media (max-width: 767px) {
 .vs-product .product-body .product-title {
 font-size: 16px;
}
 .vs-product .product-body .vs-btn {
 padding: 16px;
}
 .product-about {
 margin-top: 30px;
}
 .product-about .actions {
 width: 100%;
 display: inline-block;
}
 .product-about .actions .quantity,  .product-about .actions .vs-btn,  .product-about .actions .icon-btn {
 margin-bottom: 15px;
 vertical-align: bottom;
}
 .product-about .product-rating {
 display: inline-block;
}
 .product-tab1 .nav-link {
 padding-top: 15px;
 padding-bottom: 15px;
}
 .tab-content {
 padding: 0px 15px 15px;
}
 .tab-content .vs-comment-form {
 padding: 20px 15px;
}
 .tab-content .vs-comment-form .notice {
 margin-top: 20px;
}
}
/*------------------- 4.18. Cart  -------------------*/
.cart_table {
	border: none;
	margin-bottom: 45px;
}
.cart_table thead {
	background-color: var(--border-color);
}
.cart_table thead th {
	font-family: var(--title-font);
	color: var(--title-color);
	font-weight: 600;
	border: none;
	padding: 27px 15px;
}
.cart_table td {
	border: none;
	border-bottom: 1px solid var(--border-color);
	color: var(--title-color);
	padding: 20px 10px;
	position: relative;
	vertical-align: middle;
}
.cart_table .cart-productimage {
	display: inline-block;
	border-radius: 5px;
	background-color: var(--smoke-color);
}
.cart_table .quantity {
	display: inline-flex;
	align-items: center;
	border: none;
	border-radius: 0;
}
.cart_table .qut-btn {
	border: 2px solid var(--border-color);
	background-color: #166aa8;
	color: var(--white-color);
	padding: 0;
	width: 30px;
	height: 30px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 400;
	border-radius: 4px;
}
.cart_table .qut-btn:hover {
	background-color: var(--theme-color2);
	border-color: var(--theme-color2);
}
.cart_table .qty-input {
	vertical-align: middle;
	background-color: transparent;
	border: 2px solid var(--border-color);
	width: 70px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	color: var(--title-color);
	font-weight: 400;
	margin: 0 10px;
	border-radius: 4px;
}
.cart_table .vs-cart-coupon {
	float: left;
	margin: 0;
	width: 455px;
	max-width: 100%;
	display: flex;
}
.cart_table .vs-cart-coupon input {
	height: 46px;
	width: calc(100% - 200px);
	margin-right: 10px;
	border-radius: 10px;
}
.cart_table .vs-cart-coupon .vs-btn {
	font-size: 16px;
	width: max-content;
	border-radius: 10px;
}
.cart_table .actions {
	text-align: right;
	vertical-align: middle;
}
.cart_table .actions > .vs-btn {
	margin-right: 15px;
}
.cart_table .actions > .vs-btn:last-child {
	margin-right: 0;
}
.cart_totals {
	border: 1px solid var(--border-color);
}
.cart_totals td:first-child, .cart_totals th:first-child {
	width: 45%;
	background-color: #f9fbfb;
	font-weight: 700;
	font-size: 14px;
	color: #333333;
}
.cart_totals .amount {
	font-weight: 600;
	font-size: 14px;
	font-family: var(--title-font);
}
.cart_totals .woocommerce-shipping-methods {
	margin-bottom: 0;
}
.cart_totals .woocommerce-shipping-methods input[type=radio] ~ label::before {
 width: 15px;
 height: 15px;
 line-height: 14px;
 font-size: 7px;
 padding-left: 1px;
 top: -1px;
}
.cart_totals .woocommerce-shipping-destination {
	margin-bottom: 10px;
}
.cart_totals .shipping-calculator-button {
	display: inline-block;
	border-bottom: 1px solid;
	color: var(--title-color);
	font-weight: 700;
}

/* Medium devices */
@media (max-width: 991px) {
 .cart_table .vs-cart-coupon {
 width: 100%;
 margin-bottom: 15px;
}
 .cart_table .actions {
 text-align: center;
}
}
/* Small devices */
@media (max-width: 767px) {
 .cart_totals td:first-child,  .cart_totals th:first-child {
 width: 30%;
}
}
/*------------------- 4.20. Checkout  -------------------*/
.checkout-ordertable th, .checkout-ordertable td {
	vertical-align: top;
	text-align: right;
	padding: 5px 20px;
	font-size: 14px;
	font-weight: 700;
	border-left: none;
	color: #2c3e50;
}
.checkout-ordertable tr:last-child th {
	border-bottom: none;
}
.checkout-ordertable tr:last-child td {
	border-bottom: none;
}
.checkout-ordertable th {
	text-align: left;
}
.vs-checkout-wrapper .cart_table {
	margin-bottom: 0px;
	border: none;
}
/*------------------- 4.21. woocommerce  -------------------*/
.woocommerce-message, .woocommerce-info {
	position: relative;
	padding: 11px 20px;
	background-color: #166aa8;
	color: var(--white-color);
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 30px;
	border-radius: 5px;
}
.woocommerce-message::before, .woocommerce-info::before {
 content: "\f06a";
 font-family: var(--icon-font);
 font-weight: 900;
 margin-right: 10px;
}
 .woocommerce-notices-wrapper .woocommerce-message::before {
 content: "\f14a";
 font-weight: 300;
}
.woocommerce-cart-form {
	text-align: center;
	overflow: hidden;
	border-radius: 10px;
	border: 1px solid var(--border-color);
}
.shipping-calculator-form {
	display: none;
}
.shipping-calculator-form p:first-child {
	margin-top: 20px;
}
.shipping-calculator-form select, .shipping-calculator-form .form-control, .shipping-calculator-form .form-select, .shipping-calculator-form textarea, .shipping-calculator-form input {
	height: 50px;
	padding-left: 20px;
	padding-right: 25px;
}
.order-total .amount {
	color: #166aa8;
}
.woocommerce-form-login-toggle .woocommerce-info {
	background-color: #166aa8;
}
.woocommerce-form-login-toggle .woocommerce-info .showlogin {
	color: var(--white-color);
	text-decoration: underline;
}
.woocommerce-form-login {
	display: none;
	padding: 40px 40px 35px;
	margin-bottom: 30px;
	border-radius: 10px;
}
.woocommerce-form-login .form-group:last-child {
	margin-bottom: 0;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
	background-color: var(--border-color);
	color: var(--title-color);
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
	text-decoration: underline;
}
.woocommerce-form-coupon {
	padding: 40px;
	border-radius: 10px;
}
.woocommerce-form-coupon .form-group:last-child {
	margin-bottom: 0;
}
.woocommerce-checkout {
	margin-top: 60px;
}
.woocommerce-checkout .form-group input:not(:last-child) {
 margin-bottom: var(--bs-gutter-x);
}
.woocommerce-checkout .shipping_address {
	display: none;
}
.woocommerce-checkout-payment ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.woocommerce-checkout-payment ul li {
	padding-top: 10px;
	border-bottom: 1px solid var(--border-color);
	border-radius: 4px;
	font-size: 16px;
}
.woocommerce-checkout-payment ul input[type=radio] ~ label {
 margin-bottom: 15px;
 color: var(--body-color);
 width: 100%;
}
.woocommerce-checkout-payment .payment_box {
	color: #a1b1bc;
	background-color: var(--border-color);
	border: 1px solid var(--border-color);
	border-bottom: none;
	font-size: 14px;
	padding: 10px 20px;
	border-radius: 4px;
	display: none;
}
.woocommerce-checkout-payment .payment_box p {
	margin: 0;
	color: var(--title-color);
}
.woocommerce-checkout-payment .place-order {
	margin-top: 30px;
}

/* Small devices */
@media (max-width: 767px) {
 .woocommerce-form-coupon {
 padding: 20px;
}
 .woocommerce-form-login {
 padding: 20px 20px 15px;
}
}
/*------------------- 4.22 Contct  -------------------*/
.contact-box_wrapper .outer-wrap {
	background-color: #166aa8;
	border-radius: 10px;
	padding: 30px 0px 60px;
	max-width: 1340px;
	margin-top: 0;
}
.contact-box {
	background-color: var(--white-color);
	border: 1px solid #166aa8;
	border-radius: 10px;
	margin-top: 30px;
	padding: 30px 25px;
	padding-left: 110px;
	position: relative;
}
.contact-box .contact-box_icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	transition: 0.5s ease-in-out;
	background-color: #166aa8;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: var(--white-color);
	position: absolute;
	left: 30px;
}
.contact-box .contact-box__title {
	margin-bottom: 5px;
}
.contact-box .contact-box__text {
	margin-bottom: -5px;
	font-size: 14px;
	font-weight: 400;
	line-height: 2;
	font-family: var(--body-font);
	color: var(--title-color);
}
.contact-box .contact-box_list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact-box .contact-box_list li {
	display: block;
	margin-top: 2px;
	font-size: 14px;
	font-weight: 400;
	font-family: var(--body-font);
	color: var(--title-color);
}
.contact-box:hover .contact-box_icon {
	background-color: var(--theme-color2);
}
/*------------------- 4.23 Contct  -------------------*/
.signup-form {
	padding: 40px 30px;
	border-radius: 10px;
}

/* Medium devices */
@media (max-width: 991px) {
 .signup-form {
 padding: 20px 15px;
}
}
/*------------------- 4.26. Popup Search  -------------------*/
.popup-search-box {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.95);
	height: 100%;
	width: 0;
	overflow: hidden;
	z-index: 99999;
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.4s;
}
.popup-search-box button.searchClose {
	width: 60px;
	height: 60px;
	line-height: 60px;
	position: absolute;
	top: 40px;
	right: 40px;
	border: none;
	background-color: #166aa8;
	color: var(--white-color);
	font-size: 30px;
	border-radius: 50%;
	transition: all ease 0.4s;
}
.popup-search-box button.searchClose i {
	line-height: inherit;
}
.popup-search-box button.searchClose:hover {
	color: var(--white-color);
	background-color: var(--theme-color2);
}
.popup-search-box form {
	position: absolute;
	top: 50%;
	left: 50%;
	display: inline-block;
	padding-bottom: 40px;
	cursor: auto;
	width: 100%;
	max-width: 700px;
	transform: translate(-50%, -50%) scale(0);
	transition: transform ease 0.4s;/* Large devices */
}
@media (max-width: 1199px) {
 .popup-search-box form {
 max-width: 600px;
}
}
.popup-search-box form input {
	font-size: 14px;
	height: 70px;
	width: 100%;
	border: 2px solid #166aa8;
	background-color: transparent;
	padding-left: 30px;
	color: #fff;
	border-radius: 50px;
}
.popup-search-box form input::-moz-placeholder {
 color: #fff;
}
.popup-search-box form input::-webkit-input-placeholder {
 color: #fff;
}
.popup-search-box form input:-ms-input-placeholder {
 color: #fff;
}
.popup-search-box form input::placeholder {
 color: #fff;
}
.popup-search-box form button {
	position: absolute;
	top: 0px;
	background-color: transparent;
	border: none;
	font-size: 20px;
	right: 13px;
	color: var(--white-color);
	cursor: pointer;
	width: 70px;
	height: 70px;
	transition: all ease 0.4s;
	transform: scale(1.001);
}
.popup-search-box form button:hover {
	transform: scale(1.1);
}
.popup-search-box.show {
	opacity: 1;
	visibility: visible;
	width: 100.1%;
	transition: all ease 0.4s;
}
.popup-search-box.show form {
	transition-delay: 0.5s;
	transform: translate(-50%, -50%) scale(1);
}
/*------------------- 4.27. Popup Side Menu  -------------------*/
.offcanvas-wrapper {
	position: fixed;
	z-index: 99999;
	right: 0;
	top: 0;
	height: 100%;
	width: 0;
	background-color: rgba(0, 0, 0, 0.75);
	opacity: 0;
	visibility: hidden;
	transition: all ease 0.8s;
}
.offcanvas-wrapper .closeButton {
	display: inline-block;
	position: absolute;
	top: 20px;
	right: 20px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	padding: 0;
	background-color: #166aa8;
	color: var(--white-color);
	border: none;
	border-radius: 50%;
	transform: rotate(0);
	transition: all ease 0.4s;
	z-index: 33;
}
.offcanvas-wrapper .closeButton i {
	line-height: inherit;
}
.offcanvas-wrapper .closeButton:hover {
	color: var(--white-color);
	border-color: transparent;
	transform: rotate(90deg);
	background-color: var(--theme-color2);
}
.offcanvas-wrapper .sidemenu-content {
	background-color: var(--white-color);
	width: 450px;
	margin-left: auto;
	padding: 50px 30px;
	height: 100%;
	overflow: scroll;
	position: relative;
	right: -500px;
	cursor: auto;
	transition-delay: 1s;
	transition: right ease 1s;
}
.offcanvas-wrapper .sidemenu-content::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
 box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1);
 background-color: #F5F5F5;
}
.offcanvas-wrapper .sidemenu-content::-webkit-scrollbar {
 width: 2px;
 background-color: #F5F5F5;
}
.offcanvas-wrapper .widget {
	padding: 0;
	border: none;
	background-color: transparent;
	margin-bottom: 50px;
}
.offcanvas-wrapper .footer-text {
	max-width: 100%;
}
.offcanvas-wrapper.show {
	opacity: 1;
	visibility: visible;
	width: 100%;
	transition: all ease 0.8s;
}
.offcanvas-wrapper.show .sidemenu-content {
	right: 0;
	opacity: 1;
	visibility: visible;
}
/*=================================
    05. Spacing
==================================*/
.pt-30 {
	padding-top: 30px;
}
.pt-10 {
	padding-top: 10px;
}
.pb-20 {
	padding-bottom: 20px;
}
.mt-n1 {
	margin-top: -0.25rem;
}
.mt-n2 {
	margin-top: -0.5rem;
}
.mt-n3 {
	margin-top: -1rem;
}
.mt-n4 {
	margin-top: -1.5rem;
}
.mt-n5 {
	margin-top: -3rem;
}
.mb-n1 {
	margin-bottom: -0.25rem;
}
.mb-n2 {
	margin-bottom: -0.5rem;
}
.mb-n3 {
	margin-bottom: -1rem;
}
.mb-n4 {
	margin-bottom: -1.5rem;
}
.mb-n5 {
	margin-bottom: -3rem;
}
.mb-30 {
	margin-bottom: 30px;
}
.mt-30 {
	margin-top: 30px;
}
.mtb-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.mt-60 {
	margin-top: 60px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mtb-70 {
	margin-top: 0;
	margin-bottom: 70px;
}
.mt-70 {
	margin-top: 70px;
}
.mb-70 {
	margin-bottom: 70px;
}
.space, .space-top {
	padding-top:50px;
}
.space, .space-bottom {
	padding-bottom:50px;
}
.space-extra, .space-extra-top {
	padding-top: calc(var(--section-space) - 30px);
}
.space-extra, .space-extra-bottom {
	padding-bottom: 20px;
}

/* Medium devices */
@media (max-width: 991px) {
 .space,  .space-top {
 padding-top: var(--section-space-mobile);
}
 .space,  .space-bottom {
 padding-bottom: var(--section-space-mobile);
}
 .space-extra,  .space-extra-top {
 padding-top: calc(var(--section-space-mobile) - 30px);
}
 .space-extra,  .space-extra-bottom {
 padding-bottom: calc(var(--section-space-mobile) - 30px);
}
}
/* Small devices */
@media (max-width: 767px) {
 .mtb-60 {
 margin: 0;
}
 .mt-60 {
 margin-top: 0;
}
 .mb-60 {
 margin-bottom: 0;
}
 .mtb-70 {
 margin-top: 0;
 margin-bottom: 0;
}
 .mt-70 {
 margin-top: 0;
}
 .mb-70 {
 margin-bottom: 0;
}
}

/*# sourceMappingURL=style.css.map */