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

:root {
	--font-body: 'Plus Jakarta Sans', sans-serif;
	--font-heading: 'Plus Jakarta Sans', sans-serif;
	--font-inter: 'Inter', sans-serif;
	--font-dancing: 'Dancing Script', cursive;
	--color-primary: #00CC99;
	--color-secondary: #0091FF;
	--color-primary-2: #FB4927;
	--gradient-color-from: #D91334;
	--gradient-color-to: #FB4927;
	--color-gradient: linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
	--color-heading: #0F172A;
	--color-dark: #0F172A;
	--color-white: #fff;
	--color-black: #000;
	--color-default: #787B84;
	--color-gray: #EDF3F5;
	--color-gray-2: #F6F6F6;
	--color-border: #EFF5F8;
	--easing: cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

/* reset css start */
:root {
	scroll-behavior: auto;
}

/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,700&family=Mukta:wght@400;500;600;700;800&display=swap');*/

html {
	scroll-behavior: smooth;
}

body {
	padding: 0;
	margin: 0;
	font-weight: 500;
	position: relative;
	font-family: 'Mukta', sans-serif !important;
	font-size: 16px;
	line-height: 26px;
	background-color: var(--color-white);
	letter-spacing: -0.2px;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Lato', sans-serif !important;

}

.show {
	display: block !important;
}

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

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

button {
	cursor: pointer;
}

*:focus {
	outline: none;
}

button {
	border: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-family: 'Poppins', sans-serif;

}

button:focus {
	outline: none;
}

a {
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	font-family: 'Poppins', sans-serif;

}

a:hover {
	color: inherit;
}

/* select {
	height: 55px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: calc(100% - 10px) 50%;
	background-repeat: no-repeat;
	padding-right: 20px;
	background-color: transparent;
	border: 0;
} */
/* 
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
form select,
textarea {
	width: 100%;
	height: 50px;
	border-radius: 0;
	padding: 0;
	border: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: var(--color-black);
	font-weight: 500;
} */

/* textarea {
	height: 100px;
} */

button {
	border: 0;
}

table {
	width: 100%;
}

p,
li,
span {
	margin-bottom: 0;
}

/* reset css end */
/* global css start */
.nice-select {
	background-color: transparent;
	height: 60px !important;
	line-height: 55px !important;
	min-height: 60px !important;
	padding: 0 20px;
	width: 100%;
}

.nice-select::after {
	border-bottom: 1.9px solid #B1B4BA;
	border-right: 1.9px solid #B1B4BA;
	height: 6px;
	right: 20px;
	width: 6px;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
	background-color: #EDF3F5;
}

.nice-select .list {
	width: 100%;
}

.nice-select .list li {
	margin-right: 0 !important;
}

.nice-select .list .option {
	color: var(--color-dark);
	font-weight: 500;
}

.nice-select .list .option.selected {
	font-weight: 600;
}

.nice-select .list .option.selected,
.nice-select .list .option:hover {
	border: none !important;
}

/* global css end */
.body_wrap {
	overflow: hidden;
}

.bg_img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.footer-bg {
	background-color: #04060A;
}

.black-bg {
	background: var(--color-black);
}

.gray-bg {
	background-color: var(--color-gray);
}

.gray-bg-2 {
	background-color: var(--color-gray-2);
}

.dark-bg {
	background-color: var(--color-dark);
}

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

.pos-rel {
	position: relative;
}

.pos-absolute {
	position: absolute;
}

.f-right {
	float: right;
}

.border-effect a,
.border-effect-2 a {
	display: inline !important;
	width: 100%;
	background-repeat: no-repeat;
	background-position-y: -2px;
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
	-webkit-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.border-effect a:hover,
.border-effect-2 a:hover {
	background-size: 100% 100%;
	color: inherit;
}

.border-effect-2 a {
	background-image: linear-gradient(transparent calc(100% - 1px), currentColor 1px);
}

.btn-video {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #0F172A;
	position: relative;
	background-color: var(--color-white);
}

.btn-video:hover {
	color: #0F172A;
}

.btn-video::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.63);
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
	-webkit-animation: pulse-border 1500ms ease-out infinite;
	z-index: -2;
}

.border_effect a {
	display: inline !important;
	width: 100%;
	background-repeat: no-repeat;
	background-position-y: -2px;
	background-image: linear-gradient(transparent calc(100% - 2px), currentColor 1px);
	transition: 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
	background-size: 0 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.border_effect a:hover {
	background-size: 100% 100%;
	color: inherit;
}

@media (max-width: 991px) {
	.tx-col-md-6 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.tx-col-md-6 {
		width: 100%;
	}
}

.xb-close {
	background: rgba(0, 0, 0, 0.04);
	border: 9px solid transparent;
	color: #777;
	width: 36px;
	height: 36px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: relative;
}

.xb-close::before,
.xb-close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	transform-origin: 50% 50%;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	background-color: #1b1b1b;
}

.xb-close::before {
	-webkit-transform: rotate(45deg);
	-khtml-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.xb-close::after {
	-webkit-transform: rotate(-45deg);
	-khtml-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.xb-close:hover::before,
.xb-close:hover::after {
	-webkit-transform: rotate(0);
	-khtml-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

/* order & unorder list reset - start */
.ul_li,
.ul_li_right,
.ul_li_center,
.ul_li_between {
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.ul_li>li,
.ul_li_right>li,
.ul_li_center>li,
.ul_li_between>li {
	float: left;
	list-style: none;
	display: inline-block;
}

.ul_li {
	justify-content: flex-start;
}

.ul_li_center {
	justify-content: center;
}

.ul_li_right {
	justify-content: flex-end;
}

.ul_li_between {
	justify-content: space-between;
}

.ul_li_block {
	margin: 0px;
	padding: 0px;
	display: block;
}

.ul_li_block>li {
	display: block;
	list-style: none;
}

.flex-1 {
	flex: 1;
}

.color-black {
	color: var(--color-black);
}

.pagination_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: -5px;
	list-style: none;
}

.pagination_wrap ul li {
	padding: 5px;
}

.pagination_wrap ul li a {
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	color: #0F172A;
	border: 1px solid #EDF3F5;
	display: inline-block;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
}

.pagination_wrap ul li a.current_page,
.pagination_wrap ul li a:hover {
	color: var(--color-white);
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.mr-none-60 {
	margin-right: -60px;
}

.ml-none-60 {
	margin-left: -60px;
}

.pb-8 {
	padding-bottom: 8px;
}

/*--
    - Margin & Padding
-----------------------------------------*/
/*-- Margin Top --*/
.mt-none-5 {
	margin-top: -5px;
}

.mt-none-10 {
	margin-top: -10px;
}

.mt-none-15 {
	margin-top: -15px;
}

.mt-none-20 {
	margin-top: -20px;
}

.mt-none-25 {
	margin-top: -25px;
}

.mt-none-30 {
	margin-top: -30px;
}

.mt-none-35 {
	margin-top: -35px;
}

.mt-none-40 {
	margin-top: -40px;
}

.mt-none-45 {
	margin-top: -45px;
}

.mt-none-50 {
	margin-top: -50px;
}

.mt-none-55 {
	margin-top: -55px;
}

.mt-none-60 {
	margin-top: -60px;
}

.mt-none-65 {
	margin-top: -65px;
}

.mt-none-70 {
	margin-top: -70px;
}

.mt-none-75 {
	margin-top: -75px;
}

.mt-none-80 {
	margin-top: -80px;
}

.mt-none-85 {
	margin-top: -85px;
}

.mt-none-90 {
	margin-top: -90px;
}

.mt-none-95 {
	margin-top: -95px;
}

.mt-none-100 {
	margin-top: -100px;
}

/*-- Margin Top --*/
.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mt-55 {
	margin-top: 55px;
}

.mt-60 {
	margin-top: 60px;
}

.mt-65 {
	margin-top: 65px;
}

.mt-70 {
	margin-top: 70px;
}

.mt-75 {
	margin-top: 75px;
}

.mt-80 {
	margin-top: 80px;
}

.mt-85 {
	margin-top: 85px;
}

.mt-90 {
	margin-top: 90px;
}

.mt-95 {
	margin-top: 95px;
}

.mt-100 {
	margin-top: 100px;
}

.mt-105 {
	margin-top: 105px;
}

.mt-110 {
	margin-top: 110px;
}

.mt-115 {
	margin-top: 115px;
}

.mt-120 {
	margin-top: 120px;
}

.mt-125 {
	margin-top: 125px;
}

.mt-130 {
	margin-top: 130px;
}

.mt-135 {
	margin-top: 135px;
}

.mt-140 {
	margin-top: 140px;
}

.mt-145 {
	margin-top: 145px;
}

.mt-150 {
	margin-top: 150px;
}

.mt-155 {
	margin-top: 155px;
}

.mt-160 {
	margin-top: 160px;
}

.mt-165 {
	margin-top: 165px;
}

.mt-170 {
	margin-top: 170px;
}

.mt-175 {
	margin-top: 175px;
}

.mt-180 {
	margin-top: 180px;
}

.mt-185 {
	margin-top: 185px;
}

.mt-190 {
	margin-top: 190px;
}

.mt-195 {
	margin-top: 195px;
}

.mt-200 {
	margin-top: 200px;
}

/*-- Margin Bottom --*/
.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

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

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-55 {
	margin-bottom: 55px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-65 {
	margin-bottom: 65px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-75 {
	margin-bottom: 75px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-85 {
	margin-bottom: 85px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-95 {
	margin-bottom: 95px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-105 {
	margin-bottom: 105px;
}

.mb-110 {
	margin-bottom: 110px;
}

.mb-115 {
	margin-bottom: 115px;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-125 {
	margin-bottom: 125px;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-135 {
	margin-bottom: 135px;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-145 {
	margin-bottom: 145px;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-155 {
	margin-bottom: 155px;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-165 {
	margin-bottom: 165px;
}

.mb-170 {
	margin-bottom: 170px;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-180 {
	margin-bottom: 180px;
}

.mb-185 {
	margin-bottom: 185px;
}

.mb-190 {
	margin-bottom: 190px;
}

.mb-195 {
	margin-bottom: 195px;
}

.mb-200 {
	margin-bottom: 200px;
}

/*-- Margin Left --*/
.ml-5 {
	margin-left: 5px;
}

.ml-10 {
	margin-left: 10px;
}

.ml-15 {
	margin-left: 15px;
}

.ml-20 {
	margin-left: 20px;
}

.ml-25 {
	margin-left: 25px;
}

.ml-30 {
	margin-left: 30px;
}

.ml-35 {
	margin-left: 35px;
}

.ml-40 {
	margin-left: 40px;
}

.ml-45 {
	margin-left: 45px;
}

.ml-50 {
	margin-left: 50px;
}

.ml-55 {
	margin-left: 55px;
}

.ml-60 {
	margin-left: 60px;
}

.ml-65 {
	margin-left: 65px;
}

.ml-70 {
	margin-left: 70px;
}

.ml-75 {
	margin-left: 75px;
}

.ml-80 {
	margin-left: 80px;
}

.ml-85 {
	margin-left: 85px;
}

.ml-90 {
	margin-left: 90px;
}

.ml-95 {
	margin-left: 95px;
}

.ml-100 {
	margin-left: 100px;
}

.ml-105 {
	margin-left: 105px;
}

.ml-110 {
	margin-left: 110px;
}

.ml-115 {
	margin-left: 115px;
}

.ml-120 {
	margin-left: 120px;
}

.ml-125 {
	margin-left: 125px;
}

.ml-130 {
	margin-left: 130px;
}

.ml-135 {
	margin-left: 135px;
}

.ml-140 {
	margin-left: 140px;
}

.ml-145 {
	margin-left: 145px;
}

.ml-150 {
	margin-left: 150px;
}

.ml-155 {
	margin-left: 155px;
}

.ml-160 {
	margin-left: 160px;
}

.ml-165 {
	margin-left: 165px;
}

.ml-170 {
	margin-left: 170px;
}

.ml-175 {
	margin-left: 175px;
}

.ml-180 {
	margin-left: 180px;
}

.ml-185 {
	margin-left: 185px;
}

.ml-190 {
	margin-left: 190px;
}

.ml-195 {
	margin-left: 195px;
}

.ml-200 {
	margin-left: 200px;
}

/*-- Margin Right --*/
.mr-5 {
	margin-right: 5px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-15 {
	margin-right: 15px;
}

.mr-20 {
	margin-right: 20px;
}

.mr-25 {
	margin-right: 25px;
}

.mr-30 {
	margin-right: 30px;
}

.mr-35 {
	margin-right: 35px;
}

.mr-40 {
	margin-right: 40px;
}

.mr-45 {
	margin-right: 45px;
}

.mr-50 {
	margin-right: 50px;
}

.mr-55 {
	margin-right: 55px;
}

.mr-60 {
	margin-right: 60px;
}

.mr-65 {
	margin-right: 65px;
}

.mr-70 {
	margin-right: 70px;
}

.mr-75 {
	margin-right: 75px;
}

.mr-80 {
	margin-right: 80px;
}

.mr-85 {
	margin-right: 85px;
}

.mr-90 {
	margin-right: 90px;
}

.mr-95 {
	margin-right: 95px;
}

.mr-100 {
	margin-right: 100px;
}

.mr-105 {
	margin-right: 105px;
}

.mr-110 {
	margin-right: 110px;
}

.mr-115 {
	margin-right: 115px;
}

.mr-120 {
	margin-right: 120px;
}

.mr-125 {
	margin-right: 125px;
}

.mr-130 {
	margin-right: 130px;
}

.mr-135 {
	margin-right: 135px;
}

.mr-140 {
	margin-right: 140px;
}

.mr-145 {
	margin-right: 145px;
}

.mr-150 {
	margin-right: 150px;
}

.mr-155 {
	margin-right: 155px;
}

.mr-160 {
	margin-right: 160px;
}

.mr-165 {
	margin-right: 165px;
}

.mr-170 {
	margin-right: 170px;
}

.mr-175 {
	margin-right: 175px;
}

.mr-180 {
	margin-right: 180px;
}

.mr-185 {
	margin-right: 185px;
}

.mr-190 {
	margin-right: 190px;
}

.mr-195 {
	margin-right: 195px;
}

.mr-200 {
	margin-right: 200px;
}

/*-- Padding Top --*/
.pt-5 {
	padding-top: 5px;
}

.pt-10 {
	padding-top: 10px;
}

.pt-15 {
	padding-top: 15px;
}

.pt-20 {
	padding-top: 20px;
}

.pt-25 {
	padding-top: 25px;
}

.pt-30 {
	padding-top: 30px;
}

.pt-35 {
	padding-top: 35px;
}

.pt-40 {
	padding-top: 40px;
}

.pt-45 {
	padding-top: 45px;
}

.pt-50 {
	padding-top: 50px;
}

.pt-55 {
	padding-top: 55px;
}

.pt-60 {
	padding-top: 60px;
}

.pt-65 {
	padding-top: 65px;
}

.pt-70 {
	padding-top: 70px;
}

.pt-75 {
	padding-top: 75px;
}

.pt-80 {
	padding-top: 80px;
}

.pt-85 {
	padding-top: 85px;
}

.pt-90 {
	padding-top: 90px;
}

.pt-95 {
	padding-top: 95px;
}

.pt-100 {
	padding-top: 100px;
}

.pt-105 {
	padding-top: 105px;
}

.pt-110 {
	padding-top: 110px;
}

.pt-115 {
	padding-top: 115px;
}

.pt-120 {
	padding-top: 120px;
}

.pt-125 {
	padding-top: 125px;
}

.pt-130 {
	padding-top: 130px;
}

.pt-135 {
	padding-top: 135px;
}

.pt-140 {
	padding-top: 140px;
}

.pt-145 {
	padding-top: 145px;
}

.pt-150 {
	padding-top: 150px;
}

.pt-155 {
	padding-top: 155px;
}

.pt-160 {
	padding-top: 160px;
}

.pt-165 {
	padding-top: 165px;
}

.pt-170 {
	padding-top: 170px;
}

.pt-175 {
	padding-top: 175px;
}

.pt-180 {
	padding-top: 180px;
}

.pt-185 {
	padding-top: 185px;
}

.pt-190 {
	padding-top: 190px;
}

.pt-195 {
	padding-top: 195px;
}

.pt-200 {
	padding-top: 200px;
}

/*-- Padding Bottom --*/
.pb-5 {
	padding-bottom: 5px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pb-25 {
	padding-bottom: 25px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pb-35 {
	padding-bottom: 35px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pb-45 {
	padding-bottom: 45px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-55 {
	padding-bottom: 55px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pb-65 {
	padding-bottom: 65px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pb-75 {
	padding-bottom: 75px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pb-85 {
	padding-bottom: 85px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pb-95 {
	padding-bottom: 95px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pb-105 {
	padding-bottom: 105px;
}

.pb-110 {
	padding-bottom: 110px;
}

.pb-115 {
	padding-bottom: 115px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pb-125 {
	padding-bottom: 125px;
}

.pb-130 {
	padding-bottom: 130px;
}

.pb-135 {
	padding-bottom: 135px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pb-145 {
	padding-bottom: 145px;
}

.pb-150 {
	padding-bottom: 150px;
}

.pb-155 {
	padding-bottom: 155px;
}

.pb-160 {
	padding-bottom: 160px;
}

.pb-165 {
	padding-bottom: 165px;
}

.pb-170 {
	padding-bottom: 170px;
}

.pb-175 {
	padding-bottom: 175px;
}

.pb-180 {
	padding-bottom: 180px;
}

.pb-185 {
	padding-bottom: 185px;
}

.pb-190 {
	padding-bottom: 190px;
}

.pb-195 {
	padding-bottom: 195px;
}

.pb-200 {
	padding-bottom: 200px;
}

/*-- Padding Left --*/
.pl-5 {
	padding-left: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pl-15 {
	padding-left: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pl-25 {
	padding-left: 25px;
}

.pl-30 {
	padding-left: 30px;
}

.pl-35 {
	padding-left: 35px;
}

.pl-40 {
	padding-left: 40px;
}

.pl-45 {
	padding-left: 45px;
}

.pl-50 {
	padding-left: 50px;
}

.pl-55 {
	padding-left: 55px;
}

.pl-60 {
	padding-left: 60px;
}

.pl-65 {
	padding-left: 65px;
}

.pl-70 {
	padding-left: 70px;
}

.pl-75 {
	padding-left: 75px;
}

.pl-80 {
	padding-left: 80px;
}

.pl-85 {
	padding-left: 85px;
}

.pl-90 {
	padding-left: 90px;
}

.pl-95 {
	padding-left: 95px;
}

.pl-100 {
	padding-left: 100px;
}

.pl-105 {
	padding-left: 105px;
}

.pl-110 {
	padding-left: 110px;
}

.pl-115 {
	padding-left: 115px;
}

.pl-120 {
	padding-left: 120px;
}

.pl-125 {
	padding-left: 125px;
}

.pl-130 {
	padding-left: 130px;
}

.pl-135 {
	padding-left: 135px;
}

.pl-140 {
	padding-left: 140px;
}

.pl-145 {
	padding-left: 145px;
}

.pl-150 {
	padding-left: 150px;
}

.pl-155 {
	padding-left: 155px;
}

.pl-160 {
	padding-left: 160px;
}

.pl-165 {
	padding-left: 165px;
}

.pl-170 {
	padding-left: 170px;
}

.pl-175 {
	padding-left: 175px;
}

.pl-180 {
	padding-left: 180px;
}

.pl-185 {
	padding-left: 185px;
}

.pl-190 {
	padding-left: 190px;
}

.pl-195 {
	padding-left: 195px;
}

.pl-200 {
	padding-left: 200px;
}

/*-- Padding Right --*/
.pr-5 {
	padding-right: 5px;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px;
}

.pr-20 {
	padding-right: 20px;
}

.pr-25 {
	padding-right: 25px;
}

.pr-30 {
	padding-right: 30px;
}

.pr-35 {
	padding-right: 35px;
}

.pr-40 {
	padding-right: 40px;
}

.pr-45 {
	padding-right: 45px;
}

.pr-50 {
	padding-right: 50px;
}

.pr-55 {
	padding-right: 55px;
}

.pr-60 {
	padding-right: 60px;
}

.pr-65 {
	padding-right: 65px;
}

.pr-70 {
	padding-right: 70px;
}

.pr-75 {
	padding-right: 75px;
}

.pr-80 {
	padding-right: 80px;
}

.pr-85 {
	padding-right: 85px;
}

.pr-90 {
	padding-right: 90px;
}

.pr-95 {
	padding-right: 95px;
}

.pr-100 {
	padding-right: 100px;
}

.pr-105 {
	padding-right: 105px;
}

.pr-110 {
	padding-right: 110px;
}

.pr-115 {
	padding-right: 115px;
}

.pr-120 {
	padding-right: 120px;
}

.pr-125 {
	padding-right: 125px;
}

.pr-130 {
	padding-right: 130px;
}

.pr-135 {
	padding-right: 135px;
}

.pr-140 {
	padding-right: 140px;
}

.pr-145 {
	padding-right: 145px;
}

.pr-150 {
	padding-right: 150px;
}

.pr-155 {
	padding-right: 155px;
}

.pr-160 {
	padding-right: 160px;
}

.pr-165 {
	padding-right: 165px;
}

.pr-170 {
	padding-right: 170px;
}

.pr-175 {
	padding-right: 175px;
}

.pr-180 {
	padding-right: 180px;
}

.pr-185 {
	padding-right: 185px;
}

.pr-190 {
	padding-right: 190px;
}

.pr-195 {
	padding-right: 195px;
}

.pr-200 {
	padding-right: 200px;
}

/* typography css start */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	line-height: 1.3;
	color: var(--color-heading);
	font-weight: 600;
	font-family: var(--font-heading);
	letter-spacing: -1px;
}

h2 {
	font-size: 32px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 20px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

/* typography css end */
@-webkit-keyframes jump {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40% {
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes jump {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	40% {
		-webkit-transform: translate3d(0, 50%, 0);
		transform: translate3d(0, 50%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@-webkit-keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes rotatedHalf {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@keyframes rotatedHalf {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}

	50% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}

	100% {
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
}

@-webkit-keyframes rotatedHalfTwo {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	100% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

@keyframes rotatedHalfTwo {
	0% {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	100% {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
}

@-webkit-keyframes scale-upOne {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
	}
}

@keyframes scale-upOne {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0.2);
		transform: scale(0.2);
	}
}

@-webkit-keyframes scale-right {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	50% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@keyframes scale-right {
	0% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	50% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}

	100% {
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@-webkit-keyframes fade-in {
	0% {
		opacity: 0.7;
	}

	40% {
		opacity: 1;
	}

	100% {
		opacity: 0.7;
	}
}

@keyframes fade-in {
	0% {
		opacity: 0.7;
	}

	40% {
		opacity: 1;
	}

	100% {
		opacity: 0.7;
	}
}

@keyframes hvr-ripple-out {
	0% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	100% {
		top: -6px;
		right: -6px;
		bottom: -6px;
		left: -6px;
	}
}

@keyframes hvr-ripple-out-two {
	0% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	100% {
		top: -18px;
		right: -18px;
		bottom: -18px;
		left: -18px;
		opacity: 0;
	}
}

@-webkit-keyframes scale-up-one {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	40% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes scale-up-one {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	40% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes scale-up-two {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	40% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@keyframes scale-up-two {
	0% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}

	40% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}

@-webkit-keyframes scale-up-three {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}

	40% {
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
	}

	100% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
}

@keyframes scale-up-three {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}

	40% {
		-webkit-transform: scale(0.4);
		transform: scale(0.4);
	}

	100% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
}

@keyframes animationFramesOne {
	0% {
		transform: translate(0px, 0px) rotate(0deg);
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		-moz-transform: translate(0px, 0px) rotate(0deg);
		-ms-transform: translate(0px, 0px) rotate(0deg);
		-o-transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		transform: translate(73px, -1px) rotate(36deg);
		-webkit-transform: translate(73px, -1px) rotate(36deg);
		-moz-transform: translate(73px, -1px) rotate(36deg);
		-ms-transform: translate(73px, -1px) rotate(36deg);
		-o-transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		transform: translate(141px, -20px) rotate(72deg);
		-webkit-transform: translate(141px, -20px) rotate(72deg);
		-moz-transform: translate(141px, -20px) rotate(72deg);
		-ms-transform: translate(141px, -20px) rotate(72deg);
		-o-transform: translate(141px, -20px) rotate(72deg);
	}

	60% {
		transform: translate(83px, -60px) rotate(108deg);
		-webkit-transform: translate(83px, -60px) rotate(108deg);
		-moz-transform: translate(83px, -60px) rotate(108deg);
		-ms-transform: translate(83px, -60px) rotate(108deg);
		-o-transform: translate(83px, -60px) rotate(108deg);
	}

	80% {
		transform: translate(-40px, 72px) rotate(144deg);
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
		-moz-transform: translate(-40px, 72px) rotate(144deg);
		-ms-transform: translate(-40px, 72px) rotate(144deg);
		-o-transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		transform: translate(0px, 0px) rotate(0deg);
		-webkit-transform: translate(0px, 0px) rotate(0deg);
		-moz-transform: translate(0px, 0px) rotate(0deg);
		-ms-transform: translate(0px, 0px) rotate(0deg);
		-o-transform: translate(0px, 0px) rotate(0deg);
	}
}

@-webkit-keyframes animationFramesOne {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg);
	}
}

@keyframes animationFramesTwo {
	0% {
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}

	20% {
		transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}

	40% {
		transform: translate(141px, 72px) rotate(72deg) scale(1);
	}

	60% {
		transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}

	80% {
		transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}

	100% {
		transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@-webkit-keyframes animationFramesTwo {
	0% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
	}

	20% {
		-webkit-transform: translate(73px, -1px) rotate(36deg) scale(0.9);
	}

	40% {
		-webkit-transform: translate(141px, 72px) rotate(72deg) scale(1);
	}

	60% {
		-webkit-transform: translate(83px, 122px) rotate(108deg) scale(1.2);
	}

	80% {
		-webkit-transform: translate(-40px, 72px) rotate(144deg) scale(1.1);
	}

	100% {
		-webkit-transform: translate(0px, 0px) rotate(0deg) scale(1);
	}
}

@keyframes animationFramesThree {
	0% {
		transform: translate(165px, -30px);
		-webkit-transform: translate(165px, -30px);
		-moz-transform: translate(165px, -30px);
		-ms-transform: translate(165px, -30px);
		-o-transform: translate(165px, -30px);
	}

	100% {
		transform: translate(-60px, 80px);
		-webkit-transform: translate(-60px, 80px);
		-moz-transform: translate(-60px, 80px);
		-ms-transform: translate(-60px, 80px);
		-o-transform: translate(-60px, 80px);
	}
}

@-webkit-keyframes animationFramesThree {
	0% {
		transform: translate(165px, -30px);
		-webkit-transform: translate(165px, -30px);
		-moz-transform: translate(165px, -30px);
		-ms-transform: translate(165px, -30px);
		-o-transform: translate(165px, -30px);
	}

	100% {
		transform: translate(-60px, 80px);
		-webkit-transform: translate(-60px, 80px);
		-moz-transform: translate(-60px, 80px);
		-ms-transform: translate(-60px, 80px);
		-o-transform: translate(-60px, 80px);
	}
}

@keyframes animationFramesFour {
	0% {
		transform: translate(0px, 60px) rotate(0deg);
		-webkit-transform: translate(0px, 60px) rotate(0deg);
		-moz-transform: translate(0px, 60px) rotate(0deg);
		-ms-transform: translate(0px, 60px) rotate(0deg);
		-o-transform: translate(0px, 60px) rotate(0deg);
	}

	100% {
		transform: translate(-100px, -100px) rotate(180deg);
		-webkit-transform: translate(-100px, -100px) rotate(180deg);
		-moz-transform: translate(-100px, -100px) rotate(180deg);
		-ms-transform: translate(-100px, -100px) rotate(180deg);
		-o-transform: translate(-100px, -100px) rotate(180deg);
	}
}

@-webkit-keyframes animationFramesFour {
	0% {
		transform: translate(0px, 60px) rotate(0deg);
		-webkit-transform: translate(0px, 60px) rotate(0deg);
		-moz-transform: translate(0px, 60px) rotate(0deg);
		-ms-transform: translate(0px, 60px) rotate(0deg);
		-o-transform: translate(0px, 60px) rotate(0deg);
	}

	100% {
		transform: translate(-100px, -100px) rotate(180deg);
		-webkit-transform: translate(-100px, -100px) rotate(180deg);
		-moz-transform: translate(-100px, -100px) rotate(180deg);
		-ms-transform: translate(-100px, -100px) rotate(180deg);
		-o-transform: translate(-100px, -100px) rotate(180deg);
	}
}

@keyframes animationFramesFive {
	0% {
		transform: translate(0, 0) rotate(0deg);
		-webkit-transform: translate(0, 0) rotate(0deg);
		-moz-transform: translate(0, 0) rotate(0deg);
		-ms-transform: translate(0, 0) rotate(0deg);
		-o-transform: translate(0, 0) rotate(0deg);
	}

	21% {
		transform: translate(4px, -20px) rotate(38deg);
		-webkit-transform: translate(4px, -20px) rotate(38deg);
		-moz-transform: translate(4px, -20px) rotate(38deg);
		-ms-transform: translate(4px, -20px) rotate(38deg);
		-o-transform: translate(4px, -20px) rotate(38deg);
	}

	41% {
		transform: translate(-50px, -60px) rotate(74deg);
		-webkit-transform: translate(-50px, -60px) rotate(74deg);
		-moz-transform: translate(-50px, -60px) rotate(74deg);
		-ms-transform: translate(-50px, -60px) rotate(74deg);
		-o-transform: translate(-50px, -60px) rotate(74deg);
	}

	60% {
		transform: translate(-20px, -30px) rotate(108deg);
		-webkit-transform: translate(-20px, -30px) rotate(108deg);
		-moz-transform: translate(-20px, -30px) rotate(108deg);
		-ms-transform: translate(-20px, -30px) rotate(108deg);
		-o-transform: translate(-20px, -30px) rotate(108deg);
	}

	80% {
		transform: translate(-195px, -49px) rotate(144deg);
		-webkit-transform: translate(-195px, -49px) rotate(144deg);
		-moz-transform: translate(-195px, -49px) rotate(144deg);
		-ms-transform: translate(-195px, -49px) rotate(144deg);
		-o-transform: translate(-195px, -49px) rotate(144deg);
	}

	100% {
		transform: translate(-1px, 0px) rotate(180deg);
		-webkit-transform: translate(-1px, 0px) rotate(180deg);
		-moz-transform: translate(-1px, 0px) rotate(180deg);
		-ms-transform: translate(-1px, 0px) rotate(180deg);
		-o-transform: translate(-1px, 0px) rotate(180deg);
	}
}

@-webkit-keyframes animationFramesFive {
	0% {
		transform: translate(0, 0) rotate(0deg);
		-webkit-transform: translate(0, 0) rotate(0deg);
		-moz-transform: translate(0, 0) rotate(0deg);
		-ms-transform: translate(0, 0) rotate(0deg);
		-o-transform: translate(0, 0) rotate(0deg);
	}

	21% {
		transform: translate(4px, -20px) rotate(38deg);
		-webkit-transform: translate(4px, -20px) rotate(38deg);
		-moz-transform: translate(4px, -20px) rotate(38deg);
		-ms-transform: translate(4px, -20px) rotate(38deg);
		-o-transform: translate(4px, -20px) rotate(38deg);
	}

	41% {
		transform: translate(-50px, -60px) rotate(74deg);
		-webkit-transform: translate(-50px, -60px) rotate(74deg);
		-moz-transform: translate(-50px, -60px) rotate(74deg);
		-ms-transform: translate(-50px, -60px) rotate(74deg);
		-o-transform: translate(-50px, -60px) rotate(74deg);
	}

	60% {
		transform: translate(-20px, -30px) rotate(108deg);
		-webkit-transform: translate(-20px, -30px) rotate(108deg);
		-moz-transform: translate(-20px, -30px) rotate(108deg);
		-ms-transform: translate(-20px, -30px) rotate(108deg);
		-o-transform: translate(-20px, -30px) rotate(108deg);
	}

	80% {
		transform: translate(-195px, -49px) rotate(144deg);
		-webkit-transform: translate(-195px, -49px) rotate(144deg);
		-moz-transform: translate(-195px, -49px) rotate(144deg);
		-ms-transform: translate(-195px, -49px) rotate(144deg);
		-o-transform: translate(-195px, -49px) rotate(144deg);
	}

	100% {
		transform: translate(-1px, 0px) rotate(180deg);
		-webkit-transform: translate(-1px, 0px) rotate(180deg);
		-moz-transform: translate(-1px, 0px) rotate(180deg);
		-ms-transform: translate(-1px, 0px) rotate(180deg);
		-o-transform: translate(-1px, 0px) rotate(180deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zoominup {
	0% {
		transform: scale(1.1);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(1.1);
	}
}

@-webkit-keyframes updown {
	0% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
	}

	50% {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-o-transform: translateY(-5px);
	}

	100% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
	}
}

@-webkit-keyframes updown-2 {
	0% {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-o-transform: translateY(-15px);
	}

	50% {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
		-moz-transform: translateY(-5px);
		-ms-transform: translateY(-5px);
		-o-transform: translateY(-5px);
	}

	100% {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-o-transform: translateY(-15px);
	}
}

@keyframes ltr {
	0% {
		width: 0;
	}

	15% {
		width: 95%;
	}

	85% {
		opacity: 1;
	}

	90% {
		width: 95%;
		opacity: 0;
	}

	to {
		width: 0;
		opacity: 0;
	}
}

/*circleAnimation*/
@-webkit-keyframes circleAnimation {

	0%,
	100% {
		border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
		-webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
		transform: translate3d(0, 0, 0) rotateZ(0.01deg);
	}

	34% {
		border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
		-webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
		transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
	}

	50% {
		-webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg);
		transform: translate3d(0, 0, 0) rotateZ(0.01deg);
	}

	67% {
		border-radius: 100% 60% 60% 100% / 100% 100% 60% 60%;
		-webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
		transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
	}
}

@-webkit-keyframes icon-bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes icon-bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
	}

	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
}

@keyframes lr-animation {
	0% {
		-webkit-transform: translateX(40px);
		-ms-transform: translateX(40px);
		transform: translateX(40px);
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes tb-animation {
	0% {
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
	}

	100% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes xb_up_down {
	0% {
		transform: translateY(0);
	}

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

.slide-up-down {
	animation: xb_up_down 1s ease infinite alternate;
}

@keyframes xb_ltr {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateX(-20px);
	}
}

.slide-ltr {
	animation: xb_ltr 1s ease infinite alternate;
}

@-webkit-keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes zoom {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	50% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	100% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
}

@keyframes zoom {
	0% {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}

	50% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}

	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes shake {
	0% {
		-webkit-transform: rotate(7deg);
		-ms-transform: rotate(7deg);
		transform: rotate(7deg);
	}

	50% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(7deg);
		-ms-transform: rotate(7deg);
		transform: rotate(7deg);
	}
}

@keyframes shake {
	0% {
		-webkit-transform: rotate(7deg);
		-ms-transform: rotate(7deg);
		transform: rotate(7deg);
	}

	50% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(7deg);
		-ms-transform: rotate(7deg);
		transform: rotate(7deg);
	}
}

@-webkit-keyframes down {
	0% {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}

	50% {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}
}

@keyframes down {
	0% {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}

	50% {
		-webkit-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}

	100% {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
	}
}

@keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		-webkit-filter: alpha(opacity=50);
	}

	80% {
		transform: scale(1.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-ms-transform: scale(1.5);
		-o-transform: scale(1.5);
	}

	100% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}
}

@-webkit-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}

@-moz-keyframes outer-ripple {
	0% {
		transform: scale(1);
		filter: alpha(opacity=50);
		opacity: 0.5;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
	}

	80% {
		transform: scale(2.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(2.5);
		-moz-transform: scale(2.5);
		-ms-transform: scale(2.5);
		-o-transform: scale(2.5);
	}

	100% {
		transform: scale(3.5);
		filter: alpha(opacity=0);
		opacity: 0;
		-webkit-transform: scale(3.5);
		-moz-transform: scale(3.5);
		-ms-transform: scale(3.5);
		-o-transform: scale(3.5);
	}
}

@keyframes blink {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-moz-keyframes blink {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-ms-keyframes blink {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-o-keyframes blink {

	from,
	to {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@keyframes pulse-border {
	0% {
		transform: scale(1);
		opacity: 0.67;
	}

	100% {
		transform: scale(2.2);
		opacity: 0;
	}
}

@-webkit-keyframes pulse-border {
	0% {
		transform: scale(1);
		opacity: 0.67;
	}

	100% {
		transform: scale(2.2);
		opacity: 0;
	}
}

@-webkit-keyframes tada {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-5deg);
		transform: scale(0.9) rotate(-5deg);
	}

	50%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(5deg);
		transform: scale(1.1) rotate(5deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-5deg);
		transform: scale(1.1) rotate(-5deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}

@keyframes tada {
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-5deg);
		-ms-transform: scale(0.9) rotate(-5deg);
		transform: scale(0.9) rotate(-5deg);
	}

	50%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(5deg);
		-ms-transform: scale(1.1) rotate(5deg);
		transform: scale(1.1) rotate(5deg);
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-5deg);
		-ms-transform: scale(1.1) rotate(-5deg);
		transform: scale(1.1) rotate(-5deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(0);
		-ms-transform: scale(1) rotate(0);
		transform: scale(1) rotate(0);
	}
}

.wow.skewIn.animated {
	-webkit-animation-name: xbSkewIn;
	animation-name: xbSkewIn;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .7s;
	animation-duration: .7s;
	-webkit-animation-timing-function: cubic-bezier(0.67, 0.04, 0.3, 0.91);
	animation-timing-function: cubic-bezier(0.67, 0.04, 0.3, 0.91);
	will-change: transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@-webkit-keyframes xbSkewIn {
	0% {
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0);
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes xbSkewIn {
	0% {
		-webkit-clip-path: inset(0 100% 0 0);
		clip-path: inset(0 100% 0 0);
		-webkit-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		-webkit-clip-path: inset(0 0 0 0);
		clip-path: inset(0 0 0 0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.skewInImg {
	clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
}

.skewInImg img {
	transform-origin: 50% 50%;
	transition: 1.3s cubic-bezier(0.5, 0.5, 0, 1);
	max-width: 100%;
	height: auto;
	transform: scale(1.5) translate(100px, 0px);
}

.skewInImg.animated {
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.skewInImg.animated img {
	transform: scale(1) translate(0px, 0px);
}

/*--
    - Overlay
------------------------------------------*/
[data-overlay] {
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

[data-overlay]::before {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 100%;
}

/*-- Overlay Color --*/
[data-overlay="light"]::before {
	background-color: var(--color-white);
}

[data-overlay="dark"]::before {
	background-color: var(--color-black);
}

/*-- Overlay Opacity --*/
[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;
}

/*----------------------------------------*/
/*  02. header
/*----------------------------------------*/
@media (max-width: 991px) {
	.header__top-wrap {
		display: none;
	}
}

.header__top {
	padding: 11px 0;
}

.header__top-cta {
	font-size: 15px;
	font-weight: 700;
	color: var(--color-dark);
}

.header__top-cta span {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
}

.header__top-cta img {
	margin-right: 9px;
}

.header__top-info li {
	font-size: 12px;
	font-weight: 600;
	color: var(--color-dark);
}

.header__top-info li:not(:last-child) {
	margin-right: 75px;
}

.header__top-info li img {
	margin-right: 6px;
}

@media (max-width: 1199px) {
	.header__action {
		display: none;
	}
}

.header__action>li {
	margin-left: 40px;
	padding-left: 40px;
	position: relative;
}

.header__action>li:first-child {
	margin-left: 0;
}

.header__action>li::before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #EDF3F5;
	width: 1px;
	height: 34px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header__search {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-dark);
	display: flex;
	align-items: center;
}

.header__search:hover {
	color: var(--color-dark);
}

.header__search img {
	margin-right: 9px;
}

@media (max-width: 991px) {
	.header__language {
		display: none;
	}
}

.header__language ul {
	list-style: none;
}

.header__language ul>li {
	position: relative;
}

.header__language ul .lang-btn {
	color: var(--color-dark);
	font-size: 14px;
	text-align: right;
	display: flex;
	align-items: center;
	font-weight: 600;
	padding: 10px 0;
}

.header__language ul .lang-btn .arrow_down {
	margin-left: 7px;
	width: 13px;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.header__language ul .lang-btn .flag {
	margin-right: 7px;
	max-width: 17px;
	-webkit-transform: translateY(-1px);
	-ms-transform: translateY(-1px);
	transform: translateY(-1px);
}

.header__language ul .lang-btn i {
	font-size: 12px;
	padding-left: 3px;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.header__language ul li:hover ul {
	opacity: 1;
	visibility: visible;
	top: 100%;
}

.header__language .lang_sub_list {
	background: var(--color-white);
	border-radius: 5px;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	top: 120%;
	transition: 0.3s;
	position: absolute;
	right: 0;
	z-index: 9;
	min-width: 100px;
}

.header__language .lang_sub_list ul>li {
	border-radius: 4px;
	overflow: hidden;
}

.header__language .lang_sub_list li a {
	color: #646c76;
	display: block;
	padding-right: 29px;
	min-height: 37px;
	line-height: 37px;
	padding-left: 18px;
	font-size: 14px;
	font-weight: 500;
}

.header__language .lang_sub_list li a:hover {
	background: #f6f6f6;
}

.header__language .lang_sub_list li:not(:last-child) {
	border-bottom: 1px solid #ededed;
}

@media (max-width: 991px) {
	.header__wrap {
		padding: 5px 0;
	}
}

.header__bar:hover span:nth-child(2),
.header__bar:hover span:nth-child(4) {
	width: 100%;
}

.header__bar:hover span:nth-child(1),
.header__bar:hover span:nth-child(3) {
	width: 50%;
}

.header__bar span {
	right: 0;
	width: 100%;
	height: 2px;
	background-color: #292D32;
	border-radius: 48px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	-ms-border-radius: 48px;
	-o-border-radius: 48px;
	display: inline-block;
	position: absolute;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header__bar span:nth-child(1) {
	top: 0;
}

.header__bar span:nth-child(2) {
	top: 5px;
	width: 50%;
}

.header__bar span:nth-child(3) {
	bottom: 5px;
}

.header__bar span:nth-child(4) {
	bottom: 0;
	width: 50%;
}

.header__bar-icon {
	width: 19px;
	height: 17px;
	position: relative;
}

.header-style-two {
	background-color: var(--color-black);
}

@media (max-width: 991px) {
	.header-style-two {
		background-color: var(--color-white);
	}
}

.header-style-two .stricky.original .header__logo {
	display: none;
}

@media (max-width: 991px) {
	.header-style-two .stricky.original .header__logo {
		display: block;
	}
}

@media (max-width: 991px) {
	.header-style-two .stricky.original .header-search {
		display: none;
	}
}

.header-style-two .main-menu>ul>li>a span {
	padding: 0;
	border: 0;
}

.header-style-two .main-menu>ul>li>a {
	border-right: 1px solid #212121;
	position: relative;
	color: var(--color-white);
}

.header-style-two .main-menu>ul>li>a:hover::before {
	width: 100%;
}

.header-style-two .main-menu>ul>li>a::before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 2px;
	background-image: var(--color-gradient);
	content: "";
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.header-style-two .main-menu>ul>li:first-child>a {
	border-left: 1px solid #212121;
}

.header-style-two .main-menu ul li {
	margin-right: 0 !important;
}

.header-style-two .main-menu ul li a {
	padding: 28px 32px;
	font-size: 16px;
}

@media (max-width: 1199px) {
	.header-style-two .main-menu ul li a {
		padding: 25px;
	}
}

.header-style-two .main-menu ul .submenu {
	left: 0;
}

.header-style-two .main-menu ul li:hover>a,
.header-style-two .main-menu ul li.active>a {
	color: var(--color-white);
}

.header-style-two .main-menu ul li:hover>a:before,
.header-style-two .main-menu ul li.active>a::before {
	width: 100%;
	right: auto;
	left: 0;
}

.header-style-two .header-search {
	font-size: 14px;
	font-weight: 600;
	color: var(--color-dark);
	display: flex;
	align-items: center;
	justify-content: end;
	width: 188px;
	position: relative;
}

.header-style-two .header-search::before {
	position: absolute;
	bottom: -14px;
	left: 0;
	width: 100%;
	height: 2px;
	content: "";
	background-image: var(--color-gradient);
}

.header-style-two .header-search input {
	background: transparent;
	padding-left: 26px;
	font-size: 14px;
	color: var(--color-white);
}

.header-style-two .header-search input::-webkit-input-placeholder {
	color: #656565;
	opacity: 1;
}

.header-style-two .header-search input::-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.header-style-two .header-search input:-ms-input-placeholder {
	color: #656565;
	opacity: 1;
}

.header-style-two .header-search input:-moz-placeholder {
	color: #656565;
	opacity: 1;
}

.header-style-two .header-search>span {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header-style-two .stricked-menu .header-search {
	display: none;
}

.header-style-two .stricked-menu .main-menu>ul>li>a {
	color: var(--color-default);
	border: 0;
	padding: 34px 0;
}

.header-style-two .stricked-menu .main-menu ul li:hover>a,
.header-style-two .stricked-menu .main-menu ul li.active>a {
	color: var(--color-dark);
}

.header-style-two .stricked-menu .main-menu ul li:not(:last-child) {
	margin-right: 40px !important;
}

.header-style-two .xb-menu-primary li>a:hover,
.header-style-two .xb-menu-primary li>a.current,
.header-style-two .xb-menu-primary li.current_page_item>a,
.header-style-two .xb-menu-primary li.current-menu-item>a,
.header-style-two .xb-menu-primary li.current_page_ancestor>a,
.header-style-two .xb-menu-primary li.current-menu-ancestor>a,
.header-style-two .xb-menu-primary .xb-menu-toggle:hover {
	color: var(--color-primary-2);
}

.header-style-two .xb-header-mobile-search .search-field:focus {
	border-color: var(--color-primary-2);
}

.xb-header-top {
	border-bottom: 1px solid #212121;
	padding: 20px 0;
}

@media (max-width: 991px) {
	.xb-header-top {
		display: none;
	}
}

.xb-header-top .xb-item--info li {
	font-size: 20px;
	color: var(--color-white);
	display: flex;
	align-items: center;
	font-weight: 500;
}

.xb-header-top .xb-item--info li:not(:last-child) {
	margin-right: 70px;
}

.xb-header-top .xb-item--info li span {
	margin-right: 7px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.xb-header-top .xb-item--social li:not(:last-child) {
	margin-right: 10px;
}

.xb-header-top .xb-item--social li a {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #212121;
	display: inline-block;
	font-size: 14px;
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.xb-header-top .xb-item--social li a:hover::before {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.xb-header-top .xb-item--social li a::before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background-image: var(--color-gradient);
	z-index: -1;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.header-style-three {
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
	box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
}

@media (max-width: 991px) {
	.header-style-three {
		top: 10px;
	}
}

.header-style-three .main-menu__wrap {
	/* background: #fff;
	padding: 0 80px;
	border: 1px solid #EDF3F5;
	box-shadow: 0px 8px 19px rgba(156, 170, 194, 0.09); */
	border-radius: 67px;
	-webkit-border-radius: 67px;
	-moz-border-radius: 67px;
	-ms-border-radius: 67px;
	-o-border-radius: 67px;
	margin-left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.header-style-three .main-menu__wrap {
		padding: 0 40px;
	}
}

@media (max-width: 1199px) {
	.header-style-three .main-menu__wrap {
		padding: 0 30px;
	}
}

.header-style-three .main-menu ul li:not(:last-child) {
	margin-right: 35px;
}

.header-style-three .main-menu ul li a {
	padding: 20px 0 10px;
	border-bottom: 2px solid transparent;
	border-radius: 5px;
	color: #212121;
	text-transform: capitalize;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 15px;
}

.header-style-three .main-menu ul li a:hover {
color: #2a62aa !important;
border-color: #2a62aa;
	border-radius:0px;
}

.header-style-three .main-menu ul li a i {
	margin-right: 5px;
	font-size: 15px;
}

.header-style-three .main-menu>ul>li>a span {
	padding: 0;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

.header-style-three .header__language {
	padding-left: 100px;
}

.header-style-three .header__action a {
	width: 60px;
	height: 60px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 15px;
	box-shadow: 0px 8px 19px rgba(156, 170, 194, 0.09);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.header-style-three .header__action a img {
	margin: 0;
}

.header-style-three .header__bar-icon {
	width: 19px;
	height: 17px;
	position: relative;
}

.header-style-three .stricked-menu .main-menu__wrap {
	box-shadow: none;
	border: 0;
}

.stricked-menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	top: 0;
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: 0.5s cubic-bezier(0.33, 0.64, 0.62, 0.91);
	-o-transition: 0.5s cubic-bezier(0.33, 0.64, 0.62, 0.91);
	transition: 0.5s cubic-bezier(0.33, 0.64, 0.62, 0.91);
	visibility: hidden;
	background-color: var(--color-white);
}

.stricked-menu .main-menu ul li a {
	padding: 21px 0;
	color: #16284A;
}

.stricked-menu.stricky-fixed {
	-webkit-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
	visibility: visible;
	-webkit-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
	-khtml-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
	-moz-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
	-ms-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
	-o-box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
	box-shadow: 0 3px 18px rgba(2, 21, 78, 0.09);
	background-color:#fff;
}

/* Navigation css */
.main-menu {
	display: flex;
	align-items: center;
	flex-grow: 1;
}

.main-menu ul {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

.main-menu ul li {
	position: relative;
}

.main-menu ul li:not(:last-child) {
	margin-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.main-menu ul li:not(:last-child) {
		margin-right: 15px;
	}
}

.main-menu ul li .submenu li {
	margin-right: 0;
}

.main-menu ul li a {
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	font-weight: 500;
	color: #111;
	padding: 41px 0;
	position: relative;
	line-height: 22px;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.main-menu ul li.menu-item-has-children>a span::after {
	content: "+";
	display: inline-block;
	padding-left: 18px;
	font-weight: 500;
}

.main-menu ul li.menu-item-has-children:hover>.submenu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	transform: none !important;
	pointer-events: all;
}

.main-menu ul li:hover>a,
.main-menu ul li.active>a {
	color: var(--color-dark);
}

.main-menu ul li .submenu {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	position: absolute;
	min-width: 240px;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	background: var(--color-white);
	left: -10px;
	padding: 20px 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: 3;
	text-align: left;
	-webkit-transform: translate3d(0, 18px, 0);
	-ms-transform: translate3d(0, 18px, 0);
	transform: translate3d(0, 18px, 0);
	pointer-events: none;
	box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.1);
}

.main-menu ul li .submenu li a {
	display: block;
	margin: 0;
	padding: 7px 30px;
}

.main-menu ul li .submenu li:hover>a,
.main-menu ul li .submenu li.active>a {
	color: var(--color-dark);
}

.main-menu ul li .submenu ul {
	left: 100%;
	top: 0px;
}

.main-menu>ul>li>a span {
	position: relative;
	display: inline-block;
	padding: 5px 19px;
	border: 1px solid var(--color-border);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.thm-btn {
	font-size: 16px;
	font-weight: 600;
	text-transform: None;
	color: var(--color-white);
	border-style: none;
	padding: 21px 50px 23px;
	align-self: center;
	position: relative;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	line-height: 1.1;
	letter-spacing: -.3px;
	transition: all 0.2s cubic-bezier(0.68, 0.01, 0.58, 0.75);
	background-color: var(--color-primary);
}

.thm-btn:hover {
	color: var(--color-white);
	background-color: var(--color-secondary);
}

.thm-btn--white {
	color: var(--color-dark);
	background-color: var(--color-white);
}

.thm-btn--white:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.thm-btn--white:hover span svg path {
	stroke: #fff;
}

.thm-btn--trv {
	padding: 20px 50px 21px;
	border-radius: 91px;
	-webkit-border-radius: 91px;
	-moz-border-radius: 91px;
	-ms-border-radius: 91px;
	-o-border-radius: 91px;
}

.thm-btn--trv:hover {
	background-color: #09AD84;
}

.thm-btn--trv:hover span {
	-webkit-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
}

.thm-btn--trv span {
	padding-left: 21px;
	display: inline-block;
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
}

.thm-btn--trv span svg path {
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
}

.thm-btn--trv.thm-btn--white:hover {
	background-color: var(--color-primary);
}

.grd-btn {
	background-image: var(--color-gradient);
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: -0.16px;
	text-transform: capitalize;
	display: inline-block;
	padding: 19px 40px;
	font-weight: 600;
	color: var(--color-white);
	line-height: 1.1;
	border-radius: 80px;
	-webkit-border-radius: 80px;
	-moz-border-radius: 80px;
	-ms-border-radius: 80px;
	-o-border-radius: 80px;
	background-size: 200%, 1px;
	background-image: -moz-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
	background-image: -webkit-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
	background-image: -ms-linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
	background-image: linear-gradient(to right, var(--gradient-color-from) 0%, var(--gradient-color-to) 50%, var(--gradient-color-from) 100%);
}

.grd-btn:hover {
	color: var(--color-white);
	background-position: 100% 0;
}

.grd-btn span {
	margin-left: 25px;
}

.xb-tran-btn {
	font-size: 16px;
	color: var(--color-white);
	padding: 15px 0;
	display: inline-block;
	position: relative;
	font-weight: 600;
	text-transform: capitalize;
}

.xb-tran-btn:hover {
	color: var(--color-white);
}

.xb-tran-btn:hover span {
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px);
}

.xb-tran-btn:hover::before {
	width: 0;
}

.xb-tran-btn:before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	height: 2px;
	bottom: 0;
	top: auto;
	background: var(--color-gradient);
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.xb-tran-btn span {
	margin-left: 40px;
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	display: inline-block;
	line-height: 1;
}

.btns {
	margin: -12px;
}

.btns.gap-20 {
	margin: -10px;
}

.btns.gap-20 a {
	margin: 10px;
}

.btns a {
	margin: 12px;
}

/*----------------------------------------*/
/*  03. globel
/*----------------------------------------*/
@media (min-width: 1024px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1300px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

.demo-studient-visa {
	font-family: var(--font-inter);
	letter-spacing: -0.16px;
	color: #555;
	font-weight: 400;
}

/* .demo-travel-agency {
	background-color: #F0F2F6;
} */

.gradient-bg {
	background-image: linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
	background-image: -moz-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
	background-image: -ms-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
	background-image: -o-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
	background-image: -webkit-linear-gradient(90deg, var(--gradient-color-from) 0%, var(--gradient-color-to) 100%);
}

.tagcloud,
.tags-links {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	margin: -10px;
}

.tagcloud a,
.tags-links a {
	display: block;
	color: #787B84;
	border: 1px solid #EDF3F5;
	min-height: 36px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	text-transform: capitalize;
	text-decoration: none;
	font-weight: 500;
	padding: 2px 17px 5px;
	margin: 7px;
	position: relative;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.tagcloud a:hover,
.tags-links a:hover {
	color: var(--color-white);
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

.body-overlay {
	background-color: #000000;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1010;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s linear 0s;
	transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
}

.body-overlay.active {
	opacity: .5;
	visibility: visible;
}

.post-tags li {
	font-size: 15px;
	text-transform: capitalize;
	position: relative;
}

.post-tags li:not(:first-child, :last-child) {
	margin-right: 11px;
	padding-right: 15px;
}

.post-tags li:not(:first-child, :last-child)::before {
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 5px;
	height: 5px;
	background-color: var(--color-primary);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	content: "";
}

.post-tags li span {
	display: inline-block;
	background-color: var(--color-primary);
	padding: 0px 10px;
	line-height: 25px;
	color: var(--color-white);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	margin-right: 12px;
}

.post-tags li a {
	color: var(--color-black);
}

.post-tags li a:hover {
	color: var(--color-black);
}

.mfp-zoom-in .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.mfp-zoom-in.mfp-ready .mfp-content {
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close {
	padding: 0;
	right: 0;
	text-align: center;
	top: -36px;
	width: 36px;
	height: 36px;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	background: var(--color-white);
	cursor: pointer;
	opacity: 1;
	font-size: 0;
	border: 9px solid transparent;
	position: absolute;
}

body .mfp-wrap .mfp-container .mfp-content .mfp-figure .mfp-close {
	top: 4px;
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close::before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0;
	margin-top: -1px;
	transform-origin: 50% 50%;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	background-color: #222;
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close::before {
	-webkit-transform: rotate(45deg);
	-khtml-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close::after {
	-webkit-transform: rotate(-45deg);
	-khtml-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::after {
	-webkit-transform: rotate(0);
	-khtml-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::before,
body .mfp-wrap .mfp-container .mfp-content .mfp-close:hover::after {
	-webkit-transform: rotate(0);
	-khtml-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}

.mfp-iframe-holder .mfp-content {
	max-width: 1170px;
}

.xb-carousel-inner {
	margin: -30px;
}

.xb-swiper-sliders {
	position: relative;
}

.xb-swiper-container {
	overflow: hidden;
	padding: 30px;
}

.xb-swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

.xb-swiper-slide:not(.swiper-slide-visible) {
	opacity: 0;
}

.xb-swiper-slide {
	-webkit-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
	-khtml-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
	-moz-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
	-ms-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
	-o-transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
	transition: opacity 0.25s cubic-bezier(0.71, 0.02, 0.31, 1);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	align-items: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.border-bottom {
	border-bottom: 1px solid #F3F3F3;
}

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

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

.xb-overlay-link {
	z-index: 1;
}

.text-12 {
	font-size: 12px;
}

.letter-spacing-0 {
	letter-spacing: 0;
}

@media (max-width: 991px) {
	.margin-none-md {
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {
	.mb-30-xs {
		margin-bottom: 30px;
	}
}

.sidebar-widget .widget {
	background-color: #EDF3F5;
	padding: 30px 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	margin-bottom: 50px;
}

@media (max-width: 767px) {
	.sidebar-widget .widget {
		padding: 30px 20px;
	}
}

.sidebar-widget .widget h3 {
	font-size: 24px;
	color: #0F172A;
	margin-bottom: 25px;
}

.sidebar-widget .widget-category li:not(:last-child) {
	margin-bottom: 10px;
}

.sidebar-widget .widget-category li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 18px;
	color: #787B84;
	background-color: var(--color-white);
	padding: 17px 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.sidebar-widget .widget-category li a:hover,
.sidebar-widget .widget-category li a.active {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.sidebar-widget .widget-category li a span {
	width: 30px;
	height: 30px;
	background-color: var(--color-primary);
	border: 1px solid #EDF3F5;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.sidebar-widget .widget-category.country-widget li a span {
	background: none;
	width: 34px;
	height: 34px;
	border: 0;
}

.sidebar-widget .widget-category.country-widget li a span.plus {
	background-color: #EDF3F5;
	color: #0F172A;
	font-size: 14px;
}

.sidebar-widget .widget-download {
	margin: 0 -10px;
}

.sidebar-widget .widget-download li {
	width: 50%;
	padding: 0 10px;
}

.sidebar-widget .widget-download li a {
	background-color: var(--color-white);
	display: inline-block;
	text-align: center;
	padding: 20px 10px;
	padding-bottom: 20px;
	padding-bottom: 0;
	width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.sidebar-widget .widget-download .xb-item--icon {
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color-primary);
	margin: 0 auto 15px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.sidebar-widget .widget-download .xb-item--title {
	font-size: 16px;
	line-height: 22px;
	letter-spacing: -0.16px;
	margin-bottom: 15px;
}

.sidebar-widget .widget-download .xb-item--size {
	color: #787B84;
	font-family: var(--font-heading);
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	letter-spacing: -0.14px;
	border-top: 1px solid #EDF3F5;
	margin: 0 -10px;
	padding: 4px;
}

.widget-banner.widget {
	padding: 50px 40px;
}

.widget-banner h4 {
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 40px;
}

.single-content h3 {
	font-weight: 700;
	margin-bottom: 25px;
	font-size: 32px;
}

.single-content h4 {
	font-size: 24px;
	margin-bottom: 30px;
	letter-spacing: -0.72px;
}

.single-content p {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	color: #787B84;
	margin-bottom: 30px;
}

.single-content__feature {
	margin: 0 -15px;
	margin-bottom: 50px;
}

.single-content-feature {
	width: 50%;
}

@media (max-width: 767px) {
	.single-content-feature {
		width: 100%;
	}
}

.single-content-feature .xb-item--inner {
	background-color: var(--color-white);
	border: 1px solid #EDF3F5;
	margin: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding: 30px 25px;
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.single-content-feature .xb-item--inner.color-2::before {
	background-color: #1496F8;
}

.single-content-feature .xb-item--inner.color-2 .xb-item--icon {
	background-color: rgba(20, 149, 248, 0.1);
}

.single-content-feature .xb-item--inner.color-3::before {
	background-color: #00CC99;
}

.single-content-feature .xb-item--inner.color-3 .xb-item--icon {
	background-color: rgba(0, 204, 153, 0.1);
}

.single-content-feature .xb-item--inner.color-4::before {
	background-color: #FFBD0F;
}

.single-content-feature .xb-item--inner.color-4 .xb-item--icon {
	background-color: rgba(255, 187, 15, 0.1);
}

.single-content-feature .xb-item--inner::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 47px;
	background-color: #FE6C3F;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	content: "";
}

.single-content-feature .xb-item--inner:hover {
	box-shadow: 0px 21px 32px rgba(206, 220, 227, 0.23);
}

.single-content-feature .xb-item--icon {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: rgba(254, 108, 63, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.single-content-feature .xb-item--title {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.6px;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.single-content-list {
		padding-left: 0;
	}
}

.single-content-list li {
	font-size: 20px;
	font-family: var(--font-heading);
	font-weight: 500;
	display: flex;
	align-items: center;
}

.single-content-list li:not(:last-child) {
	margin-bottom: 17px;
}

.single-content-list li img {
	margin-right: 10px;
}

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

.xb-strock-text {
	font-size: 303px;
	font-weight: 700;
	letter-spacing: -9.09px;
	font-family: var(--font-dancing);
	color: rgba(0, 0, 0, 0.02);
	z-index: -1;
	left: 0;
	right: 0;
	width: auto;
	text-align: center;
	position: absolute;
	bottom: 2%;
}

@media (max-width: 1199px) {
	.xb-strock-text {
		font-size: 160px;
	}
}

@media (max-width: 767px) {
	.xb-strock-text {
		font-size: 40px;
		letter-spacing: -2px;
	}
}

.xb-star-rating {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 0;
}

.xb-star-rating li {
	display: inline-flex;
	font-size: 12px;
	line-height: 1.5em;
	color: #ffcc00;
	margin: 0;
}

/*----------------------------------------*/
/*  04. hero
/*----------------------------------------*/
.hero__style-one {
	min-height: 755px;
	display: flex;
	align-items: center;
	overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.hero__style-one {
		min-height: 700px;
	}
}

@media (max-width: 1199px) {
	.hero__style-one {
		min-height: 670px;
	}
}

.hero__content h1 {
	font-size: 72px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 23px;
}

@media (max-width: 1199px) {
	.hero__content h1 {
		font-size: 60px;
	}
}

@media (max-width: 767px) {
	.hero__content h1 {
		font-size: 40px;
	}
}

.hero__content h1 span {
	color: var(--color-default);
}

.hero__content p {
	font-size: 20px;
}

.hero__style-two {
	min-height: 746px;
	display: flex;
	align-items: end;
	position: relative;
	overflow: hidden;
}

@media (max-width: 1199px) {
	.hero__style-two {
		min-height: 650px;
	}
}

@media (max-width: 767px) {
	.hero__style-two {
		min-height: 500px;
	}
}

.hero__style-two::before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	height: 55%;
	bottom: 0;
	top: auto;
	z-index: 2;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
	background: linear-gradient(180deg, #010101 0%, rgba(0, 0, 0, 0) 100%);
}

.hero__style-three {
	min-height: 928px;
	display: flex;
	align-items: center;
	z-index: 1;
}

@media (max-width: 991px) {
	.hero__style-three {
		min-height: 750px;
		padding-top: 100px;
	}
}

@media (max-width: 767px) {
	.hero__style-three {
		min-height: 700px;
		padding-top: 60px;
	}
}

.xb-hero-content {
	margin-left: 30px;
}

@media (max-width: 1199px) {
	.xb-hero-content {
		margin-left: 0;
	}
}

.xb-hero-content .xb-hero--img {
	z-index: 1;
	position: relative;
	-webkit-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	opacity: 0;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
}

@media (max-width: 1199px) {
	.xb-hero-content .xb-hero--img {
		max-width: 700px;
		margin: auto;
	}
}

.xb-hero-content .xb-hero--holder {
	position: absolute;
	bottom: 120px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.xb-hero-content .xb-hero--holder h1 {
	font-size: 100px;
	color: #fff;
	text-shadow: 1px 7px 0px #000;
	font-weight: 800;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: -3px;
}

@media (max-width: 1199px) {
	.xb-hero-content .xb-hero--holder h1 {
		font-size: 80px;
	}
}

@media (max-width: 991px) {
	.xb-hero-content .xb-hero--holder h1 {
		font-size: 60px;
		letter-spacing: 0;
	}
}

@media (max-width: 767px) {
	.xb-hero-content .xb-hero--holder h1 {
		font-size: 35px;
	}
}

.xb-hero-content .xb-hero--subtitle {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 6.72px;
	display: inline-block;
	color: var(--color-white);
	z-index: 1;
	position: relative;
	margin-bottom: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-transform: translateX(-32px);
	-ms-transform: translateX(-32px);
	transform: translateX(-32px);
}

@media (max-width: 1199px) {
	.xb-hero-content .xb-hero--subtitle {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@media (max-width: 767px) {
	.xb-hero-content .xb-hero--subtitle {
		margin-bottom: 40px;
	}
}

.xb-hero-content .xb-hero--subtitle span {
	-webkit-transition: 0.7s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.7s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.7s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	opacity: 0;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.xb-hero-content .xb-hero--subtitle img:first-child {
	margin-right: 15px;
}

.xb-hero-content .xb-hero--subtitle img:last-child {
	margin-left: 15px;
}

.xb-hero-content .xb-hero--title {
	margin-bottom: 25px;
}

.xb-hero-content .xb-hero--title span {
	display: inline-block;
}

.xb-hero-content .xb-hero--title>span {
	-webkit-transition: 0.8s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.8s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.8s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	opacity: 0;
}

.xb-hero-content .xb-hero--title>span:first-child {
	-webkit-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	transform: translateX(-40px);
}

.xb-hero-content .xb-hero--title>span:last-child {
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
}

.xb-hero-content .xb-hero--title>span:first-child {
	margin-right: 185px;
}

@media (max-width: 991px) {
	.xb-hero-content .xb-hero--title>span:first-child {
		margin-right: 155px;
	}
}

@media (max-width: 767px) {
	.xb-hero-content .xb-hero--title>span:first-child {
		margin-right: 5px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.xb-hero-content .xb-hero--title>span:first-child {
		margin-right: 100px;
	}
}

.xb-hero-content .xb-hero--title2 {
	z-index: 5;
	position: relative;
	margin-bottom: 85px;
	-webkit-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	opacity: 0;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

@media (max-width: 1199px) {
	.xb-hero-content .xb-hero--title2 {
		margin-bottom: 60px;
	}
}

@media (max-width: 1199px) {
	.xb-hero-content .xb-hero--title2 {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.xb-hero-content .xb-hero--btn {
	z-index: 5;
	position: relative;
	-webkit-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.6s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	opacity: 0;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
}

.xb-hero-content .xb-hero--btn a {
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px);
}

@media (max-width: 1199px) {
	.xb-hero-content .xb-hero--btn a {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

.xb-hero-content.wow.animated .xb-hero--title>span,
.xb-hero-content.wow.animated .xb-hero--subtitle span,
.xb-hero-content.wow.animated .xb-hero--title2,
.xb-hero-content.wow.animated .xb-hero--btn,
.xb-hero-content.wow.animated .xb-hero--img {
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}

.xb-hero-content.wow.animated .xb-hero--subtitle span {
	transition-delay: .2s;
}

.xb-hero-content.wow.animated .xb-hero--title>span {
	transition-delay: .4s;
}

.xb-hero-content.wow.animated .xb-hero--title2 {
	transition-delay: .7s;
}

.xb-hero-content.wow.animated .xb-hero--btn {
	transition-delay: .8s;
}

.xb-list li {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-dark);
}

.xb-list li:not(:last-child) {
	margin-bottom: 11px;
}

.xb-list li i {
	color: var(--color-default);
	margin-right: 20px;
}

.xb-hero-content2 .xb-item--holder span {
	font-size: 20px;
	font-family: var(--font-dancing);
	font-weight: 700;
	color: #0F172A;
	display: inline-block;
	margin-bottom: 15px;
}

.xb-hero-content2 .xb-item--holder p {
	font-size: 20px;
	font-weight: 500;
	line-height: 30px;
	margin-bottom: 42px;
}

.xb-hero-content2 .xb-item--title {
	font-size: 70px;
	font-weight: 700;
	line-height: 87px;
	margin-bottom: 24px;
}

@media (max-width: 767px) {
	.xb-hero-content2 .xb-item--title {
		font-size: 40px;
		line-height: 50px;
	}
}

.xb-hero-content2 .xb-item--btn .thm-btn--white {
	filter: drop-shadow(0px 16px 80px rgba(167, 167, 167, 0.25));
}

.xb-hero-strock-text {
	position: absolute;
	bottom: 26%;
	left: 12%;
	font-size: 303px;
	font-weight: 700;
	letter-spacing: -9.09px;
	text-transform: lowercase;
	font-family: var(--font-dancing);
	color: rgba(0, 0, 0, 0.02);
	transform: rotate(-21.406deg);
	z-index: -1;
	margin-right: -10%;
}

.xb-hero-shape {
	position: absolute;
	top: 36%;
	left: 0;
	z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-hero-shape {
		display: none;
	}
}

@media (max-width: 1199px) {
	.xb-hero-shape {
		display: none;
	}
}

/*----------------------------------------*/
/*  05. brand
/*----------------------------------------*/
.brand-slider .xb-swiper-slide a {
	display: inline-block;
	padding: 25px 27px;
	width: 100%;
	position: relative;
	z-index: 1;
	min-height: 80px;
	opacity: .5;
	display: flex;
	align-items: center;
	justify-content: center;
}

.brand-slider .xb-swiper-slide a::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-white);
	content: "";
	box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	z-index: -1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	transform: scale(0.8);
}

.brand-slider .xb-swiper-slide a:hover {
	opacity: 1;
}

.brand-slider .xb-swiper-slide a:hover::before {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.brand-title {
	font-size: 18px;
	color: var(--color-default);
	letter-spacing: -0.18px;
}

.brand-title>span {
	padding: 0 100px;
	position: relative;
	display: inline-block;
}

@media (max-width: 767px) {
	.brand-title>span {
		padding: 0;
	}
}

.brand-title>span::before {
	position: absolute;
	top: 60%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	height: 1px;
	background-color: var(--color-default);
	content: "";
	left: 0;
	z-index: -1;
}

.brand-title>span span {
	padding: 0 10px;
	background-color: var(--color-white);
}

.xb-brand1 .xb-item--item {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 53px 20px;
	border-top: 1px dashed #D4D5D6;
	border-right: 1px dashed #D4D5D6;
	position: relative;
	min-height: 152px;
	margin-top: -1px;
}

@media (max-width: 991px) {
	.xb-brand1 .xb-item--item {
		min-height: 100px;
		padding: 25px 20px;
	}
}

@media (max-width: 767px) {
	.xb-brand1 .xb-item--item {
		width: 50%;
	}
}

.xb-brand1 .xb-item--item:nth-child(1),
.xb-brand1 .xb-item--item:nth-child(2),
.xb-brand1 .xb-item--item:nth-child(3),
.xb-brand1 .xb-item--item:nth-child(4) {
	border-top: 0;
}

.xb-brand1 .xb-item--item:nth-child(4),
.xb-brand1 .xb-item--item:nth-child(8) {
	border-right: 0;
}

.xb-brand1 .xb-item--item::before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--color-white);
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.xb-brand1 .xb-item--item:hover::before {
	border-radius: 76px 0;
	-webkit-border-radius: 76px 0;
	-moz-border-radius: 76px 0;
	-ms-border-radius: 76px 0;
	-o-border-radius: 76px 0;
}

.xb-brand1 .xb-item--item::after {
	position: absolute;
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	right: -4px;
	bottom: -14px;
	font-size: 12px;
	z-index: 2;
	background: var(--color-gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	opacity: 0;
}

.xb-brand1 .xb-item--item:nth-child(1)::after,
.xb-brand1 .xb-item--item:nth-child(2)::after,
.xb-brand1 .xb-item--item:nth-child(3)::after {
	opacity: 1;
}

@media (max-width: 767px) {
	.xb-brand1 .xb-item--item:nth-child(2)::after {
		opacity: 0;
	}
}

@media (max-width: 767px) {
	.xb-brand1 .xb-item--item:nth-child(5)::after {
		opacity: 1;
	}
}

.xb-brand1 .xb-item--inner {
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}

.xb-brand1 .xb-item--inner img {
	max-width: 180px;
}

@media (max-width: 1199px) {
	.xb-brand1 .xb-item--inner img {
		max-width: 150px;
	}
}

@media (max-width: 991px) {
	.xb-brand1 .xb-item--inner img {
		max-width: 100px;
	}
}

.brand-shape .shape {
	position: absolute;
	z-index: -1;
}

.brand-shape .shape--1 {
	top: 42%;
	left: 4%;
}

.brand-shape .shape--2 {
	top: 45%;
	right: 4%;
}

.xb-brand2 .xb-item--inner {
	padding: 35px 15px;
	background-color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	filter: drop-shadow(0px 14px 19px rgba(221, 229, 236, 0.42));
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
	min-height: 150px;
}

.xb-brand2 .xb-item--inner:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.xb-brand2__mt {
	margin-top: -170px;
	z-index: 1;
	position: relative;
}

.brand-pb {
	padding-bottom: 260px;
}

.xb-strock-text-brand {
	bottom: 30%;
	z-index: -1;
	left: -10%;
	right: -10%;
}

@media (max-width: 767px) {
	.xb-strock-text-brand {
		bottom: 58%;
	}
}

/*----------------------------------------*/
/*  06. service
/*----------------------------------------*/
.xb-service:hover .xb-item--inner {
	box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
	border-color: transparent;
}

.xb-service .xb-item--inner {
	padding: 42px;
	border: 1px solid #EDF3F5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background-color: var(--color-white);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.xb-service .xb-item--inner::before {
	position: absolute;
	width: 70px;
	height: 160px;
	border-radius: 35px;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	-ms-border-radius: 35px;
	-o-border-radius: 35px;
	background-color: #F4F8FA;
	content: "";
	top: -39px;
	left: 5px;
	z-index: -1;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.xb-service .xb-item--icon {
	width: 58px;
	height: 58px;
	background-color: #FE6C3F;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
}

.xb-service .xb-item--icon.color2 {
	background-color: #897CB5;
}

.xb-service .xb-item--icon.color3 {
	background-color: #00CC99;
}

.xb-service .xb-item--icon.color4 {
	background-color: #0091FF;
}

.xb-service .xb-item--icon.color5 {
	background-color: #FFBD0F;
}

.xb-service .xb-item--icon.color6 {
	background-color: #FB3F7E;
}

.xb-service .xb-item--title {
	font-size: 24px;
}

.xb-service .xb-item--title a {
	color: currentColor;
}

.xb-service__top {
	align-items: end;
	padding: 0 45px;
}

@media (max-width: 991px) {
	.xb-service__top {
		padding: 0;
	}
}

.xb-service2 {
	width: 25%;
}

@media (max-width: 1199px) {
	.xb-service2 {
		width: 33.333%;
	}
}

@media (max-width: 991px) {
	.xb-service2 {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.xb-service2 {
		width: 100%;
	}
}

.xb-service2:nth-child(1) .xb-item--inner,
.xb-service2:nth-child(2) .xb-item--inner,
.xb-service2:nth-child(3) .xb-item--inner,
.xb-service2:nth-child(4) .xb-item--inner {
	border-top: 0;
}

.xb-service2:nth-child(4) .xb-item--inner,
.xb-service2:nth-child(8) .xb-item--inner {
	border-right: 0;
}

@media (max-width: 991px) {

	.xb-service2:nth-child(3) .xb-item--inner,
	.xb-service2:nth-child(4) .xb-item--inner {
		border-top: 1px solid #1D1D1D;
	}
}

@media (max-width: 991px) {

	.xb-service2:nth-child(2) .xb-item--inner,
	.xb-service2:nth-child(6) .xb-item--inner {
		border-right: 0;
	}
}

.xb-service2 .xb-item--inner {
	padding: 45px;
	border-right: 1px solid #1D1D1D;
	border-top: 1px solid #1D1D1D;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-service2 .xb-item--inner {
		padding: 40px 30px;
	}
}

.xb-service2 .xb-item--inner:hover {
	background-color: #121212;
}

.xb-service2 .xb-item--inner:hover .xb-item--link::before {
	right: -25px;
}

.xb-service2 .xb-item--icon {
	margin-bottom: 30px;
	min-height: 48px;
}

.xb-service2 .xb-item--title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-white);
	margin-bottom: 20px;
}

.xb-service2 .xb-item--title a {
	color: var(--color-white);
}

.xb-service2 .xb-item--content {
	font-size: 14px;
	color: #A3A3A3;
	line-height: 24px;
	margin-bottom: 40px;
	letter-spacing: 0;
}

.xb-service2 .xb-item--link {
	font-size: 12px;
	font-weight: 500;
	color: var(--color-white);
	text-transform: uppercase;
	position: relative;
}

.xb-service2 .xb-item--link::before {
	position: absolute;
	top: 50%;
	right: -16px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 6px solid #fff;
	border-left-width: 9px;
	content: "";
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.xb-service2 .xb-item--link-full {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.service-bg {
	position: absolute;
	top: 0;
	left: 0;
	max-height: 475px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #EDF3F5;
}

.service-img {
	position: absolute;
	top: 0;
	right: 0;
	width: 41.5%;
	max-height: 790px;
	height: 100%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

@media (max-width: 991px) {
	.service-img {
		display: none;
	}
}

.service-wrap {
	margin: 0 -100px;
	padding: 0 100px;
}

.service-bottom-pb {
	padding-bottom: 310px;
}

.service-shape .shape {
	position: absolute;
}

@media (max-width: 991px) {
	.service-shape .shape {
		display: none;
	}
}

.service-shape .shape--1 {
	top: -2%;
	left: 4%;
}

.service-shape .shape--2 {
	top: -2%;
	right: 4%;
}

.service-shape .shape--3 {
	left: 3%;
	bottom: 24%;
}

.service-shape .shape--4 {
	right: 2%;
	bottom: 25%;
}

/*----------------------------------------*/
/*  07. about
/*----------------------------------------*/
.about__img {
	position: absolute;
	top: 44%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	right: -13px;
}

@media (max-width: 1199px) {
	.about__img {
		width: 46%;
	}
}

.about__img.style2 {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: -1;
	right: 0;
	top: auto;
	bottom: 0;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
}

.about-list {
	margin: -10px;
}

.about-list li {
	padding: 10px;
	width: 50%;
}

@media (max-width: 767px) {
	.about-list li {
		width: 100%;
	}
}

.about-list .xb-item--inner {
	position: relative;
	padding: 40px 25px;
	overflow: hidden;
	z-index: 1;
	box-shadow: 0px 30px 45px rgba(122, 146, 168, 0.08);
	border: 1px solid #EDF3F5;
	background-color: var(--color-white);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

.about-list .xb-item--inner::before {
	position: absolute;
	width: 45px;
	height: 105px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	background-color: #F4F8FA;
	content: "";
	top: -6px;
	left: 0px;
	z-index: -1;
	border-top-right-radius: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.about-list .xb-item--number {
	width: 36px;
	height: 36px;
	margin-right: 29px;
	background-color: #FE6C3F;
	color: var(--color-dark);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: 49px;
	left: 25px;
	font-weight: 700;
	box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
	color: var(--color-white);
}

.about-list .xb-item--number.color-2 {
	background-color: #00CC99;
}

.about-list .xb-item--number.color-3 {
	background-color: #0091FF;
}

.about-list .xb-item--number.color-4 {
	background-color: #FFBD0F;
}

.about-list .xb-item--holder {
	padding-left: 60px;
}

.about-list .xb-item--title {
	font-size: 24px;
}

.xb-about-img {
	margin-top: -80px;
	margin-right: -50px;
}

@media (max-width: 1199px) {
	.xb-about-img {
		margin-top: -30px;
		margin-right: 0;
	}
}

@media (max-width: 991px) {
	.xb-about-img {
		margin-top: 0;
	}
}

.about-shape .shape {
	position: absolute;
	z-index: -1;
}

.about-shape .shape--1 {
	left: 6%;
	top: 46%;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.about-shape .shape--1 {
		left: 1%;
		top: 42%;
	}
}

@media (max-width: 1199px) {
	.about-shape .shape--1 {
		display: none;
	}
}

.about-shape .shape--2 {
	right: 7%;
	top: 42%;
}

@media (max-width: 767px) {
	.about-shape .shape--2 {
		display: none;
	}
}

.xb-about-content p {
	margin-bottom: 18px;
}

.xb-about-content a {
	color: #110F10;
	font-weight: 500;
	letter-spacing: -0.32px;
}

.xb-about-content a:hover i {
	-webkit-transform: translate(5px, 2px);
	-ms-transform: translate(5px, 2px);
	transform: translate(5px, 2px);
}

.xb-about-content a i {
	margin-left: 15px;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-about2 .xb-item--img img {
	border: 5px solid #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	box-shadow: 0px 6px 13px 0px rgba(85, 96, 118, 0.08);
}

@media (max-width: 1199px) {
	.xb-about2 .xb-item--main-img {
		max-width: 350px;
		margin: auto;
	}
}

@media (max-width: 767px) {
	.xb-about2 .xb-item--main-img {
		max-width: 200px;
	}
}

.xb-about2 .xb-item--sml-img1 {
	position: absolute;
	top: 60px;
	left: -50px;
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg);
	z-index: -1;
}

@media (max-width: 767px) {
	.xb-about2 .xb-item--sml-img1 {
		max-width: 150px;
		left: 0;
		top: 0;
	}
}

.xb-about2 .xb-item--sml-img2 {
	position: absolute;
	bottom: 60px;
	right: 0;
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}

@media (max-width: 1199px) {
	.xb-about2 .xb-item--sml-img2 {
		right: 35px;
		max-width: 150px;
	}
}

@media (max-width: 767px) {
	.xb-about2 .xb-item--sml-img2 {
		max-width: 120px;
		right: 0;
		bottom: 10px;
	}
}

.xb-about-shape {
	position: absolute;
	top: 11%;
	left: 0;
	z-index: -2;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-about-shape {
		display: none;
	}
}

@media (max-width: 1199px) {
	.xb-about-shape {
		display: none;
	}
}

.xb-travel-about-content {
	padding-left: 88px;
}

@media (max-width: 1199px) {
	.xb-travel-about-content {
		padding-left: 0;
	}
}

.xb-about-list li {
	font-size: 18px;
	font-weight: 500;
	color: #787B84;
}

.xb-about-list li:not(:last-child) {
	margin-bottom: 10px;
}

.xb-about-list li i {
	margin-right: 10px;
	font-size: 18px;
}

/*----------------------------------------*/
/*  08. counter
/*----------------------------------------*/
.xb-counter {
	padding-right: 197px;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-counter {
		padding-right: 50px;
	}
}

@media (max-width: 1199px) {
	.xb-counter {
		padding-right: 0;
	}
}

.xb-counter .xb-item--item {
	width: 50%;
	background-color: var(--color-white);
	padding: 46px 65px;
	padding-top: 26px;
	border: 1px solid #EDF3F5;
	margin-top: -1px;
	margin-left: -1px;
	position: relative;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

@media (max-width: 767px) {
	.xb-counter .xb-item--item {
		width: 100%;
		padding: 40px;
	}
}

.xb-counter .xb-item--item:nth-child(1) {
	border-top-left-radius: 20px;
}

.xb-counter .xb-item--item:nth-child(2) {
	border-top-right-radius: 20px;
}

.xb-counter .xb-item--item:nth-child(3) {
	border-bottom-left-radius: 20px;
}

.xb-counter .xb-item--item:nth-child(4) {
	border-bottom-right-radius: 20px;
}

.xb-counter .xb-item--item .suffix {
	top: 8px;
	position: relative;
}

.xb-counter .xb-item--item:hover {
	z-index: 1;
	position: relative;
	box-shadow: 0px 21px 32px 0px rgba(191, 191, 191, 0.23);
}

.xb-counter .xb-item--item::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 4px;
	height: 103px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #FE6C3F;
	content: "";
}

.xb-counter .xb-item--item.style-2::before {
	background-color: #0091FF;
}

.xb-counter .xb-item--item.style-2 .xb-item--icon {
	background-color: rgba(20, 149, 248, 0.1);
}

.xb-counter .xb-item--item.style-3::before {
	background-color: #00CC99;
}

.xb-counter .xb-item--item.style-3 .xb-item--icon {
	background-color: rgba(0, 204, 153, 0.1);
}

.xb-counter .xb-item--item.style-4::before {
	background-color: #FFBD0F;
}

.xb-counter .xb-item--item.style-4 .xb-item--icon {
	background-color: rgba(255, 187, 15, 0.1);
}

.xb-counter .xb-item--icon {
	width: 108px;
	height: 108px;
	background-color: rgba(254, 108, 63, 0.1);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-right: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.xb-counter .xb-item--holder {
	width: calc(100% - 152px);
	margin-top: 20px;
}

@media (max-width: 991px) {
	.xb-counter .xb-item--holder {
		width: 100%;
	}
}

.xb-counter .xb-item--number {
	font-size: 70px;
	font-weight: 300;
	letter-spacing: 3px;
	margin-top: -10px;
	line-height: 1;
}

@media (max-width: 1199px) {
	.xb-counter .xb-item--number {
		font-size: 56px;
	}
}

.xb-counter .xb-item--number span {
	width: auto;
	padding: 0px;
	margin-left: -1px;
	line-height: 1;
}

.xb-counter .xb-item--title {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-default);
	margin-top: 5px;
}

.xb-counter__wrap {
	/* background-color: var(--color-white); */
	/* border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px; */
	/* padding: 26px 80px; */
	/* filter: drop-shadow(0px 14px 19px rgba(45, 78, 109, 0.05)); */
}

.xb-counter2 .xb-item--inner {
	padding: 30px 0;
	/* background-color: #f7f7f7; */
	/* border: 1px solid rgba(0,0,0,0.1); */
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-radius: 10px;
	margin-bottom: 20px;
}

.xb-counter2 .xb-item--number {
	font-size: 40px;
	color: #F34A05;
	font-weight: 600;
	letter-spacing: 2px;
}

.xb-counter2 .xb-item--number span {
	width: auto;
	padding: 0px;
	margin-left: -1px;
	line-height: 1;
}

.xbo-formatting-mark {
	display: none;
}

.xb-counter2 .xb-item--number .suffix {
	top: 7px;
	right: -5px;
	position: relative;
}

/*----------------------------------------*/
/*  09. country
/*----------------------------------------*/
.xb-country-nav {
	border: 0;
	padding: 10px;
	background-color: #F4F8FA;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

@media (max-width: 991px) {
	.xb-country-nav {
		justify-content: start;
	}
}

.xb-country-nav .nav-item {
	width: 14.285%;
}

@media (max-width: 991px) {
	.xb-country-nav .nav-item {
		width: 25%;
		margin-top: 10px;
	}
}

@media (max-width: 767px) {
	.xb-country-nav .nav-item {
		width: 50%;
	}
}

.xb-country-nav .nav-item .nav-link {
	display: block;
	width: 100%;
	text-align: center;
	border: 0;
	font-size: 18px;
	font-weight: 500;
	color: #8A879F;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 7px 5px;
	position: relative;
	z-index: 1;
}

.xb-country-nav .nav-item .nav-link::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
	background-color: #E4E6EA;
	content: "";
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-country-nav .nav-item .nav-link::before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0px 4px 4px rgba(198, 213, 221, 0.37);
	background-color: var(--color-white);
	opacity: 0;
	z-index: -1;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	left: -2px;
	right: -2px;
}

.xb-country-nav .nav-item .nav-link.active {
	color: var(--color-dark);
}

.xb-country-nav .nav-item .nav-link.active::before {
	opacity: 1;
}

.xb-country-nav .nav-item .nav-link.active::after {
	opacity: 0;
}

.xb-country-nav .nav-item:last-child .nav-link::after {
	display: none;
}

.xb-country {
	margin: -10px;
}

.xb-country .xb-item--item {
	width: 25%;
	padding: 10px;
}

@media (max-width: 991px) {
	.xb-country .xb-item--item {
		width: 50%;
	}
}

.xb-country .xb-item--inner {
	border: 1px solid #EDF3F5;
	padding: 23px;
	padding-top: 15px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.xb-country .xb-item--inner:hover {
	box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
}

.xb-country .xb-item--flag {
	width: 47px;
	height: 47px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	margin-right: 27px;
	margin-top: 8px;
}

.xb-country .xb-item--title {
	font-size: 20px;
	letter-spacing: -0.6px;
	margin-top: 8px;
}

.xb-country-slide .xb-swiper-slide {
	justify-content: center;
}

.xb-country2 {
	position: relative;
	margin-top: 5px;
}

.xb-country2::before {
	position: absolute;
	top: 30px;
	right: -55px;
	width: 3px;
	height: 46px;
	background-image: url(../img/shape/c_line.png);
	content: "";
}

@media (max-width: 1199px) {
	.xb-country2::before {
		right: -42px;
	}
}

.xb-country2:hover .xb-item--flag {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.xb-country2 .xb-item--inner {
	position: relative;
}

.xb-country2 .xb-item--link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.xb-country2 .xb-item--flag {
	max-width: 111px;
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

@media (max-width: 991px) {
	.xb-country3 {
		width: 50%;
		padding: 10px;
	}
}

.xb-country3__wrap {
	padding: 0 155px;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.xb-country3__wrap {
		padding: 0 30px;
		padding-right: 30px;
		padding-right: 125px;
	}
}

@media (max-width: 1199px) {
	.xb-country3__wrap {
		padding: 0;
		padding-right: 100px;
	}
}

@media (max-width: 991px) {
	.xb-country3__wrap {
		padding: 20px;
	}
}

@media (max-width: 767px) {
	.xb-country3__wrap {
		padding: 10px;
	}
}

.xb-country3 .xb-item--inner {
	background-color: var(--color-white);
	padding: 48px;
	text-align: center;
	filter: drop-shadow(0px 11px 10px rgba(172, 186, 216, 0.07));
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	min-width: 216px;
}

@media (max-width: 1199px) {
	.xb-country3 .xb-item--inner {
		padding: 30px;
		min-width: 180px;
	}
}

@media (max-width: 767px) {
	.xb-country3 .xb-item--inner {
		min-width: 160px;
	}
}

.xb-country3 .xb-item--flag {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin: 0 auto 15px;
}

.xb-country3 .xb-item--title {
	font-size: 20px;
}

.xb-country3:nth-child(1) .xb-item--inner {
	-webkit-transform: rotate(-35.415deg) translate(2px, 30px);
	-ms-transform: rotate(-35.415deg) translate(2px, 30px);
	transform: rotate(-35.415deg) translate(2px, 30px);
}

.xb-country3:nth-child(2) .xb-item--inner {
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
}

.xb-country3:nth-child(3) .xb-item--inner {
	-webkit-transform: rotate(32.489deg) translate(133px, 15px);
	-ms-transform: rotate(32.489deg) translate(133px, 15px);
	transform: rotate(32.489deg) translate(133px, 15px);
}

.xb-country3:nth-child(4) .xb-item--inner {
	-webkit-transform: rotate(-28.427deg) translate(75px, 32px);
	-ms-transform: rotate(-28.427deg) translate(75px, 32px);
	transform: rotate(-28.427deg) translate(75px, 32px);
}

@media (max-width: 991px) {
	.xb-country3 .xb-item--inner {
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
	}
}

.country-shape {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	z-index: -1;
	background-position: center 150%;
}

@media (max-width: 991px) {
	.country-shape {
		display: none;
	}
}

.country-icon-shape .shape {
	position: absolute;
	z-index: -1;
}

.country-icon-shape .shape--1 {
	top: 19%;
	left: 12%;
	animation: animationFramesTwo 30s alternate infinite linear;
	-webkit-animation: animationFramesTwo 30s alternate infinite linear;
}

.country-icon-shape .shape--2 {
	bottom: 0;
	left: 35%;
	animation: animationFramesThree 30s alternate infinite linear;
	-webkit-animation: animationFramesThree 30s alternate infinite linear;
}

.country-icon-shape .shape--3 {
	top: 25%;
	right: 30%;
	animation: animationFramesOne 30s alternate infinite linear;
	-webkit-animation: animationFramesOne 30s alternate infinite linear;
}

.country-icon-shape .shape--4 {
	bottom: 0;
	right: 10%;
	animation: animationFramesFive 30s alternate infinite linear;
	-webkit-animation: animationFramesFive 30s alternate infinite linear;
}

/*----------------------------------------*/
/*  10. team
/*----------------------------------------*/
.xb-team:hover .xb-item--social li {
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

.xb-team:hover .xb-item--social li:nth-child(2) {
	transition-delay: .1s;
}

.xb-team:hover .xb-item--social li:nth-child(3) {
	transition-delay: .2s;
}

.xb-team .xb-item--img {
	margin-right: -33px;
	max-width: 302px;
}

.xb-team .xb-item--inner {
	border: 1px solid #EDF3F5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
	position: relative;
	background-color: var(--color-white);
	max-width: 302px;
}

@media (max-width: 991px) {
	.xb-team .xb-item--inner {
		margin: 0 auto;
	}
}

.xb-team .xb-item--holder {
	padding: 30px 10px;
	padding-bottom: 50px;
}

.xb-team .xb-item--name {
	font-size: 24px;
}

.xb-team .xb-item--name a {
	color: currentColor;
}

.xb-team .xb-item--designation {
	font-size: 14px;
}

.xb-team .xb-item--social {
	position: absolute;
	top: 28px;
	right: 15px;
}

.xb-team .xb-item--social li {
	opacity: 0;
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-team .xb-item--social li:not(:last-child) {
	margin-bottom: 6px;
}

.xb-team .xb-item--social li a {
	width: 37px;
	height: 37px;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #9FA2AA;
	font-size: 14px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.xb-team .xb-item--social li a:hover {
	color: var(--color-dark);
}

.team-wrap {
	padding: 0 100px;
	margin: 0 -100px;
}

.xb-team-bg .xb-bg {
	position: absolute;
	bottom: 15%;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	left: 0;
	width: 100%;
	height: 43%;
	background-color: var(--color-gray);
	z-index: -1;
}

.xb-team-bg .xb-bg--2 {
	width: 57%;
	left: auto;
	right: 0;
	bottom: 35%;
}

.team-single__inner {
	padding-right: 133px;
}

@media (max-width: 1199px) {
	.team-single__inner {
		padding-right: 0;
	}
}

.team-single__wrap {
	background-color: rgba(253, 205, 13, 0.1);
}

.team-single__img {
	margin-right: 80px;
}

@media (max-width: 1199px) {
	.team-single__img {
		margin-right: 0;
	}
}

.team-single__info {
	padding: 55px;
	background-color: var(--color-white);
	display: inline-block;
	border-bottom: 4px solid #FFBD0F;
	box-shadow: 0px 18px 27px 0px rgba(214, 214, 214, 0.25);
	bottom: -85px;
	position: relative;
}

@media (max-width: 991px) {
	.team-single__info {
		display: block;
		bottom: 0;
	}
}

.team-single__info .title {
	font-size: 35px;
	margin-bottom: 55px;
}

.team-single__info .info li {
	font-size: 18px;
	color: #787B84;
}

.team-single__info .info li:not(:last-child) {
	margin-bottom: 22px;
}

.team-single__info .info li strong {
	font-weight: 600;
	margin-right: 4px;
	color: #0F172A;
}

.team-single__social h4 {
	font-size: 18px;
	margin-bottom: 15px;
}

.team-single__social ul li:not(:last-child) {
	margin-right: 10px;
}

.team-single__social ul li a {
	font-size: 14px;
	color: #B1B4BA;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #EDF3F5;
}

.team-single__social ul li a:hover {
	color: var(--color-dark);
}

.team-single__content {
	padding-top: 175px;
}

@media (max-width: 991px) {
	.team-single__content {
		padding-top: 80px;
	}
}

.team-single__content h3 {
	font-size: 35px;
	margin-bottom: 35px;
}

.team-single__content p {
	margin-bottom: 35px;
	font-size: 20px;
	line-height: 32px;
}

.team-single__content ul li {
	font-size: 20px;
	display: flex;
	align-items: center;
}

.team-single__content ul li:not(:last-child) {
	margin-bottom: 12px;
}

.team-single__content ul li>span {
	margin-right: 10px;
	top: -3px;
	position: relative;
}

.team-single__contact {
	border: 1px solid #E7EDEF;
	padding: 50px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

@media (max-width: 991px) {
	.team-single__contact {
		padding: 30px 20px;
	}
}

.team-single__contact .title {
	font-size: 32px;
	margin-bottom: 5px;
}

.team-single__contact p {
	margin-bottom: 35px;
	font-size: 14px;
	letter-spacing: -0.14px;
}

.team-single__contact .xb-item--field label {
	font-size: 20px;
	color: #13141B;
	margin-bottom: 20px;
	font-weight: 600;
}

.team-skills.style-2 .xb-item--inner:before {
	background-color: #0C9;
}

.team-skills.style-3 .xb-item--inner:before {
	background-color: #FFBD0F;
}

.team-skills.style-4 .xb-item--inner:before {
	background-color: #0091FF;
}

.team-skills .xb-item--inner {
	border: 1px solid #EDF3F5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	padding: 55px 20px;
	text-align: center;
	letter-spacing: -0.48px;
	position: relative;
}

.team-skills .xb-item--inner::before {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 4px;
	width: 140px;
	background-color: #FE6C3F;
	content: "";
}

.team-skills .xb-item--number {
	font-size: 65px;
	font-weight: 300;
	line-height: 60px;
	letter-spacing: 3px;
	margin-bottom: 16px;
}

.team-skills .xb-item--number .suffix {
	top: 8px;
	position: relative;
}

.team-skills .xb-item--number span {
	width: auto;
	padding: 0px;
	margin-left: -1px;
	line-height: 1;
}

.team-skills .xb-item--title {
	font-size: 16px;
}

/*----------------------------------------*/
/*  11. testimonial
/*----------------------------------------*/
.xb-testimonial .xb-item--inner {
	background-color: var(--color-white);
	box-shadow: 0px 4px 4px 0px #EEEFF4;
	padding: 60px 62px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

@media (max-width: 1199px) {
	.xb-testimonial .xb-item--inner {
		padding: 50px 35px;
	}
}

.xb-testimonial .xb-item--img {
	padding-bottom: 35px;
	margin-bottom: 30px;
	border-bottom: 1px solid #E8EAF3;
}

.xb-testimonial .xb-item--content {
	font-size: 20px;
	font-weight: 500;
	line-height: 37.5px;
	color: #4E566D;
	margin-bottom: 40px;
}

.xb-testimonial .xb-item--ratting {
	margin-bottom: 10px;
}

.xb-testimonial .xb-item--title {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.98px;
}

@media (max-width: 991px) {
	.xb-testimonial__nav {
		justify-content: end;
		margin-bottom: 30px;
		margin-top: -65px;
	}
}

@media (max-width: 767px) {
	.xb-testimonial__nav {
		display: none;
	}
}

.xb-testimonial__nav .tm-nav-item {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-shadow: 0px 4px 6px #EBEDF4;
	background-color: var(--color-white);
	position: relative;
}

.xb-testimonial__nav .tm-nav-item:hover::before {
	opacity: 1;
}

.xb-testimonial__nav .tm-nav-item::before {
	position: absolute;
	top: 50%;
	left: 43%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 9px solid transparent;
	border-right: 14px solid #0A1636;
	content: "";
	opacity: .2;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-testimonial__nav .tm-nav-item.tm-button-prev {
	margin-right: 22px;
}

.xb-testimonial__nav .tm-nav-item.tm-button-next::before {
	left: 64%;
	border-left-width: 14px;
	border-left-color: #0A1636;
	border-right-color: transparent;
}

.xb-testimonial__masonry {
	padding: 0 40px;
}

@media (max-width: 1199px) {
	.xb-testimonial__masonry {
		padding: 0;
	}
}

.xb-testimonial__masonry>.row {
	margin-left: -25px;
	margin-right: -25px;
}

@media (max-width: 1199px) {
	.xb-testimonial__masonry>.row {
		margin-left: -15px;
		margin-right: -15px;
	}
}

.xb-testimonial__masonry .grid-item {
	padding: 0 25px;
}

@media (max-width: 1199px) {
	.xb-testimonial__masonry .grid-item {
		padding: 0 15px;
	}
}

@media (max-width: 767px) {
	.xb-testimonial2__ratting {
		justify-content: start;
	}
}

.xb-testimonial2__ratting h2 {
	font-size: 48px;
	font-weight: 700;
	background: var(--color-gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-right: 12px;
}

.xb-testimonial2__ratting span {
	color: var(--color-white);
	font-size: 12px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
}

.xb-testimonial2:hover .xb-item--img::before {
	opacity: 0;
	transition-delay: .1s;
}

.xb-testimonial2:hover .xb-item--img::after {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}

.xb-testimonial2 .xb-item--inner {
	padding: 50px;
	padding-right: 60px;
	z-index: 1;
}

@media (max-width: 1199px) {
	.xb-testimonial2 .xb-item--inner {
		padding: 40px;
	}
}

.xb-testimonial2 .xb-item--img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-position: top center;
}

.xb-testimonial2 .xb-item--img::before,
.xb-testimonial2 .xb-item--img::after {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	top: auto;
	bottom: 0;
	background: linear-gradient(2deg, rgba(0, 0, 0, 0.93) 0%, rgba(0, 0, 0, 0.74) 100%);
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.xb-testimonial2 .xb-item--img::after {
	background: linear-gradient(1deg, #D91334 0%, rgba(0, 0, 0, 0.51) 100%);
	opacity: 0;
	height: 100%;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.xb-testimonial2 .xb-item--holder {
	color: var(--color-white);
}

.xb-testimonial2 .xb-item--quote {
	margin-bottom: 25px;
	width: 50px;
	height: 50px;
	background: var(--color-gradient);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.xb-testimonial2 .xb-item--desig {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1.8px;
	display: inline-block;
	margin-bottom: 70px;
}

.xb-testimonial2 .xb-item--content {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	letter-spacing: -0.4px;
	margin-bottom: 70px;
}

.xb-testimonial2 .xb-item--name {
	color: var(--color-white);
	font-family: var(--font-inter);
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: -0.2px;
}

@media (max-width: 767px) {
	.testimonial-shape {
		display: none;
	}
}

.testimonial-shape .shape {
	position: absolute;
}

.testimonial-shape .shape--1 {
	top: -2%;
	left: 2%;
}

.testimonial-shape .shape--2 {
	top: -1%;
	right: 3%;
}

.xb-testimonial3 .xb-item--inner {
	background-color: rgba(21, 39, 73, 0.0.2);
	padding:25px;
	/* background-color: rgba(254, 108, 63, 0.05); */
	/* box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; */
	border: 1px solid rgba(0,0,0,0.05);
	border-radius: 10px;
	margin: 0 5px
}

     
@media (max-width: 1199px) {
	.xb-testimonial3 .xb-item--inner {
		padding:25px;
	}
}

.xb-testimonial3 .xb-item--avatar {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	margin-right: 45px;
	/* margin-top: -90px; */
	border: 3px solid #fff;
	background-color: #fff;
	margin-bottom: 10px;
}

.xb-testimonial3 .xb-item--author {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.xb-testimonial3 .xb-item--name {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.xb-testimonial3 .xb-item--desig {
	font-size: 16px;
	color: #787B84;
	font-family: var(--font-heading);
}

.xb-testimonial3 .xb-item--content p {
	font-size: 16px;
	line-height: 27px;
}

.xb-testimonial3 .xb-item--content p:not(:last-child) {
	margin-bottom: 30px;
}

.xb-testimonial3.style-2 .xb-item--inner {
	background-color: rgba(0, 204, 153, 0.05);
}

.xb-testimonial3.style-2 .xb-item--author {
	border-color: #D7EAE6;
}

.xb-testimonial3.style-3 .xb-item--inner {
	background-color: rgba(0, 145, 255, 0.05);
}

.xb-testimonial3.style-3 .xb-item--author {
	border-color: #DCE7F1;
}

.xb-testimonial3.style-4 .xb-item--inner {
	background-color: rgba(251, 63, 126, 0.05);
}

.xb-testimonial3.style-4 .xb-item--author {
	border-color: #E8D6DD;
}

.xb-testimonial3.style-5 .xb-item--inner {
	background-color: rgba(255, 187, 15, 0.05);
}

.xb-testimonial3.style-5 .xb-item--author {
	border-color: #E8E2D1;
}

.xb-testimonial3.style-6 .xb-item--inner {
	background-color: rgba(137, 124, 181, 0.05);
}

.xb-testimonial3.style-6 .xb-item--author {
	border-color: #E9E5F0;
}

.xb-testimonial3.style-7 .xb-item--inner {
	background-color: #F2FCFA;
}

.xb-testimonial3.style-7 .xb-item--author {
	border-color: #D6E9E5;
}

.xb-testimonial4 .xb-item--inner {
	padding: 50px 45px;
	background-color: var(--color-white);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.xb-testimonial4 .xb-item--avatar {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	margin-right: 20px;
}

.xb-testimonial4 .xb-item--name {
	font-size: 20px;
}

.xb-testimonial4 .xb-item--content {
	font-size: 20px;
	font-weight: 600;
	color: #0F172A;
	line-height: 35px;
	letter-spacing: -0.4px;
}

/*----------------------------------------*/
/*  12. faq
/*----------------------------------------*/
.xb-faq-content .faq-img {
	margin-left: -50px;
}

@media (max-width: 991px) {
	.xb-faq-content .faq-img {
		margin-left: 0;
	}
}

.xb-faq {
	padding-left: 55px;
}

@media (max-width: 1199px) {
	.xb-faq {
		padding-left: 20px;
	}
}

.accordion_box {
	position: relative;
}

.accordion_box .block {
	position: relative;
	overflow: hidden;
	border: 1px solid #EDF3F5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	margin-bottom: 20px;
}

.accordion_box .block::before {
	position: absolute;
	width: 52px;
	height: 101px;
	border-radius: 28px;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	-ms-border-radius: 28px;
	-o-border-radius: 28px;
	background-color: #F4F8FA;
	content: "";
	top: -22px;
	right: 4px;
	z-index: -1;
	-webkit-transform: rotate(-134deg);
	-ms-transform: rotate(-134deg);
	transform: rotate(-134deg);
}

.accordion_box .block:last-child {
	margin-bottom: 0;
}

.accordion_box .block .acc-btn {
	color: var(--color-heading);
	position: relative;
	font-weight: 600;
	font-size: 20px;
	cursor: pointer;
	padding: 29px 40px;
	padding-right: 70px;
}

.accordion_box .block .acc-btn .arrow {
	position: absolute;
	right: 27px;
	top: 24px;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: #fff;
	box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
}

.accordion_box .block .acc-btn .arrow::before {
	top: 8px;
	left: 15px;
	font-size: 16px;
	color: var(--color-dark);
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	position: absolute;
	-webkit-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.accordion_box .block.active-block .acc-btn .arrow::before {
	content: "\f068";
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.accordion_box .block .acc-btn span {
	display: block;
	font-size: 14px;
	color: #B3B3C0;
	font-weight: 600;
	margin-bottom: 16px;
}

.accordion_box .block .content {
	position: relative;
	padding: 0 40px;
	padding-bottom: 35px;
}

.accordion_box .block .content p:not(:last-child) {
	margin-bottom: 20px;
}

.accordion_box .block .content ul {
	list-style: none;
}

.accordion_box .block .content ul li:not(:last-child) {
	margin-bottom: 10px;
}

.accordion_box .block .content ul li i {
	margin-right: 10px;
	font-size: 16px;
}

.accordion_box .block .acc_body {
	position: relative;
	display: none;
}

.accordion_box .block .acc_body.current {
	display: block;
}

.xb-faq2 {
	padding: 0;
}

.xb-faq2 .accordion_box .block {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-style: dashed;
	border-color: #CDCECF;
	margin: 0;
	margin-top: -1px;
}

.xb-faq2 .accordion_box .block .acc-btn {
	padding: 32px 40px;
	padding-right: 100px;
	font-size: 24px;
	color: #110F10;
	background-color: var(--color-white);
}

@media (max-width: 767px) {
	.xb-faq2 .accordion_box .block .acc-btn {
		padding: 25px;
		padding-right: 70px;
		font-size: 18px;
	}
}

.xb-faq2 .accordion_box .block .acc-btn .arrow {
	width: 30px;
	height: 30px;
	border: 1px solid #F6F6F6;
	box-shadow: none;
	top: 31px;
	right: 38px;
	z-index: 1;
}

@media (max-width: 767px) {
	.xb-faq2 .accordion_box .block .acc-btn .arrow {
		right: 25px;
	}
}

.xb-faq2 .accordion_box .block .acc-btn .arrow::before {
	top: 0px;
	left: 10px;
	font-size: 14px;
}

.xb-faq2 .accordion_box .block .acc-btn .arrow::after {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-gradient);
	z-index: -1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}

.xb-faq2 .accordion_box .block.active-block .acc-btn .arrow::before {
	color: var(--color-white);
}

.xb-faq2 .accordion_box .block.active-block .acc-btn .arrow::after {
	opacity: 1;
}

.xb-faq2 .accordion_box .block .content {
	padding: 35px 40px;
	padding-right: 100px;
	font-size: 18px;
	line-height: 28px;
}

@media (max-width: 767px) {
	.xb-faq2 .accordion_box .block .content {
		padding: 25px;
	}
}

.faq-shape .shape {
	position: absolute;
}

.faq-shape .shape--1 {
	top: 11%;
	left: 4%;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.faq-shape .shape--1 {
		top: 5%;
		left: 3%;
	}
}

@media (max-width: 1199px) {
	.faq-shape .shape--1 {
		top: 4%;
	}
}

.faq-shape .shape--2 {
	right: 3%;
	top: 13%;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.faq-shape .shape--2 {
		right: 3%;
		top: 7%;
	}
}

/*----------------------------------------*/
/*  13. blog
/*----------------------------------------*/
.blog-wrap {
	padding: 0 100px;
	padding-top: 120px;
	margin: 0 -100px;
	position: relative;
}

.blog-wrap .xb-blog-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 70.2%;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.xb-blog:hover .xb-item--img img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.xb-blog:hover .xb-item--inner {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}

.xb-blog:hover .border-effect a {
	background-size: 100% 100%;
	color: inherit;
}

.xb-blog .xb-item--img {
	overflow: hidden;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.xb-blog .xb-item--img img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.xb-blog .xb-item--meta li {
	font-size: 14px;
	font-weight: 500;
	color: var(--color-dark);
	display: flex;
	align-items: center;
}

.xb-blog .xb-item--meta li:not(:last-child) {
	margin-right: 30px;
}

.xb-blog .xb-item--meta li img {
	margin-right: 9px;
}

.xb-blog .xb-item--inner {
	background-color: var(--color-white);
	box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	position: relative;
}

.xb-blog .xb-item--category {
	display: inline-block;
	position: absolute;
	top: -16px;
	background: #0C9;
	padding: 9px 19px 10px;
	color: #fff;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	line-height: 1;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.xb-blog .xb-item--category.color-2 {
	background-color: #0091FF;
}

.xb-blog .xb-item--category.color-3 {
	background-color: #FE6C3F;
}

.xb-blog .xb-item--holder {
	padding: 35px;
	padding-top: 40px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	position: relative;
}

@media (max-width: 1199px) {
	.xb-blog .xb-item--holder {
		padding: 25px;
	}
}

.xb-blog .xb-item--title {
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 20px;
	letter-spacing: -0.72px;
}

@media (max-width: 1199px) {
	.xb-blog .xb-item--title {
		font-size: 20px;
		line-height: 29px;
	}
}

.xb-blog .xb-item--title a {
	color: currentColor;
}

.xb-blog .xb-item--link {
	color: var(--color-default);
	display: inline-block;
	z-index: 2;
	position: relative;
}

.xb-blog .xb-item--link:hover span {
	-webkit-transform: translateX(7px);
	-ms-transform: translateX(7px);
	transform: translateX(7px);
}

.xb-blog .xb-item--link span {
	display: inline-block;
	margin-left: 19px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-blog__nav .nav-item {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: var(--color-white);
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	color: var(--color-black);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-blog__nav .nav-item:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.xb-blog2:hover .xb-item--img img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.xb-blog2--big {
	padding-left: 45px;
	padding-right: 80px;
	margin-right: 60px;
	border-right: 1px solid #F3F3F3;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-blog2--big {
		padding-left: 0;
		padding-right: 50px;
		margin-right: 40px;
	}
}

@media (max-width: 1199px) {
	.xb-blog2--big {
		padding-left: 0;
		padding-right: 30px;
		margin-right: 25px;
	}
}

@media (max-width: 767px) {
	.xb-blog2--big {
		padding-right: 0;
		border-right: 0;
		margin-right: 0;
	}
}

.xb-blog2 .xb-item--img {
	overflow: hidden;
}

.xb-blog2 .xb-item--img img {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.xb-blog2 .xb-item--holder {
	padding: 35px 20px 0;
}

.xb-blog2 .xb-item--meta {
	position: relative;
	margin-bottom: 27px;
}

.xb-blog2 .xb-item--meta ul li {
	font-size: 14px;
	font-weight: 500;
	color: #555555;
	letter-spacing: -0.14px;
	display: flex;
	align-items: center;
}

.xb-blog2 .xb-item--meta ul li:not(:last-child) {
	margin-right: 48px;
}

@media (max-width: 767px) {
	.xb-blog2 .xb-item--meta ul li:not(:last-child) {
		margin-right: 10px;
	}
}

.xb-blog2 .xb-item--meta ul li span {
	margin-right: 8px;
}

.xb-blog2 .xb-item--dots {
	top: 50%;
	left: -20px;
	position: absolute;
	transform: translateY(-50%);
}

.xb-blog2 .xb-item--dots span {
	width: 3.4px;
	height: 3.4px;
	background: var(--color-gradient);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
}

.xb-blog2 .xb-item--dots span:not(:last-child) {
	margin-bottom: 3.4px;
}

.xb-blog2 .xb-item--title {
	font-size: 35px;
	letter-spacing: -1.05px;
	margin-bottom: 20px;
}

@media (max-width: 767px) {
	.xb-blog2 .xb-item--title {
		font-size: 25px;
		letter-spacing: 0;
	}
}

.xb-blog2 .xb-item--title a {
	color: currentColor;
}

.xb-blog2 .xb-item--content {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
}

.xb-blog-list {
	padding-right: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-blog-list {
		padding-right: 50px;
	}
}

@media (max-width: 1199px) {
	.xb-blog-list {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.xb-blog-list {
		padding-left: 30px;
	}
}

.xb-blog-list .xb-blog2:not(:last-child) {
	margin-bottom: 60px;
}

.xb-blog-list .xb-item--holder {
	padding: 0;
}

.xb-blog-list .xb-item--meta {
	margin-bottom: 13px;
}

.xb-blog-list .xb-item--title {
	font-size: 22px;
	margin-bottom: 15px;
}

.xb-blog-list .xb-item--content {
	font-size: 16px;
	letter-spacing: 0;
}

@media (max-width: 767px) {
	.blog-shape {
		display: none;
	}
}

.blog-shape .shape {
	position: absolute;
}

.blog-shape .shape--1 {
	top: 11%;
	left: 4%;
}

.blog-shape .shape--2 {
	top: 13%;
	right: 6%;
}

@media screen and (min-width: 1200px) {
	.blog-post-wrapper {
		padding-right: 10px;
	}
}

@media screen and (min-width: 1200px) {
	.blog-sidebar {
		padding-left: 10px;
	}
}

@media (max-width: 991px) {
	.blog-sidebar {
		margin-top: 30px;
	}
}

.blog-sidebar .widget {
	border: 1px solid #EDF3F5;
	padding: 35px 30px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.blog-sidebar .widget:not(:last-child) {
	margin-bottom: 40px;
}

.blog-sidebar .widget .widget-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 25px;
	letter-spacing: -0.72px;
}

.blog-sidebar .widget__search {
	position: relative;
	border-bottom: 1px solid #D3E3E8;
	padding-bottom: 10px;
}

.blog-sidebar .widget__search input {
	font-size: 14px;
	height: auto;
}

.blog-sidebar .widget__search button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: transparent;
}

.blog-sidebar .widget__post-item:not(:last-child) {
	margin-bottom: 20px;
}

.blog-sidebar .widget__post-item .post-thumb {
	width: 90px;
	height: 90px;
	overflow: hidden;
	margin-right: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.blog-sidebar .widget__post-item .post-thumb img {
	width: 100%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.blog-sidebar .widget__post-item:hover .post-thumb img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.blog-sidebar .widget__post-item:hover .post-title a {
	background-size: 100% 100%;
}

.blog-sidebar .widget__post-item .post-content {
	width: calc(100% - 110px);
}

.blog-sidebar .widget__post-item .post-content .post-date {
	font-size: 14px;
	font-weight: 600;
	color: #787B84;
	text-transform: uppercase;
	letter-spacing: 1.4px;
}

.blog-sidebar .widget__post-item .post-content .post-title {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 26.5px;
	letter-spacing: -0.16px;
}

.blog-sidebar .widget__post-item .post-content .post-title a {
	color: inherit;
}

.blog-sidebar .widget__category li:not(:last-child) {
	margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #D3E3E8;
}

.blog-sidebar .widget__category li a {
	font-size: 18px;
	color: #787B84;
}

.blog-sidebar .widget__category li a:hover {
	color: var(--color-primary);
}

.blog-sidebar .widget__category li a i {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 5px;
}

.blog-sidebar .widget.widget-banner {
	padding: 50px 40px;
}

.post-thumbnail-wrapper {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.post-thumbnail-wrapper img {
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
}

.post-meta {
	margin-bottom: 20px;
	margin-top: -4px;
}

.post-meta li {
	font-size: 16px;
	line-height: 25px;
	margin-right: 50px;
	color: #787B84;
	margin-top: 7px;
}

.post-meta li i {
	margin-right: 5px;
	color: #191B1E;
}

.post-meta li a {
	color: #787B84;
}

article .post-title {
	margin-top: 0;
	margin-bottom: 14px;
	font-size: 36px;
	line-height: 1.3;
	word-break: break-word;
	letter-spacing: -1.08px;
	color: var(--color-heading);
}

@media (max-width: 767px) {
	article .post-title {
		font-size: 24px;
	}
}

article .post-title a {
	color: currentColor;
}

.post-read-more {
	margin-top: 35px;
}

.single-post-item {
	margin-bottom: 40px;
}

.single-post-item:hover .post-thumbnail-wrapper img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.post-details .post-thumb {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}

.post-details h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 30px;
}

@media (max-width: 767px) {
	.post-details h2 {
		font-size: 24px;
	}
}

.post-details h3 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 25px;
}

@media (max-width: 767px) {
	.post-details h3 {
		font-size: 22px;
	}
}

.post-details p {
	font-size: 18px;
	line-height: 30px;
}

.post-details p:not(:last-child) {
	margin-bottom: 30px;
}

blockquote {
	background-color: #EDF3F5;
	background-image: url(../img/bg/quote_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 55px;
	padding-left: 130px;
	border: 1px solid #EDF3F5;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	position: relative;
	font-family: var(--font-heading);
	margin: 40px 0;
}

@media (max-width: 767px) {
	blockquote {
		padding: 30px 55px;
		padding-left: 55px;
		padding-left: 100px;
	}
}

blockquote p {
	font-size: 20px;
	font-weight: 600;
	color: #0F172A;
	line-height: 34px;
	margin-bottom: 20px !important;
}

blockquote span {
	font-size: 18px;
	font-weight: 500;
	color: #787B84;
	padding-left: 27px;
	position: relative;
}

blockquote span::before {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 17px;
	height: 1px;
	background-color: #787B84;
	content: "";
}

blockquote .quote {
	position: absolute;
	top: 0;
	left: 0;
	width: 80px;
	height: 80px;
	background-color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px 0;
	-webkit-border-radius: 20px 0;
	-moz-border-radius: 20px 0;
	-ms-border-radius: 20px 0;
	-o-border-radius: 20px 0;
}

.post-info-list {
	padding-left: 5;
}

@media (max-width: 1199px) {
	.post-info-list {
		padding-left: 0;
	}
}

.post-info-list li {
	font-size: 18px;
	color: #787B84;
}

.post-info-list li:not(:last-child) {
	margin-bottom: 18px;
}

.post-info-list li img {
	margin-right: 12px;
}

.post-tags .tags-links {
	margin-top: 10px;
}

.post-tags .tag-title {
	font-size: 20px;
	margin-right: 15px;
	margin-top: 20px;
	font-weight: 600;
}

.social-share .post-share {
	margin-top: 20px;
}

.social-share li:not(:last-child) {
	margin-right: 20px;
}

.social-share li a {
	border: 1px solid #EDF3F5;
	color: #787B84;
	font-size: 14px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.social-share li a:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-white);
}

.social-share .title {
	font-size: 20px;
	margin-right: 15px;
	margin-top: 20px;
	font-weight: 600;
}

/* comment css */
.post-comments {
	padding-bottom: 80px;
}

.post-comments .title {
	font-size: 30px;
	margin-bottom: 30px;
	font-weight: 700;
	font-family: var(--font-body);
}

.latest__comments .comments-box {
	border-top: 1px solid var(--color-border-2);
	padding: 30px 0;
}

.latest__comments .comments-text {
	overflow: hidden;
	font-size: 18px;
	line-height: 30px;
}

.latest__comments .comments-avatar {
	border-radius: 50%;
	float: left;
}

@media (max-width: 767px) {
	.latest__comments .comments-avatar {
		float: none;
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.latest__comments .comments-avatar {
		float: left;
		margin-bottom: 0px;
	}
}

.latest__comments .comments-avatar img {
	border-radius: 50%;
	width: 80px !important;
	margin-right: 30px;
}

.latest__comments li:last-child .comments-box {
	padding-bottom: 0px;
}

.latest__comments li:first-child .comments-box {
	border-top: 0;
	padding-top: 0;
}

.latest__comments li.children {
	margin-left: 100px;
}

@media (max-width: 767px) {
	.latest__comments li.children {
		margin-left: 0px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.latest__comments li.children {
		margin-left: 50px;
	}
}

.latest__comments .avatar-name {
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
}

.latest__comments .avatar-name h5 {
	font-size: 20px;
	margin-bottom: 0px;
	font-weight: 600;
	letter-spacing: -0.2px;
	font-family: var(--font-body);
}

.latest__comments .avatar-name span {
	font-size: 15px;
	color: var(--color-default);
}

.latest__comments .reply {
	color: #787B84;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	line-height: 1;
	position: absolute;
	right: 0;
	margin-top: 0;
	top: 0;
	text-decoration: none;
	background: #EDF3F5;
	padding: 9px 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

.latest__comments .reply:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.latest__comments--2 p {
	font-size: 14px;
	line-height: 24px;
	color: var(--color-black);
}

.comments-form .comment-heading {
	margin-bottom: 30px;
}

.comments-form .comment-heading p {
	font-size: 14px;
}

.comments-form .title {
	font-size: 30px;
	margin-bottom: 7px;
	font-weight: 700;
	font-family: var(--font-body);
}

.comments-form .form input,
.comments-form .form textarea {
	height: 55px;
	margin-bottom: 20px;
	padding: 0 20px;
	width: 100%;
	font-size: 15px;
	color: var(--color-black);
	border-radius: 0px;
	background-color: #F8F8FB;
	border: 2px solid transparent;
	font-weight: 400;
}

.comments-form .form input::-webkit-input-placeholder,
.comments-form .form textarea::-webkit-input-placeholder {
	color: #6E6D79;
	opacity: 1;
}

.comments-form .form input::-moz-placeholder,
.comments-form .form textarea::-moz-placeholder {
	color: #6E6D79;
	opacity: 1;
}

.comments-form .form input:-ms-input-placeholder,
.comments-form .form textarea:-ms-input-placeholder {
	color: #6E6D79;
	opacity: 1;
}

.comments-form .form input:-moz-placeholder,
.comments-form .form textarea:-moz-placeholder {
	color: #6E6D79;
	opacity: 1;
}

.comments-form .form input:focus,
.comments-form .form textarea:focus {
	border-color: var(--color-primary);
}

.comments-form .form textarea {
	padding: 20px 30px;
	height: 150px;
}

.comments-form__btn button {
	padding: 18px 35px;
}

.xb-contact-info {
}

.contact-section {
	padding: 40px 0;
}

.xb-contact-info .xb-item--flag {
	width: 45px;
	height: 45px;
	line-height: 49px;
	background-color: #C43F0B;
	color: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	margin: 0 auto 5px;
	font-size: 18px;
}

.xb-contact-info .xb-item--title {
	font-size: 21px;
	color: #0F172A;
	font-weight: 500;
	margin-bottom: 5px;
	letter-spacing: -0.72px;
}

.xb-contact-info .xb-item--title a {
	color: #111;
	font-weight: 600;
	font-size: 18px;
	letter-spacing: 0.5px;
}

.xb-contact-info .xb-item--content {
	font-size: 18px;
	line-height: 27px;
	color: #787B84;
}

.xb-blog3 .xb-item--inner {
	padding: 15px;
}

.xb-blog3 .xb-item--holder {
	padding: 35px;
}

@media (max-width: 991px) {
	.xb-blog3 .xb-item--holder {
		padding: 20px 6px;
	}
}

.xb-blog3 .xb-item--title {
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.xb-blog3 .xb-item--title {
		font-size: 20px;
		line-height: 30px;
	}
}

.xb-blog-shape {
	position: absolute;
	bottom: 10%;
	right: 0;
	z-index: -1;
}

.comments-form {
	padding: 50px;
	border: 1px solid #E7EDEF;
	border-radius: 20px;
	padding-top: 40px;
}

/*----------------------------------------*/
/*  14. newsletter
/*----------------------------------------*/
.xb-newsletter {
	padding: 70px;
	border: 1px solid #EDF3F5;
	box-shadow: 0px 14px 19px rgba(221, 229, 236, 0.42);
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
	margin-bottom: -165px;
	background-color: var(--color-white);
}

@media (max-width: 1199px) {
	.xb-newsletter {
		padding: 70px 50px;
	}
}

@media (max-width: 767px) {
	.xb-newsletter {
		padding: 40px 30px;
	}
}

.xb-newsletter .xb-item--holder span {
	color: #787B84;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: -0.12px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 9px;
	line-height: 1;
}

.xb-newsletter .xb-item--holder h3 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.72px;
}

.xb-newsletter .xb-item--form {
	position: relative;
}

.xb-newsletter .xb-item--form input {
	height: 70px;
	width: calc(100% - 188px);
	background-color: #F4F8FA;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.xb-newsletter .xb-item--form input::-webkit-input-placeholder {
	color: #787B84;
	opacity: 1;
}

.xb-newsletter .xb-item--form input::-moz-placeholder {
	color: #787B84;
	opacity: 1;
}

.xb-newsletter .xb-item--form input:-ms-input-placeholder {
	color: #787B84;
	opacity: 1;
}

.xb-newsletter .xb-item--form input:-moz-placeholder {
	color: #787B84;
	opacity: 1;
}

@media (max-width: 767px) {
	.xb-newsletter .xb-item--form input {
		width: 100%;
	}
}

.xb-newsletter .xb-item--form button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px 50px;
	height: 70px;
	font-size: 16px;
	font-weight: 600;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

@media (max-width: 767px) {
	.xb-newsletter .xb-item--form button {
		position: unset;
		margin-top: 10px;
		width: 100%;
	}
}

.xb-newsletter__img {
	position: absolute;
	top: 0;
	right: 0;
}

@media (max-width: 991px) {
	.xb-newsletter__img {
		display: none;
	}
}

/*----------------------------------------*/
/*  15. contact
/*----------------------------------------*/
.contact-from .xb-item--field {
	margin-bottom: 20px;
	position: relative;
}

.contact-from .xb-item--field>span,
.contact-from .xb-item--field .icon {
	position: absolute;
	top: 19px;
	left: 20px;
	display: inline-block;
	line-height: 1;
	z-index: 1;
}

.contact-from .xb-item--field input,
.contact-from .xb-item--field textarea {
	padding: 15px 46px 18px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	height: 60px;
	font-size: 14px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.contact-from .xb-item--field input::-webkit-input-placeholder,
.contact-from .xb-item--field textarea::-webkit-input-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.contact-from .xb-item--field input::-moz-placeholder,
.contact-from .xb-item--field textarea::-moz-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.contact-from .xb-item--field input:-ms-input-placeholder,
.contact-from .xb-item--field textarea:-ms-input-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.contact-from .xb-item--field input:-moz-placeholder,
.contact-from .xb-item--field textarea:-moz-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.contact-from .xb-item--field input:focus,
.contact-from .xb-item--field textarea:focus {
	background-color: #F4F8FA;
}

.contact-from .xb-item--field textarea {
	min-height: 150px;
}

.contact-from .xb-item--field .nice-select {
	border-color: #EDF3F5;
	padding: 0 46px;
	margin-bottom: 20px;
}

.contact-from .xb-item--field .nice-select:focus {
	border-color: #EDF3F5;
	background-color: #F4F8FA;
}

.xb-contact {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	background-color: var(--color-white);
	overflow: hidden;
}

.xb-contact .xb-item--inner {
	padding: 75px;
	padding-right: 0;
}

@media (max-width: 1199px) {
	.xb-contact .xb-item--inner {
		padding: 50px;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.xb-contact .xb-item--inner {
		padding: 30px;
	}
}

.xb-contact .xb-item--holder span {
	font-size: 18px;
	text-transform: capitalize;
	color: var(--color-dark);
	display: inline-block;
	letter-spacing: -0.24px;
	margin-bottom: 7px;
	font-weight: 600;
	line-height: 1;
	display: flex;
	align-items: center;
}

.xb-contact .xb-item--holder span img {
	margin-right: 9px;
}

.xb-contact .xb-item--holder h3 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.72px;
}

.xb-contact .google-map {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 45%;
}

@media (max-width: 991px) {
	.xb-contact .google-map {
		position: unset;
		height: 250px;
		width: 100%;
	}
}

.xb-contact .google-map iframe {
	width: 100%;
	height: 100%;
}

.contact-pt {
	padding-top: 256px;
}

.xb-contact2 {
	background-color: #121212;
	padding: 80px 110px;
	z-index: 1;
	position: relative;
	margin-bottom: -196px;
}

@media (max-width: 1199px) {
	.xb-contact2 {
		padding: 80px 50px;
	}
}

@media (max-width: 767px) {
	.xb-contact2 {
		padding: 40px 20px;
	}
}

.xb-contact2::before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	width: 51%;
	left: auto;
	right: 0;
	background: linear-gradient(88deg, #121212 0%, rgba(18, 18, 18, 0) 100%);
	z-index: -1;
}

.xb-contact2__bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 59%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -2;
}

@media (max-width: 767px) {
	.xb-contact2__bg {
		display: none;
	}
}

.xb-contact2 .xb-item--field {
	margin-bottom: 15px;
	position: relative;
}

.xb-contact2 .xb-item--field>span {
	position: absolute;
	top: 19px;
	left: 20px;
	display: inline-block;
	line-height: 1;
	z-index: 1;
}

.xb-contact2 .xb-item--field input,
.xb-contact2 .xb-item--field textarea {
	background-color: #252525;
	height: 60px;
	padding: 16px 52px 18px;
	font-size: 14px;
	color: var(--color-white);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-contact2 .xb-item--field input::-webkit-input-placeholder,
.xb-contact2 .xb-item--field textarea::-webkit-input-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.xb-contact2 .xb-item--field input::-moz-placeholder,
.xb-contact2 .xb-item--field textarea::-moz-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.xb-contact2 .xb-item--field input:-ms-input-placeholder,
.xb-contact2 .xb-item--field textarea:-ms-input-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.xb-contact2 .xb-item--field input:-moz-placeholder,
.xb-contact2 .xb-item--field textarea:-moz-placeholder {
	color: #B1B4BA;
	opacity: 1;
}

.xb-contact2 .xb-item--field textarea {
	min-height: 160px;
}

.xb-contact2 .xb-item--holder .sec-title--heading {
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -0.72px;
}

@media (max-width: 767px) {
	.contact-shape {
		display: none;
	}
}

.contact-shape .shape {
	position: absolute;
}

.contact-shape .shape--1 {
	left: 4%;
	bottom: 6%;
}

.contact-shape .shape--2 {
	top: 12%;
	right: 33%;
}

.contact-shape .shape--3 {
	top: 38%;
	right: 18%;
}

.contact-shape .shape--4 {
	bottom: 6%;
	right: 38%;
}

/*----------------------------------------*/
/*  16. feature
/*----------------------------------------*/
.xb-feature1 .xb-item--inner {
	margin-top: 30px;
	padding-bottom: 30px;
}

.xb-feature1 .xb-item--inner:not(:last-child) {
	margin-right: 30px;
}

.xb-feature1 .xb-item--icon {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.xb-feature1 .xb-item--icon:before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-gradient);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: -1;
	opacity: .1;
}

.xb-feature1 .xb-item--title {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
}

.xb-feature2__wrap {
	border-top: 1px dashed #CDCECF;
	border-bottom: 1px dashed #CDCECF;
}

.xb-feature2:hover .xb-item--icon::before {
	opacity: 1;
}

.xb-feature2:hover .xb-item--icon span.default {
	opacity: 0;
}

.xb-feature2:hover .xb-item--icon span.hover {
	opacity: 1;
}

.xb-feature2 .xb-item--inner {
	background-color: #fff;
	padding: 55px;
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	opacity: 1;
	position: relative;
}

@media (max-width: 991px) {
	.xb-feature2 .xb-item--inner {
		padding: 40px 30px;
	}
}

.xb-feature2 .xb-item--inner::before,
.xb-feature2 .xb-item--inner::after {
	position: absolute;
	content: "\f067";
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	left: -4px;
	bottom: -14px;
	font-size: 12px;
	z-index: 1;
	background: var(--color-gradient);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.xb-feature2 .xb-item--inner::after {
	right: -5px;
	left: auto;
	top: -13px;
}

.xb-feature2 .xb-item--inner:hover {
	border-radius: 0px 172.5px;
	-webkit-border-radius: 0px 172.5px;
	-moz-border-radius: 0px 172.5px;
	-ms-border-radius: 0px 172.5px;
	-o-border-radius: 0px 172.5px;
}

.xb-feature2 .xb-item--icon {
	width: 128px;
	height: 128px;
	border: 1px solid #F1F1F1;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	z-index: 1;
}

.xb-feature2 .xb-item--icon:before {
	position: absolute;
	left: 0;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background: var(--color-gradient);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	z-index: -1;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-feature2 .xb-item--icon span {
	position: absolute;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-feature2 .xb-item--icon span.hover {
	opacity: 0;
}

.xb-feature2 .xb-item--title {
	font-size: 24px;
	color: #110F10;
	margin-bottom: 20px;
}

.xb-feature2 .xb-item--content {
	font-size: 14px;
	line-height: 24px;
}

.xb-feature2 .xb-item--line {
	border-left: 1px dashed #CDCECF;
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	z-index: 1;
}

@media (max-width: 991px) {
	.xb-feature2 .xb-item--line {
		display: none;
	}
}

.xb-feature-right-line {
	border-left: 1px dashed #CDCECF;
	position: absolute;
	width: auto;
	height: 100%;
	top: 0;
	right: 0;
	right: calc((100% - 1292px)/2);
}

@media (max-width: 991px) {
	.xb-feature-right-line {
		display: none;
	}
}

.xb-feature2__wrap .col-lg-4:nth-child(2) .xb-feature .xb-item--inner::before,
.xb-feature2__wrap .col-lg-4:nth-child(2) .xb-feature .xb-item--inner::after {
	display: none;
}

.feature-shape .shape {
	position: absolute;
}

@media (max-width: 767px) {
	.feature-shape .shape {
		display: none;
	}
}

.feature-shape .shape--1 {
	top: 20%;
	left: 6%;
}

.feature-shape .shape--2 {
	top: 18%;
	right: 6%;
}

/*----------------------------------------*/
/*  17. cta
/*----------------------------------------*/
.xb-cta__wrap {
	background-color: #121212;
	padding: 70px 0;
	margin-top: -180px;
}

@media (max-width: 991px) {
	.xb-cta__wrap {
		padding: 60px 40px;
	}
}

.xb-cta__img {
	position: absolute;
	top: 0;
	left: 0;
	width: 34%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
}

@media (max-width: 991px) {
	.xb-cta__img {
		display: none;
	}
}

.xb-cta .sec-title--sub {
	margin-bottom: 27px;
}

.xb-cta .sec-title--heading {
	font-size: 35px;
}

.xb-cta2 {
	padding: 80px;
	padding-top: 60px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	background-size: cover;
	background-position: center center;
}

@media (max-width: 767px) {
	.xb-cta2 {
		padding: 40px 20px;
	}
}

/*----------------------------------------*/
/*  18. fanfact
/*----------------------------------------*/
.xb-fanfact1 .xb-item--inner {
	padding: 80px 92px;
	border: 1px solid #F3F3F3;
	position: relative;
	background-color: var(--color-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.xb-fanfact1 .xb-item--inner {
		padding: 60px 50px;
	}
}

@media (max-width: 1199px) {
	.xb-fanfact1 .xb-item--inner {
		padding: 40px 30px;
	}
}

.xb-fanfact1 .xb-item--inner::before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 2px;
	content: "";
	background: var(--color-gradient);
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-fanfact1 .xb-item--inner:hover::before {
	width: 100%;
	right: auto;
	left: 0;
}

.xb-fanfact1 .xb-item--number {
	font-size: 75px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 3px;
	margin-bottom: 5px;
}

@media (max-width: 1199px) {
	.xb-fanfact1 .xb-item--number {
		font-size: 60px;
	}
}

@media (max-width: 991px) {
	.xb-fanfact1 .xb-item--number {
		font-size: 40px;
	}
}

.xb-fanfact1 .xb-item--number span {
	width: auto;
	padding: 0px;
	margin-left: -1px;
	line-height: 1;
}

.xb-fanfact1 .xb-item--number .suffix {
	top: 8px;
	position: relative;
}

.xb-fanfact1 .xb-item--dots {
	display: inline-block;
	margin-bottom: 15px;
}

.xb-fanfact1 .xb-item--dots span {
	width: 4px;
	height: 4px;
	background: var(--color-gradient);
	margin-right: 4px;
	display: inline-block;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.xb-fanfact1 .xb-item--title {
	font-size: 24px;
	font-weight: 600;
}

@media (max-width: 991px) {
	.xb-fanfact1 .xb-item--title {
		font-size: 18px;
	}
}

.fanfact-shape .shape {
	position: absolute;
	z-index: -1;
}

.fanfact-shape .shape--1 {
	bottom: 0;
	left: 2%;
}

.fanfact-shape .shape--2 {
	bottom: 1%;
	right: 3%;
}

/*----------------------------------------*/
/*  19. mobile-menu
/*----------------------------------------*/
.xb-hamburger-menu {
	display: none;
}

@media (max-width: 991px) {
	.xb-hamburger-menu {
		display: block;
	}
}

.xb-nav-mobile-button {
	position: relative;
	cursor: pointer;
	font-size: 25px;
	color: #fff;
}

.xb-header-menu-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-khtml-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	opacity: 0;
	visibility: hidden;
}

.xb-header-menu {
	position: fixed;
	height: 100vh;
	width: 300px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: 0;
	z-index: 1010;
	overflow: hidden;
	-webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-khtml-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transform: translateX(-100%);
	-khtml-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	visibility: hidden;
	background-color: #fff;
}

.xb-header-menu.active {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0%);
	-khtml-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
}

.xb-header-menu.active+.xb-header-menu-backdrop {
	opacity: 1;
	visibility: visible;
}

.xb-header-menu-scroll {
	padding: 10px 25px 40px;
}

.xb-header-menu-scroll .xb-close {
	position: absolute;
	top: 10px;
	right: 0;
}

.xb-header-menu-scroll .xb-menu-primary>li {
	padding-left: 0;
	padding-right: 0;
}

.xb-header-menu-scroll .xb-menu-primary>li>a .left-icon {
	margin-right: 4px;
}

.xb-header-menu-scroll .xb-menu-primary>li .elementor-section {
	max-width: 100%;
}

.xb-header-menu-scroll .xb-menu-primary>li .elementor-container {
	margin: 10px 0 !important;
}

.xb-header-menu-scroll .xb-menu-primary>li .sub-menu,
.xb-header-menu-scroll .xb-menu-primary>li .children {
	padding-left: 15px;
}

.xb-header-menu-scroll .xb-menu-primary>li .sub-menu a,
.xb-header-menu-scroll .xb-menu-primary>li .children a {
	padding-left: 0;
}

.xb-header-menu-scroll .xb-menu-primary>li .sub-menu.xb-mega-menu,
.xb-header-menu-scroll .xb-menu-primary>li .children.xb-mega-menu {
	padding-left: 0;
}

.xb-menu-toggle {
	position: absolute;
	top: 10px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	right: 0;
	width: 28px;
	cursor: pointer;
	font-size: 15px;
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	color: #1b1b1b;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.03);
	display: inline-block;
}

.xb-menu-toggle:before {
	content: "\f107";
	font-weight: 400;
	font-family: "Font Awesome 5 Pro";
}

.xb-menu-toggle.active:before {
	content: "\f106";
}

.xb-menu-primary {
	list-style: none;
	margin: 0;
	padding: 0;
}

.xb-menu-primary li {
	position: relative;
}

.xb-menu-primary li a {
	display: block;
	line-height: 46px;
	color: var(--color-dark);
	font-size: 14px;
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.xb-menu-primary li>a:hover,
.xb-menu-primary li>a.current,
.xb-menu-primary li.current_page_item>a,
.xb-menu-primary li.current-menu-item>a,
.xb-menu-primary li.current_page_ancestor>a,
.xb-menu-primary li.current-menu-ancestor>a {
	color: #F34A05;
}

.xb-menu-primary .sub-menu,
.xb-menu-primary .children {
	position: relative;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

.xb-menu-primary .sub-menu li a,
.xb-menu-primary .children li a {
	font-weight: 500;
	padding-left: 14px;
}

.xb-menu-primary>li>.sub-menu>li>.sub-menu>li a {
	padding-left: 0px;
}

.xb-menu-primary .xb-megamenu .elementor-container>.elementor-column {
	width: 100%;
}

.xb-menu-primary .xb-megamenu .elementor-container .elementor-widget-wrap {
	padding: 0 !important;
}

.xb-menu-primary .xb-megamenu .xb-link li {
	margin: 0;
}

.xb-menu-primary .xb-megamenu .xb-heading {
	padding-left: 14px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
	padding-top: 12px;
	padding-bottom: 12px;
}

.xb-menu-primary .xb-megamenu .xb-heading .xb-item--title {
	margin-bottom: 0 !important;
	font-size: 15px !important;
	border-bottom: none !important;
}

.xb-menu-primary .xb-megamenu .elementor-widget-heading>.elementor-widget-container {
	margin-bottom: 0 !important;
	border-bottom: none !important;
}

.xb-menu-primary .xb-megamenu .elementor-section .elementor-container {
	flex-wrap: wrap;
}

.xb-menu-primary .xb-menu-toggle:hover {
	color: var(--color-primary);
}

.xb-logo-mobile {
	margin-bottom: 20px;
}

.xb-logo-mobile img {
	height: 40px;
}

.xb-header-mobile-search {
	margin-bottom: 20px;
}

.xb-header-mobile-search form {
	position: relative;
}

.xb-header-mobile-search .search-field {
	height: 50px;
	border: none;
	padding: 0 25px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	color: #000;
	border: 2px solid rgba(150, 144, 162, 0.09);
	padding: 12px 15px 13px;
}

.xb-header-mobile-search .search-field:focus {
	color: #000;
	border-color: var(--color-primary);
}

.xb-header-mobile-search .search-submit {
	position: absolute;
	top: 5px;
	right: 10px;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
	line-height: 36px;
	padding: 0;
	width: 30px;
	height: 40px;
	line-height: 40px;
	background: none;
	color: var(--primary-color);
}

.xb-menu-close {
	background-color: rgba(0, 0, 0, 0.03);
	position: absolute;
	top: 0;
	right: 0;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}

/*----------------------------------------*/
/*  20. coaching
/*----------------------------------------*/
.xb-coaching:hover .xb-item--img img {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04);
}

.xb-coaching .xb-item--img {
	overflow: hidden;
}

.xb-coaching .xb-item--img img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.3s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.xb-coaching .xb-item--inner {
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	overflow: hidden;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-coaching .xb-item--inner:hover {
	box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
}

.xb-coaching .xb-item--holder {
	border: 1px solid #EDF3F5;
	border-top: 0;
	padding: 35px 30px;
}

.xb-coaching .xb-item--title {
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 600;
	margin-bottom: 15px;
}

.xb-coaching .xb-item--title a {
	color: currentColor;
}

.xb-coaching .xb-item--link {
	width: 44px;
	height: 44px;
	background-color: var(--color-primary);
	border: 1px solid #EDF3F5;
	display: inline-block;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	position: absolute;
	top: -23px;
	right: 40px;
}

/*----------------------------------------*/
/*  21. book-form
/*----------------------------------------*/
.xb-book-form {
	padding: 58px 55px;
	padding-right: 0;
	align-items: end;
}

@media (max-width: 1199px) {
	.xb-book-form {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.xb-book-form__wrap {
	position: relative;
	z-index: 1;
	margin-top: -122px;
}

@media (max-width: 991px) {
	.xb-book-form__wrap {
		margin-top: 0;
	}
}

.xb-book-form__wrap::before {
	position: absolute;
	top: 0;
	left: calc((100% - 1294px)/2);
	width: 100%;
	height: 100%;
	background-color: #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	content: "";
	z-index: -1;
}

@media (max-width: 1300px) {
	.xb-book-form__wrap::before {
		left: 0;
	}
}

.xb-book-form .xb-item--field {
	max-width: 240px;
	position: relative;
	margin-top: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.xb-book-form .xb-item--field {
		max-width: 210px;
	}
}

@media (max-width: 1199px) {
	.xb-book-form .xb-item--field {
		width: 48%;
		max-width: 100%;
	}
}

@media (max-width: 767px) {
	.xb-book-form .xb-item--field {
		width: 100%;
	}
}

.xb-book-form .xb-item--field label {
	font-size: 16px;
	font-weight: 600;
	color: #0F172A;
	margin-bottom: 15px;
}

.xb-book-form .xb-item--field input {
	height: 60px;
	border: 1px solid #EDF3F5;
	background-color: #F9FAFD;
	border-radius: 76px;
	-webkit-border-radius: 76px;
	-moz-border-radius: 76px;
	-ms-border-radius: 76px;
	-o-border-radius: 76px;
	padding: 10px;
	padding-left: 46px;
}

.xb-book-form .xb-item--field .icon {
	position: absolute;
	bottom: 18px;
	left: 19px;
}

.xb-book-form .xb-item--btn {
	margin-top: 20px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #f0f2f6;
	background: #f0f2f6;
	font-weight: normal;
	color: #454545;
}

.ui-datepicker td span,
.ui-datepicker td a {
	text-align: center;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #0c9;
	background: #0c9;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #00cc9947;
	background: #00cc9947;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	color: #fff;
}

.ui-widget-header {
	border: 1px solid #f0f2f6;
	background: #f0f2f6;
}

/*----------------------------------------*/
/*  22. breadcrumb
/*----------------------------------------*/
/* .breadcrumb {
	min-height: 450px;
	padding: 120px 0;
	margin: 0;
	display: flex;
	align-items: center;
} */

@media (max-width: 1199px) {
	.breadcrumb {
		/* min-height: 350px; */
	}
}

@media (max-width: 767px) {
	.breadcrumb {
		/* padding: 100px 0; */
		background-position: center left;
		/* min-height: 300px; */
	}
}

.breadcrumb__title {
	font-size: 65px;
	font-weight: 700;
	margin-bottom: 22px;
}

@media (max-width: 1199px) {
	.breadcrumb__title {
		font-size: 50px;
	}
}

@media (max-width: 767px) {
	.breadcrumb__title {
		font-size: 40px;
	}
}

.breadcrumb__list {
	background-color: var(--color-white);
	display: inline-block;
	padding: 7px 20px;
}

.breadcrumb__list li {
	display: inline-block;
	font-weight: 600;
	color: var(--color-default);
	font-size: 14px;
	position: relative;
}

.breadcrumb__list li a {
	color: var(--color-dark);
}

@media (max-width: 767px) {
	.breadcrumb__shape {
		display: none;
	}
}

.breadcrumb__shape .shape {
	position: absolute;
}

.breadcrumb__shape .shape--1 {
	top: 30%;
	left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
	.breadcrumb__shape .shape--1 {
		display: none;
	}
}

@media (max-width: 1199px) {
	.breadcrumb__shape .shape--1 {
		display: none;
	}
}

.breadcrumb__shape .shape--2 {
	right: 20%;
	top: 28%;
}

.breadcrumb__circle {
	position: absolute;
	top: 19%;
	right: 3%;
}

@media (max-width: 1199px) {
	.breadcrumb__circle {
		top: 17%;
		right: 0%;
	}
}

@media (max-width: 767px) {
	.breadcrumb__circle {
		display: none;
	}
}

.breadcrumb__circle span {
	background-color: var(--color-white);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	display: inline-block;
}

.breadcrumb__circle span.big {
	width: 116px;
	height: 116px;
}

@media (max-width: 1199px) {
	.breadcrumb__circle span.big {
		width: 80px;
		height: 80px;
	}
}

.breadcrumb__circle span.small {
	width: 16px;
	height: 16px;
	position: relative;
	right: 135px;
	border: 39px;
}

/*----------------------------------------*/
/*  23. preloader
/*----------------------------------------*/
#xb-loadding {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 999999;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-transform: scale(1);
	-khtml-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.loader {
	text-align: center;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}

.loader.style-2 .earth {
	background: url("../img/bg/preloader-2.png");
}

.wait {
	margin: 5rem 0;
}

.iata_code {
	font-size: 6rem;
	opacity: 0.3;
	top: 52%;
	position: absolute;
	color: #0099cc;
}

.departure_city {
	left: 0;
}

.arrival_city {
	right: 1.5rem;
}

.plane {
	position: absolute;
	margin: 0 auto;
	width: 100%;
}

.plane-img {
	-webkit-animation: spin 2.5s linear infinite;
	-moz-animation: spin 2.5s linear infinite;
	animation: spin 2.5s linear infinite;
}

.earth-wrapper {
	position: absolute;
	margin: 0 auto;
	width: 100%;
}

.earth {
	width: 160px;
	height: 160px;
	background: url("../img/bg/preloader.png");
	border-radius: 100%;
	background-size: 340px;
	animation: earthAnim 12s infinite linear;
	margin: 0 auto;
	border: 1px solid #CDD1D3;
}

@keyframes earthAnim {
	0% {
		background-position-x: 0;
	}

	100% {
		background-position-x: -340px;
	}
}

@media screen and (max-width: 420px) {
	.departure_city {
		left: 0;
		right: 0;
		top: 30%;
		position: absolute;
		margin: 0 auto;
	}

	.arrival_city {
		left: 0;
		right: 0;
		top: 93%;
		position: absolute;
		margin: 0 auto;
	}
}

/*----------------------------------------*/
/*  24. package
/*----------------------------------------*/
.package-bg {
	background-position: center bottom;
	background-repeat: no-repeat;
	z-index: 1;
}

.package-bg .xb-strock-text {
	bottom: 37%;
}

.xb-package .xb-item--inner {
	padding: 15px;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	filter: drop-shadow(0px 14px 19px rgba(221, 229, 236, 0.42));
}

.xb-package .xb-item--inner:hover .xb-item--img img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.xb-package .xb-item--img {
	border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-moz-border-radius: 20px 20px 0 0;
	-ms-border-radius: 20px 20px 0 0;
	-o-border-radius: 20px 20px 0 0;
	overflow: hidden;
}

.xb-package .xb-item--img img {
	-webkit-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
}

.xb-package .xb-item--holder {
	padding: 30px 15px;
	padding-bottom: 20px;
}

.xb-package .xb-item--country img,
.xb-package .xb-item--rating img {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	margin-right: 6px;
}

.xb-package .xb-item--country span,
.xb-package .xb-item--rating span {
	font-size: 14px;
	font-weight: 500;
	color: #0F172A;
}

.xb-package .xb-item--rating span {
	margin-right: 12px;
}

.xb-package .xb-item--title {
	font-size: 24px;
	color: #0F172A;
}

.xb-package .xb-item--title a {
	color: currentColor;
}

.xb-package .xb-item--info {
	padding-top: 25px;
	margin-top: 28px;
	border-top: 1px solid #F5F5F5;
	margin-bottom: 30px;
}

.xb-package .xb-item--info li {
	font-size: 14px;
	font-weight: 500;
	color: #0F172A;
	display: flex;
	align-items: center;
}

.xb-package .xb-item--info li img {
	margin-right: 8px;
}

.xb-package .xb-item--btn {
	font-size: 14px;
	font-weight: 600;
	color: #B1B4BA;
	display: inline-block;
	width: 100%;
	padding: 10px 20px;
	border: 1px solid #F5F5F5;
	border-radius: 94px;
	-webkit-border-radius: 94px;
	-moz-border-radius: 94px;
	-ms-border-radius: 94px;
	-o-border-radius: 94px;
	text-align: center;
}

.xb-package .xb-item--btn span {
	color: #0F172A;
	font-weight: 600;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-package .xb-item--btn:hover {
	background-color: var(--color-primary);
	color: var(--color-white);
}

.xb-package .xb-item--btn:hover span {
	color: currentColor;
}

/*----------------------------------------*/
/*  25. category
/*----------------------------------------*/
.xb-category .xb-item--inner {
	background-color: var(--color-white);
	text-align: center;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	filter: drop-shadow(0px 14px 19px rgba(221, 229, 236, 0.42));
	padding: 42px 20px;
	position: relative;
	overflow: hidden;
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
}

.xb-category .xb-item--inner:hover {
	-webkit-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}

.xb-category .xb-item--inner:hover .xb-item--icon {
	background-color: #FFBD0F;
	filter: drop-shadow(0px 6px 9px rgba(255, 187, 15, 0.2));
}

.xb-category .xb-item--inner:hover .xb-item--icon svg path {
	fill: #fff;
}

.xb-category .xb-item--inner:hover .xb-item--icon.color-2 {
	background-color: #897CB5;
	filter: drop-shadow(0px 6px 9px rgba(137, 124, 181, 0.2));
}

.xb-category .xb-item--inner:hover .xb-item--icon.color-3 {
	background-color: #FE6C3F;
	filter: drop-shadow(0px 6px 9px rgba(254, 108, 63, 0.2));
}

.xb-category .xb-item--inner:hover .xb-item--icon.color-4 {
	background-color: #03CB99;
	filter: drop-shadow(0px 6px 9px rgba(0, 204, 153, 0.2));
}

.xb-category .xb-item--inner:hover .xb-item--icon.color-5 {
	background-color: #0091FF;
	filter: drop-shadow(0px 6px 9px rgba(0, 145, 255, 0.2));
}

.xb-category .xb-item--icon {
	width: 59px;
	height: 59px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: rgba(255, 187, 15, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-category .xb-item--icon svg path {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.xb-category .xb-item--icon.color-1 {
	background-color: #897CB5;
}

.xb-category .xb-item--icon.color-2 {
	background-color: rgba(137, 124, 181, 0.1);
}

.xb-category .xb-item--icon.color-3 {
	background-color: rgba(254, 108, 63, 0.1);
}

.xb-category .xb-item--icon.color-4 {
	background-color: rgba(3, 203, 153, 0.1);
}

.xb-category .xb-item--icon.color-5 {
	background-color: rgba(0, 145, 255, 0.1);
}

.xb-category .xb-item--title {
	font-size: 20px;
	letter-spacing: -0.6px;
}

.xb-category .xb-item--link {
	position: absolute;
	top: 0;
	left: 0;
	width: 1005px;
	height: 100%;
}

.xb-category-slider {
	margin-left: -100px;
	margin-right: -100px;
	padding: 40px 0;
}

@media (max-width: 767px) {
	.xb-category-slider {
		margin-left: 0;
		margin-right: 0;
	}
}

.xb-strock-text-cat {
	margin-left: -10%;
	margin-right: -10%;
}

@media (max-width: 991px) {
	.pt-md-100 {
		padding-top: 100px;
	}
}

/*----------------------------------------*/
/*  26. destination
/*----------------------------------------*/
.destination-section {
	padding-left: 20px;
	padding-right: 20px;
}

@media (max-width: 991px) {
	.destination-section {
		padding-top: 50px;
	}
}

.xb-destination {
	border: 5px solid #fff;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 14px 19px 0px rgba(221, 229, 236, 0.42);
}

.xb-destination::before {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 43%);
	background: linear-gradient(0deg, #0F172A 3.77%, rgba(15, 23, 42, 0) 77.22%);
	content: "";
}

.xb-destination.style-video {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.xb-destination.style-video::before {
	display: none;
}

.xb-destination .xb-item--holder {
	position: absolute;
	bottom: 45px;
	left: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1300px) {
	.xb-destination .xb-item--holder {
		bottom: 30px;
		left: 20px;
	}
}

.xb-destination .xb-item--holder span {
	font-size: 14px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.14px;
	color: #BDBDBD;
}

.xb-destination .xb-item--title {
	color: var(--color-white);
	font-size: 20px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: -0.6px;
}

.xb-destination .xb-item--play {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: var(--color-white);
	font-size: 40px;
}

.xb-destination__strock-text {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-left: -10%;
	margin-right: -10%;
}

.row.gap-40>* {
	padding-left: 20px;
	padding-right: 20px;
}

/*----------------------------------------*/
/*  27. sidebar
/*----------------------------------------*/
.offcanvas-sidebar .sidebar-logo,
.offcanvas-sidebar .sidebar-content,
.offcanvas-sidebar .sidebar-contact-info,
.offcanvas-sidebar .sidebar-newsletter {
	-webkit-transition: 0.3s var(--easing);
	-o-transition: 0.3s var(--easing);
	transition: 0.3s var(--easing);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}

.offcanvas-sidebar.active .sidebar-logo,
.offcanvas-sidebar.active .sidebar-content,
.offcanvas-sidebar.active .sidebar-contact-info,
.offcanvas-sidebar.active .sidebar-newsletter,
.offcanvas-sidebar.active .sidebar-menu-close {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.offcanvas-sidebar.active .sidebar-logo {
	transition-delay: .2s;
}

.offcanvas-sidebar.active .sidebar-content {
	transition-delay: .3s;
}

.offcanvas-sidebar.active .sidebar-contact-info {
	transition-delay: .4s;
}

.offcanvas-sidebar.active .sidebar-newsletter {
	transition-delay: .5s;
}

.offcanvas-sidebar.active .sidebar-menu-close {
	transition-delay: .6s;
}

.sidebar-menu-close {
	position: absolute;
	top: 50px;
	right: 50px;
	text-align: center;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	opacity: 0;
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px);
}

.offcanvas-sidebar .xb-close {
	width: 60px;
	height: 60px;
	border-width: 18px;
	background: #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-shadow: 0px 5px 15px 0px rgba(83, 108, 132, 0.11);
}

.offcanvas-sidebar .xb-close::before,
.offcanvas-sidebar .xb-close::after {
	background-color: var(--color-black);
}

.offcanvas-sidebar {
	position: fixed;
	overflow-y: auto;
	top: 0;
	right: -775px;
	max-width: 745px;
	width: 100%;
	padding: 50px 100px;
	height: 100%;
	display: block;
	background-color: var(--color-white);
	z-index: 1020;
	transition-duration: 500ms;
	background-image: url(../img/bg/sidebar_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.offcanvas-sidebar.active {
	right: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {

	.sidebar-top,
	.sidebar-contact-info {
		margin-bottom: 80px;
	}
}

.sidebar-content {
	max-width: 450px;
	font-size: 30px;
	line-height: 142.2%;
	letter-spacing: -0.9px;
	color: #0F172A;
	font-weight: 600;
}

.sidebar-heading {
	font-size: 14px;
	color: #90939B;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 22px;
	letter-spacing: 1.68px;
}

.sidebar-info-list li {
	display: flex;
	align-items: center;
	font-size: 24px;
	letter-spacing: -0.72px;
	color: var(--color-heading);
}

.sidebar-info-list li span {
	margin-right: 15px;
}

.sidebar-info-list li:not(:last-child) {
	margin-bottom: 14px;
}

.sidebar-info-list li a {
	color: currentColor;
}

.sidebar-newsletter-from {
	max-width: 409px;
	position: relative;
}

.sidebar-newsletter-from input {
	padding: 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	height: 60px;
	filter: drop-shadow(0px 7px 8px rgba(35, 49, 75, 0.07));
}

.sidebar-newsletter-from button {
	width: 65px;
	height: 60px;
	background-color: var(--color-primary);
	color: var(--color-white);
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

/*----------------------------------------*/
/*  28. backtotop
/*----------------------------------------*/
.xb-backtotop {
	right: 30px;
	z-index: 999;
	bottom: 20px;
	position: fixed;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
	visibility: hidden;
}

.xb-backtotop.active {
	bottom: 40px;
	opacity: 1;
	visibility: visible;
}

.xb-backtotop .scroll {
	z-index: 1;
	width: 40px;
	height: 40px;
	display: block;
	background-color: var(--color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0px 4px 7px rgba(178, 190, 205, 0.29);
	color: var(--color-white);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	font-size: 14px;
}

.xb-backtotop .scroll:hover {
	margin-bottom: 4px;
}

.xb-backtotop.style-2 .scroll {
	background: var(--color-gradient);
}

/*----------------------------------------*/
/*  29. search
/*----------------------------------------*/
.header-search-form-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 400px;
	z-index: 9999;
	background-color: #fff;
	transform: translate3d(0, -100%, 0);
	transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-end;
}

@media (max-width: 767px) {
	.header-search-form-wrapper {
		height: 200px;
	}
}

.header-search-form-wrapper.open {
	transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1), visibility 0.8s step-start;
	transform: translate3d(0, 0, 0);
}

.header-search-form-wrapper .search-form {
	margin: 0 auto;
	position: relative;
	text-align: center;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

.header-search-form-wrapper .search-form input[type="search"] {
	height: 65px;
	line-height: 65px;
	font-size: 28px;
	background-color: transparent;
	text-align: left;
	color: balck;
	border: none;
	border-bottom: 1px solid #ccc;
	padding-left: 0;
	border-radius: 0;
	width: 100%;
	color: #000;
}

@media (max-width: 767px) {
	.header-search-form-wrapper .search-form input[type="search"] {
		height: 45px;
		line-height: 50px;
		font-size: 18px;
	}
}

.header-search-form-wrapper .search-form input[type="search"]::placeholder {
	color: #a4a4a4;
	opacity: 1;
}

.header-search-form-wrapper .search-form input[type="search"]:-ms-input-placeholder {
	color: #a4a4a4;
}

.header-search-form-wrapper .search-form input[type="search"]::-ms-input-placeholder {
	color: #a4a4a4;
}

.header-search-form-wrapper .search-submit {
	position: absolute;
	height: 50px;
	width: 50px;
	bottom: 0;
	right: 0;
	background-color: transparent;
	color: #9F9F9F;
	font-size: 24px;
}

@media (max-width: 767px) {
	.header-search-form-wrapper .search-submit {
		height: 35px;
		font-size: 20px;
	}
}

.header-search-form-wrapper .xb-search-close {
	background: #cccccc45;
	width: 54px;
	height: 54px;
	border-width: 18px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.header-search-form-wrapper .xb-search-close::before,
.header-search-form-wrapper .xb-search-close::after {
	background-color: var(--color-black);
}

@media (max-width: 767px) {
	.header-search-form-wrapper .xb-search-close {
		width: 50px;
		height: 50px;
		background-color: transparent;
	}
}

.header-search-container {
	width: 100%;
	height: 100%;
	max-width: 1170px;
	border: 0;
	padding: 0;
	background: 0 0;
	transform: translate3d(0, calc(100% - 100px), 0);
	transition: transform 0.85s cubic-bezier(0.175, 1, 0.275, 1);
	margin: auto;
	opacity: 0;
	visibility: hidden;
}

@media (max-width: 1199px) {
	.header-search-container {
		padding: 0 50px;
	}
}

@media (max-width: 767px) {
	.header-search-container {
		padding: 0 15px;
	}
}

.header-search-form-wrapper.open .header-search-container {
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}

/*----------------------------------------*/
/*  30. sec-title
/*----------------------------------------*/
.sec-title{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 20px;
}

.sec-title h2 {
	font-size: 25px;
	font-weight: 900 !important;
	padding-left: 15px;
	border-left: 4px solid #C43F0B;
	line-height: 1.2;
	display: inline-block;
	margin-bottom: 0px;
	position: relative;
	color: #222;
	text-transform: capitalize;
	letter-spacing: 0.2px;
}


.sec-title a {
	display: inline-block;
    padding: 3px 20px;
    color: #fff;
    background-color: #C43F0B;
	border: 1px solid #C43F0B;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 25px;
    font-size: 12px;
}

.sec-title a:hover {
	background-color: transparent;
	color: #C43F0B;
}

/* .sec-title h2::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 105%;
	width: 40px;
	height: 2px;
	background-color: rgba(0,0,0,1);
}

.sec-title h2::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 105%;
	width: 40px;
	height: 2px;
	background-color: rgba(0,0,0,1);
} */

.sec-title h3 {
	font-size: 25px;
	color: rgba(0,0,0,0.7);
	margin-top: 0px;
}


@media (max-width: 767px) {
	.sec-title h2 {
		font-size: 25px;
		line-height: 1.3;
	}

	.sec-title a {
		padding: 1px 20px;
	}
}

.sec-title h2 span {
	color: rgba(197, 65, 13, 0.855)
}

.sec-title p {
	font-size: 17px;
	line-height: 30px;
	letter-spacing: -0.2px;
	font-weight: 500;
	margin-bottom: 10px;
}

.sec-title--sub {
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: 6.72px;
	text-transform: uppercase;
	color: #110F10;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
}

.sec-title--sub img:first-child {
	margin-right: 13px;
}

.sec-title--sub img:last-child {
	margin-left: 5px;
}

.sec-title--heading {
	font-size: 48px;
	font-weight: 700;
	color: #110F10;
	line-height: 1.2;
}

@media (max-width: 1199px) {
	.sec-title--heading {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	.sec-title--heading {
		font-size: 28px;
	}
}

.sec-title.style-2.text-center .sec-title--sub {
	justify-content: center;
}

.sec-title.style-2 p {
	font-size: 16px;
	color: #555;
	font-weight: 400;
	line-height: 28px;
	opacity: 0.8;
}

.sec-title--big .sec-title--heading {
	font-size: 60px;
}

@media (max-width: 1199px) {
	.sec-title--big .sec-title--heading {
		font-size: 45px;
	}
}

@media (max-width: 767px) {
	.sec-title--big .sec-title--heading {
		font-size: 32px;
	}
}

.sec-title--travel .subtitle {
	font-size: 20px;
	font-weight: 700;
	font-family: var(--font-dancing);
	margin-bottom: 20px;
	color: var(--color-heading);
	display: inline-block;
}

.sec-title--travel h2 {
	display: block;
}

.sec-title--travel p {
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
}

.sec-title--white span,
.sec-title--white .subtitle,
.sec-title--white h3,
.sec-title--white h2 {
	color: var(--color-white);
}

/*----------------------------------------*/
/*  23. footer
/*----------------------------------------*/
.footer__widget .widget-title {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 25px;
	letter-spacing: -0.6px;
}

.footer__cta li {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: -0.72px;
	color: var(--color-dark);
}

@media (max-width: 767px) {
	.footer__cta li {
		font-size: 20px;
	}
}

.footer__cta li:not(:last-child) {
	margin-bottom: 17px;
}

.footer__cta li>span {
	margin-right: 10px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	background-color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0px 4px 4px rgba(48, 69, 75, 0.03);
}

.footer__links li:not(:last-child) {
	margin-bottom: 10px;
}

.footer__links li a {
	color: var(--color-default);
	display: flex;
	align-items: center;
	display: inline-block;
}

.footer__links li a:hover {
	color: var(--color-dark);
}

.footer__links li a:hover>span svg path {
	fill: var(--color-primary);
}

.footer__links li a>span {
	display: inline-block;
	margin-right: 10px;
	-webkit-transform: translateY(-2px);
	-ms-transform: translateY(-2px);
	transform: translateY(-2px);
}

.footer__links li a>span svg path {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.footer__custom-col {
	width: 23%;
}

.footer__custom-col:first-child {
	width: 31%;
}

@media (max-width: 991px) {
	.footer__custom-col:first-child {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.footer__custom-col:first-child {
		width: 100%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__custom-col:first-child {
		width: 50%;
	}
}

@media (max-width: 991px) {
	.footer__custom-col {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.footer__custom-col {
		width: 100%;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.footer__custom-col {
		width: 50%;
	}
}

.footer__custom-col:not(:first-child) .footer__widget {
	padding-left: 80px;
}

@media (max-width: 1199px) {
	.footer__custom-col:not(:first-child) .footer__widget {
		padding-left: 30px;
	}
}

@media (max-width: 991px) {
	.footer__custom-col:not(:first-child) .footer__widget {
		padding-left: 0;
	}
}

.footer__copyright {
	border-top: 1px solid #D9E3E7;
	padding-bottom: 15px;
	color:#212121;
}

.copyright p{
    color:#212121;
}

.footer__social li:not(:last-child) {
	margin-right: 16px;
}

.footer__social li a {
	font-size: 15px;
	color: #5F5F5F;
}

.footer__social li a:hover {
	color: var(--color-white);
}

.footer__bottom {
	padding-top: 40px;
	margin-top: 50px;
	border-top: 1px dashed rgba(217, 227, 231, 0.2);
}

@media (max-width: 767px) {
	.footer__nav {
		justify-content: start;
	}
}

.footer__nav li {
	margin-top: 15px;
}

.footer__nav li:not(:last-child) {
	margin-right: 50px;
}

@media (max-width: 767px) {
	.footer__nav li:not(:last-child) {
		margin-right: 20px;
	}
}

.footer__nav li a {
	font-size: 18px;
	color: var(--color-white);
	position: relative;
	font-weight: 400;
}

.footer__nav li a::before {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 0;
	height: 1px;
	content: "";
	background-color: currentColor;
	-webkit-transition: 0.4s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	-o-transition: 0.4s cubic-bezier(0.67, 0.04, 0.3, 0.91);
	transition: 0.4s cubic-bezier(0.67, 0.04, 0.3, 0.91);
}

.footer__nav li a:hover::before {
	width: 100%;
	right: auto;
	left: 0;
}

.footer-style-two {
	padding-top: 285px;
}

.footer-style-two .footer__custom-col:nth-child(2) .footer__widget {
	padding-left: 15px;
}

@media (max-width: 991px) {
	.footer-style-two .footer__custom-col:nth-child(2) .footer__widget {
		padding-left: 0;
	}
}

.footer-style-two .footer__custom-col:nth-child(3) .footer__widget {
	padding-left: 70px;
}

@media (max-width: 991px) {
	.footer-style-two .footer__custom-col:nth-child(3) .footer__widget {
		padding-left: 0;
	}
}

.footer-style-two .footer__widget h4 {
	letter-spacing: 0;
	font-size: 12px;
	font-weight: 700;
	color: var(--color-white);
	margin-bottom: 30px;
	text-transform: uppercase;
	font-family: var(--font-inter);
}

.footer-style-two .footer__widget p {
	font-size: 16px;
	line-height: 26px;
	color: var(--color-white);
}

.footer-style-two .copyright-text {
	color: var(--color-white);
}

.footer-style-two .copyright-text span {
	color: #A3A3A3;
}

.footer-style-two .footer-links li:not(:last-child) {
	margin-right: 45px;
}

.footer-style-two .footer-links li a {
	color: #A3A3A3;
}

.footer-style-two .footer-links li a:hover {
	color: var(--color-white);
}

@media (max-width: 991px) {
	.footer-style-two .footer__social {
		justify-content: start;
	}
}

.footer-style-three .footer__widget {
	width: 25%;
	border: 1px solid #F0F2F6;
	margin-right: -1px;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footer-style-three .footer__widget:nth-child(1) {
	border-left: 0;
	width: 20%;
}

@media (max-width: 1199px) {
	.footer-style-three .footer__widget:nth-child(1) {
		width: 24%;
	}
}

.footer-style-three .footer__widget:nth-child(2) {
	width: 30%;
	padding-left: 120px;
}

@media (max-width: 1199px) {
	.footer-style-three .footer__widget:nth-child(2) {
		width: 26%;
		padding-left: 50px;
	}
}

.footer-style-three .footer__widget:nth-child(3) {
	width: 30%;
	padding-left: 120px;
}

@media (max-width: 1199px) {
	.footer-style-three .footer__widget:nth-child(3) {
		width: 26%;
		padding-left: 50px;
	}
}

.footer-style-three .footer__widget:nth-child(4) {
	width: 20%;
	border-right: 0;
	padding-left: 90px;
}

@media (max-width: 1199px) {
	.footer-style-three .footer__widget:nth-child(4) {
		width: 24%;
		padding-left: 40px;
	}
}

@media (max-width: 991px) {
	.footer-style-three .footer__widget {
		width: 50% !important;
		padding: 0 !important;
		border: 0 !important;
		margin-top: 30px;
		padding-bottom: 50px !important;
	}
}

.footer-style-three .footer-links li:not(:last-child) {
	margin-right: 45px;
}

@media (max-width: 767px) {
	.footer-style-three .footer-links li:not(:last-child) {
		margin-right: 20px;
	}
}

.footer-style-three .footer-links li a {
	color: #787B84;
}

.footer-style-three .footer-links li a:hover {
	color: var(--color-black);
}

.footer-style-three .footer__links {
	padding-left: 15px;
}

.newsletter-title span {
	font-weight: 600;
	color: #787B84;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 12px;
}

.newsletter-title h3 {
	font-size: 24px;
	line-height: 34px;
}

.footer-newsletter-form {
	max-width: 674px;
	width: 100%;
	position: relative;
}

.footer-newsletter-form input {
	background-color: #F0F2F6;
	height: 66px;
	color: var(--color-heading);
	border-radius: 47px;
	-webkit-border-radius: 47px;
	-moz-border-radius: 47px;
	-ms-border-radius: 47px;
	-o-border-radius: 47px;
	padding: 20px;
	width: calc(100% - 198px);
}

.footer-newsletter-form input::-webkit-input-placeholder {
	color: #787B84;
	opacity: 1;
}

.footer-newsletter-form input::-moz-placeholder {
	color: #787B84;
	opacity: 1;
}

.footer-newsletter-form input:-ms-input-placeholder {
	color: #787B84;
	opacity: 1;
}

.footer-newsletter-form input:-moz-placeholder {
	color: #787B84;
	opacity: 1;
}

@media (max-width: 767px) {
	.footer-newsletter-form input {
		width: 100%;
	}
}

.footer-newsletter-form button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 20px 50px;
	height: 66px;
}

@media (max-width: 767px) {
	.footer-newsletter-form button {
		position: unset;
		margin-top: 20px;
	}
}

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


/* New Css start */

.container-wrapper {

}

/* Header start */

.header__inner {
	align-items: center !important;
}

.header__logo {
	max-width: 230px;
}

.h-login  {
	font-size: 14px !important;
}


.h-login img {
	width: 25px;
	margin-right: 5px;
}

.h-login:hover {
	border-bottom: 2px solid transparent !important;
	transform: scale(1.07);
}



.s-logo  {
	display: none;
}

.header__wrap.stricky-fixed .w-logo {
	display: none;
}

.header__wrap.stricky-fixed .s-logo {
	display: block;
}

.stricked-menu .main-menu ul li a {
	color: #222;
	font-size: 15px;
	padding: 17px 0;
}

.stricked-menu .main-menu ul li a:hover {
	color: #C43F0B !important;
	border-color: #C43F0B;
}





/* Header end */

/* hero start */

.hero-sec {
	background-image: url('../images/banner.jpg');
	background-size: cover;
	background-position: center center;
	width: 100%;
}

.hero-sec .overlay {
	width: 100%;
	height: 100%;
	padding: 110px 0 45px;
	/*background-color: rgba(0,0,0, 0.6);*/
	background-image: linear-gradient(to right, #ffffff,#f2f2f2);
}

.hero-title {
	text-align: center;
	margin-bottom: 0px;
}

.hero-title img {
	width: 100px;
	margin-bottom: 10px;
}

.hero-title i {
	color: #fff;
	font-size: 30px;
	transform: rotate(-90deg);
}

.hero-title h1 {
	font-size: 30px;
	font-weight: 500;
	color: #fff;
}


/* hero end */

/* hero form start */

.hero-form-sec {
	padding-bottom: 10px;
}

.main-hero-form-div {
	background-color: #fff;
	padding: 40px 25px 40px;
	border-radius: 0px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
background-image: linear-gradient(to right, #5abbed,#70cfff);
	border:3px solid #fff;
	outline:3px solid #2ea0da;
}

.hero-form .main-form-cat {
	position: relative;
	justify-content: center;
	background-color: #fff;
	width: 80%;
	opacity: 1;
	margin: 0 auto -30px auto;
	border-radius: 0px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
}


.hero-form .main-form-cat .nav-link img {
	height: 45px;
	margin-bottom: 12px;
}

.hero-form .main-form-cat .nav-link  {
	background-color: #fff;
	margin: 0px 20px;
	border-radius: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
}

.hero-form .main-form-cat .nav-link.active {
	border-bottom: 3px solid #F34A05;
	background-color: #fff;
	box-shadow: unset;
	border-radius:0px;
}


.hero-form .main-form-cat .nav-link h3 {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: capitalize;
	color:#212121;

}

.hero-form .main-form-cat .nav-link.active h3 {
	font-weight: 700;
	color: #F34A05 !important;
}



/* ======================================= */
.hotel_room_guest_main_div{
   display: none;
	position: absolute;
	top: 120px;
	right: 0;
	background-color: #ffff;
	width: 100%;
	padding: 8px 7px 10px;
	z-index: 9;
	border-top: 1px solid rgba(0,0,0,0.1);

}

.hotel_flex_main_div{
	display: flex !important;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 10px 15px;
   
    border-bottom: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    transition: 0.2s ease-in;
}

.room_flx_div span{
	font-weight:600;
	color:#212121;
	text-transform: capitalize;
	font-size: 14px;
}

.child_btm_txt b{
	color: #5F5F5F;
	font-weight: normal !important;
	font-size: 14px;
	display: block;
}


.child_btm_txt strong{
	color: #5F5F5F;
	font-weight: normal !important;
	font-size: 13px;
	display: block;
}

.slct_div_main {
		width: 90px;
		position: relative;
	}

	.slct_div_main select{
		border: 1px solid #d3cfcf !important;
		box-shadow: none !important;
		outline: none !important;
		background-color: #fff !important;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
		border-radius: 0px !important;
	}

	.guest_select_div{
		height: 35px;
		background: #ffffff;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
		border-radius: 3px;
		width: 90px;
		display: flex;
		align-items: center;
		cursor: pointer;
		padding-left: 19px;
		position: relative;
	}

.guest_select_div .guest_txt_div::after {
    display: inline-flex;
    border: #C43F0B solid;
    border-width: 0 2px 2px 0;
    padding: 3px;
    content: '';
    transform: rotate(45deg);
    position: absolute;
    right: 15px;
    top: 12px;
}

.guest_txt_div{
	font-weight: 600;
	font-size: 16px;
}

.guest_ul_div{
    width: 100%;
    max-height: 160px;
    overflow-y: auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: #ffffff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
}

.guest_ul_div {
	list-style: none;
}

.guest_ul_div li{
	padding: 4px 10px;
	font-size: 15px;
	color:#212121;
}

.room_txt_pra_div {
	padding: 5px 15px;
}
.room_txt_pra_div span{
	font-size: 13px;
	color: #999;
	line-height: 18px !important;
	display: inline-block;
	
}

.apply_btn-div{
margin-top: 20px;
margin-bottom: 20px;

}

.apply_btn-div a{
		text-align: right;
		background-color: #C43F0B;
		color: #fff;
		font-size: 15px;
		padding: 10px 30px 10px 30px;
		border-radius: 100px;
		font-weight: 600;
}

/* ================================ */



/* form Start */

.flightRadios {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom:  7px;
}

.flightRadios label {
	font-weight: 500;
	font-size: 16px;
		color: #fff;
}

.flightRadios input[type=radio]{ 
	accent-color: #C43F0B; 
} 

.flightRadios input[type="radio"]:checked+label{ 
	font-weight: 700;
	color: #fff;
 } 

 .flightRadios input[type="radio"]:checked+.flightradio {
	background-color: red !important;
 }

.fareRadios {
	display: flex;
	align-items: center;
	margin-top: 15px;
}

.fareRadioTittle {
	margin-right: 10px;
}

.fareRadioTittle p {
	font-weight: 600;
	color: #fff;
	font-size: 18px;
	text-transform: capitalize;
}

.fareRadios input[type=radio] { 
	accent-color: #C43F0B; 
} 

.fareRadios input[type="radio"]:checked + .fareRadio {
	background-color: red !important;
 }

.fareRadio {
	display: flex;
	align-items: center;
	gap: 5px;
	background-color: #f1f1f1;
	padding: 5px 10px;
	border-right: 1px solid rgba(0,0,0,0.1);
}

.fareRadio label {
	font-size: 15px;
}


.hero-form-cat-box {
	position: relative;
}

.hero-form-button {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translate(-50%);
	text-align: center;
}

.hero-form-button button {
display: inline-block;
    padding: 8px 56px;
    color: #fff;
    background-color: #05354e;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    border-radius: 25px;
    font-size: 15px;
}

.hero-form-button button i {
	margin-right: 10px;
	font-size: 13px;
}

.hero-form-button button:hover {
	background-color: #ce4b17;
	color: #fff;
}



.hero-form-input-box {
	position: relative;
}

.hero-form-place-list {
	display: none;
	position: absolute;
	background-color: #fff0;
	width: 100%;
	left: 0;
	top: 120px;
	/*border: 1px solid rgba(0,0,0,0.1);*/
	overflow-x: auto;
	height: 200px;
	z-index: 9;
}



.hero-form-place-list-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #fff;
	padding: 5px 10px 3px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	cursor: pointer;
	transition: 0.2s ease-in;
}

.hero-form-place-list-item:hover {
	background-color: #f7f7f7;
}

.hero-form-place-list-item .place {
	display: flex;
	align-items: center;
	gap: 5px;
}

.hero-form-place-list-item .place img {
	height: 15px;
}

.hero-form-place-list-item .place  p {
	font-size: 15px;
	position: relative !important;
	left: 0;
	top: 3px;
	line-height: 1;
	color: #333;
}

.hero-form-place-list-item .place  span {
	display: inline-block;
	font-size: 13px;
	color: #999;	
	line-height: 12px !important;
	margin-top: 6px;
}

.hero-form-place-list-item .code {
	position: relative;
	left: 0;
	top: 0;
	color: #333;
	font-size: 14px;
}

.hero-form-input-box label {
	position: absolute;
	top: 10px;
	left: 15px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	color: #555;
}


.hero-form-input-box input {
	width: 100%;
	height: 120px;
	min-height: 100%;
	font-size: 23px;
	color: #333;
	font-weight: 700;	
	border: unset;
	font-family: 'Lato';
	border-radius: 0px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.1);
	border-collapse: collapse;
	cursor: pointer;
}

.hero-form-input-box input:focus {
	box-shadow: unset;
	border: 1px solid rgba(0,0,0,0.1);
}


.hero-form-input-box input::placeholder {
	color: #222;
}

.hero-form-input-box p {
	position: absolute;
	bottom: 15px;
	left: 15px;
	font-size: 16px;
	color: #999;
	font-weight: 500;
	cursor: pointer;
}

.flight-tabs {
	justify-content: flex-start;
	margin-bottom: 15px;
}

.flight-tabs .nav-link {
	width: 120px;
	height: 35px;
	line-height: 0;
	box-shadow: unset;
	/* border: 1px solid rgba(0,0,0,0.1); */
	color: #333;
	border-radius: 10px;
	margin-right: 7px;
	font-size: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	/* background-color: #f7f7f7; */
}

.flight-tabs .nav-link.active {	
	border-color: #C43F0B;
	color: #C43F0B;
}

/* Traveler's list start */


.hero-form-travelers-list {
	display: none;
	position: absolute;
	top: 120px;
	right: 0;
	background-color: #ffff;
	width: 350%;
	padding: 25px 30px 10px;
	z-index: 9;
}


.traveler-selector-box {
	margin-bottom: 20px;
}


.traveler-selector-box .intro {
	margin-bottom: 10px;
}

.traveler-selector-box .intro h3 {
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 2px;
}

.traveler-selector-box .intro p {
	position: relative;
	left: 0;
	top: 0;
	line-height: 1;
	font-size: 14px;
}

.travelers-radios {
	position: relative;
	left: 0;
	top: 0;
	display: flex;
	gap: 5px;
}


.travelers-radios input[type="radio"] {
    appearance: none;
    display: none;
}

.travelers-radios label {
 position: relative;
 left: 0;
 top: 0;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #555;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 3px;
}

.travelers-radios input[type="radio"]:checked + label {
    background-color: #C43F0B;
    color: #f1f3f5;
    font-weight: 900;
    transition: 0.3s;
}

#travGrop4 label {
	width: unset;
	height: unset;
	padding: 7px 10px;
	line-height: 1;
}



/* Traveler's list end */


/* form End */




/* offer Section start */

.offer-sec {
	padding: 30px 0 10px;
	background: #f0f0f0;
}

.offer-sec .container {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}


.offer-box {
	display: flex;
	gap: 15px;
	padding: 20px 20px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,0.1);
}

.offer-box .img {
	width: 50%;
}

.offer-box .img img {
	border-radius: 5px;
}

.offer-box .content h3 {
	font-size: 18px;
	line-height: 1.0;
	margin-bottom: 7px;
}

.offer-box .content p {
	font-size: 13px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.offer-box .offer-btn {
	display: inline-block;
	font-size: 13px;
	background-color: transparent;
	border: 2px solid #C43F0B;
	color: #C43F0B;
	padding: 1px 18px;
	border-radius: 25px;
	letter-spacing: 0.5px;
	margin-top: 7px;
}

.offer-box .offer-btn:hover {
	background-color: #C43F0B;
	color: #fff;
}


/* offer Section End */


/* Why choose sec start */

.Why-choose-sec {
	padding: 10px 0 10px;
	background: #f0f0f0;
}

.Why-choose-sec .container {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}



.choose-box {
	text-align: center;
}

.choose-box img {
	width: 100px;
}

.choose-box h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 6px;
}

.choose-box p {
	font-size: 16px;
	line-height: 1.6;
}

/* Why choose sec end */


/* Destination Start */

.destination-sec {
	padding: 10px 0 10px;
	background-color: #f0f0f0;
}

.destination-sec .container {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}


.destination-box {
	position: relative;
}

.destination-box  img {
	border-radius: 10px;
}

.destination-box .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.2);
	padding: 15px;
	border-radius: 10px 10px 0 0;
}

.destination-box .overlay h3 {
	color: #fff;
	/* background-color: rgba(0,0,0,0.3); */
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	font-weight: 900;
}

/* Destination End */



/* hero form end */


/* Testimonial Sec start */

.testimonial-sec {
	padding: 10px 0 10px;
	background-color: #f0f0f0;
}

.testimonial-sec .container {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}


.testimonial-sec .testimonial {
	background-color: #fff;
	border-radius: 15px;
}

.testimonial .sec-title {
	/* margin-bottom: 25px; */
}

/* Testimonial Sec end */

/* Payment Sec Start */

.payment-sec {
	padding: 10px 0 20px;
	background: #f0f0f0;
}

.payment-sec .container {
   box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

.payment-flex {
	/* display: flex;
	gap: 20px; */
	/* margin-top: 10px; */
	/* justify-content: center; */

  }
  .payment-flex img {
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
  }
  

/* Payment Sec End */


/* Process Section start */

.process-section{
	background-image: url(../images/banner.jpg);
    background-size: cover;
    background-position: center center;
}

.process-section .overlay {
	width: 100%;
	height: 100%;
	padding: 40px 0 45px;
	background-color: rgba(16, 37, 74, 0.97);
}

.process-section .sec-title {
	margin-bottom: 0px;
}

.process-section .sec-title h3 {
	color: rgba(256,256,256,0.8);
	text-transform: capitalize;
	font-size: 23px;
	letter-spacing: 1px;
	font-weight: 500;
	margin-top: 3px;
}

.process-section .sec-title h3::after {
	content: '';
}

.process-section .sec-title h2 {
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: capitalize;
	font-size: 35px;
	margin-bottom: 0;
}


.step-box {
	text-align: center;
	position: relative;
	border-radius: 10px;
	margin-top: 70px;
  }
  
  .step-box .content {
	padding: 20px;
	padding-top: 40px;
	padding-bottom: 25px;
	position: relative;
	background-color: rgba(256,256,256,0.03);
	/* border: 1px solid rgba(256,256,256,0.1); */
	border-radius: 12px;
	text-align: center;
	transition: 0.2s ease-in;
  }

  .step-box .content:hover {
	background-color: #fff;
  }

  .step-box .content:hover h3 {
	color: #222;
  }

  .step-box .content:hover img {
	background-color: unset;
  }
  
  .step-box .content .icon {
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
  }
  
  .step-box img {
	transition: 0.2s ease-in;
	background-color: #fff;
	width: 75px;
	height: 75px;
	border-radius: 50%;
	font-size: 20px;
	margin-bottom: 7px;
	color: #fff;
	padding: 8px;
  }
  
  .step {
	display: inline-block;
	font-size: 15px;
	background-color: #D64309;
	border: 1px solid #D64309;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #fff;
	border-radius: 50%;
  }
  

  .step-box h3 {
	font-family: 'Poppins', sans-serif !important;
	font-size: 21px;
	text-transform: capitalize;
	/* letter-spacing: 0.5px; */
	color: #fff;
	margin-top: 15px;
	font-weight: 500;
	margin-bottom: 10px;
	transition: 0.2s ease-in;
  }

  /*  */

/* Process Section End */

/* About Section Start */

.about {
	padding: 65px 0 35px;
	background-color: #f7f7f7;
}

.visa-btn {
	display: inline-block;
	background-color: #D64309;
	color: #fff;
	padding: 10px 15px;
	margin-top: 5px;
	border-radius:3px;
}

.visa-btn:hover {
	background-color: #172645;
	color: #fff;
}

.mission__img {
	/* padding: 35px; */
}

.mission__img img {
	border-radius: 15px;
}

/* About Section End */


/* footer  */

.footer {
	background-color: #e7e7e7;
	padding: 35px 0 0;
	position: relative;
  }
  
  .footer-content,.footer-link,
  .footer-contact, .map {
	margin-bottom: 30px;
  }
  
  .f-img-1 {
	position: absolute;
	bottom: 40px;
	right: 20px;
  }
  
  .f-img-1 img {
	width: 250px;
  }
  
  .f-img-2 {
	position: absolute;
	top: 10px;
	left: 20px;
  }
  
  .f-img-2 img {
	width: 180px;
  }
  
  .f-logo {
	text-align: center;
  }
  
  
  .f-logo img {
	max-width: 220px;
	margin-bottom: 15px;
  }
  
  .f-logo P {
	color: rgba(256,256,256,0.85);
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 28px;
  }
  
  .footer-content {
	margin-top: 10px;
	text-align: center;
  }
  
  .footer-title {
	color: #fff;
  }
  
  .footer-link {
	margin-bottom: 30px ;
  }
  
  
  
  .footer-link  a {
	display: block;
	padding: 0px 0  10px;
	border-bottom: 1px solid rgba(0,0,0,0.06);
	margin-bottom: 3px;
	color: rgba(0, 0, 0, 0.7);
	text-transform: capitalize;
	font-size: 14px;
	font-weight: 400;
	/*letter-spacing: 1px;*/
  }

  .footer-link  a:last-child {
	border-bottom: none;
  }
  
  .footer-link  a i {
	margin-right: 5px;
  }
  
  .footer-link  a:hover {
	color: #000 !important;  
	transform: scale(0.95);
  }
  
  .contact-flex {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin-bottom: 15px;
  }

  .contact-flex i {
	font-size: 15px;
	color: #777;
  }

  
  .footer-contact h2,
  .footer-link h2,
  .map h2 {
	color: #333;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 600;
  }

  .footer-contact p {
	margin-bottom: 0;
	font-size: 16px;
	color: rgba(0,0,0,0.5);
	font-weight: 500;
	margin-top: -7px;
	line-height: 1.7;
  }
  
  .footer-contact p strong {
	margin-right: 10px;
	color: rgba(0,0,0,0.7);
	font-weight: 500;
  }
  
  .footer-contact p a {
	display: inline-block;
	font-size: 15px;
	color: rgba(0,0,0,0.6);
	font-weight: 500;
  }
  
  .footer-contact p a:hover {
	color: #333;
  }
  
  .footer-contact p i {
	font-size: 15px;
	margin-right: 5px;
  }

  .contact-flex div {
	margin-top: -7px;
  }

  .contact-flex div strong {
	display: inline-block;
	margin-bottom: 5px;
  }
  
  .footer-social {
	margin-bottom: 25px;
  }
  
  .footer-social li {
	list-style: none;
	display: inline-block;
  }
  
  .footer-social a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	margin-right: 15px;
  }
  
  .footer-social a:hover {
   color: #fff;
	transform: scale(1.2);
  }
  
  .copyright {
	padding: 15px 0;
	text-align: center;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  .copyright p {
	color: rgba(0, 0, 0);
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 400;
	margin-bottom: 0px;
	letter-spacing: 1px;
  }
  
  .copyright p a {
	color: rgba(0,0,0,1);
	margin-left: 3px;
	letter-spacing: 1px;
  }
  
  /* footer end */

  /* Country slider start */

  .country-sec .sec-title {
	margin-bottom: 45px;

  }

  .country-box img {
	width:130px !important;
	margin: auto;
  }

  .country-box h3 {
	color: #fff;
	font-size: 23px;
	text-align: center;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 15px;
  }

  /* Country slider end*/

  /* Counter Start */

  .counter-sec {
	padding: 30px 0;
  }

  .counter-sec .sec-title {
	margin-bottom: 20px;
  }

  .counter-title {
	display: inline-block;
	color: #222;
	font-size: 21px;
	font-weight: 600;
	margin-top: 10px;
  }

  /* Counter End */

  /* Breadcrumb start */

.breadcrumb  {
	background-image: url(../images/banner.jpg);
    background-size: cover;
    background-position: center center;
  }

  .breadcrumb .overlay {
	padding: 110px 0 60px;
	width: 100%;
	height: 100%;
background-color: rgb(255 255 255 / 96%);
    position: relative;

  }
  
  
  .in-img1 {
	position: absolute;
	bottom: -30px;
	left: 30px;
	z-index: 999;
  }
  
  .in-img1 img {
	width: 150px;
  }
  
  .in-img2 {
	position: absolute;
	bottom: -40px;
	right: 30px;
	z-index: 999;
  }
  
  .in-img2 img {
	width: 200px;
  }
  
  .bread-title {
	text-align: center;
	font-size: 30px;
	color: #212121;
	text-transform: capitalize;
	letter-spacing: 1px;
  }

  .bread-item {
	position: absolute;
	bottom: -20px;
	left: 50%;
	height: 40px;
	transform: translateX(-50%);
	background-color: #fff;
	line-height: 1;
	background-color: #fff;
	padding: 0 30px;
	border-radius: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
  }
  
  .bread-item a {
	display: inline-block;
	font-size: 14px;
	margin-bottom: 0;
	font-weight: 500;
	letter-spacing: 1px;
	color: #E75115;
  }
  
  .bread-item span {
	font-size: 14px;
	  /* color: #E75115; */
  }
  
  .bread-item a.active {
	color: #444;
	cursor: default;
  }
  
  /* Breadcrumb end */

  /* Login pop up */

  #loginForm .modal-body {
	padding: 0;
  }

  #loginForm .modal-header  {
	border-bottom: 0;
	box-shadow: none;
  }

  .loginWrapper {
	padding: 25px 50px;
	border-radius: 15px;
	position: relative;
  }

  .login-title {
	text-align: center;
	margin-bottom: 25px;
  }

  .login-title span {
	display: block;
	font-size: 13px;
	color: #555;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 2px;
  }

  .login-title img {
	width: 45%;
	margin-bottom: 10px;
  }

  .login-title p {
	font-size: 16px;
	line-height: 1.5;
	width: 85%;
	margin: 0 auto;
  }

  .login-form-group {
	position: relative;
	margin-bottom: 15px;
	padding-left: 0;
  }

  .login-form-group input {
	width: 100%;
	height: 45px;
	background-color: #ebebeb;
	border: 1px solid #ebebeb;
	outline: none;
	padding-left: 45px;
	border-radius: 3px;
	font-size: 15px;
  }

  .login-form-group input:focus {
	border-color: #ccc;
  }



  .login-form-group i {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
  }

  .login-btn {
	display: block;
	background-color: #E75115;
	border: 1.5px solid  #E75115;
	color: #fff;
	width: 100%;
	padding: 7px 40px;
	margin: 0 auto;
	border-radius: 3px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
  }

  .login-btn:hover {
	background-color: #fff;
	color: #E75115;
  }

  .login-links {
	text-align: center;
  }

  .login-links  p {
	font-size: 14px;
  }

  .login-links  p a {
	color: #333;
	font-weight: 500;
  }

  .login-links  p a:hover {
	color: #E75115;
  }

  .loginWrapper .close-btn {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 20px;
	color: #ed7141;
	background-color: unset;
  }

  /* Login pop up */

  /* Sign up  start */

  .signup-section {
	padding: 80px 0;
  }

  .signupWrapper {
	position: relative;
	background-color: #fff;
	padding: 35px 60px;
	border-radius: 15px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }

  .signupWrapper .login-title img {
	width: 40%;
  }

  .outer-circle {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #ee855b;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  .inner-circle {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background-color: #f3a88a;
  }

  .circle-left {
	position: absolute;
	top: -10%;
	left: -15%;
  }

  .circle-right {
	position: absolute;
	bottom: -10%;
	right: -15%;
  }
  
  .signupWrapper .login-btn {
	width: unset;
	padding: 6px 15px;
	margin-top: 5px;
	font-size: 12px;
  }

  /* Sign up  end */


  /* Privacy Section start */

  .privacy-section {
	padding: 50px 0;
	background-color: #fafafa;
  }

  .privacy-section h2 {
	font-size: 25px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 10px;
  }

  .privacy-section h3 {
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 7px;
  }

  .privacy-section p {
	font-size: 15px;
  }

  /* Privacy Section end */

  /* Visa Section start */

 

  .checkout-summary-section {
	padding: 40px 0;
  }


  .checkout-title-box h2 {
	font-size: 23px;
	
  }

  .checkout-title-box {
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
  }

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

  .checkout-form label {
	display: block;
	font-size: 16px;
	margin-bottom: 3px;
	color: #111;
	letter-spacing: 0.5px;
  }

  .checkout-form input {
	width: 100%;
	height: 45px;
	padding: 16px;
	width: 100%;
	border: unset;
	border-radius: 3px;
	background-color: #f1f1f1;
  }

  .checkout-form textarea {
	padding: 15px;
	width: 100%;
	height: 120px;
	border:unset;
	background-color: #f1f1f1;
	border-radius: 3px;
  }

  .check-summary-box {
	padding: 25px 35px;
	border-radius: 15px;
	background-color: #f9f9f9;
  }


  .check-summary-box h2 {
	font-size: 20px;
	text-transform: capitalize;
	letter-spacing: 1px;
	margin-bottom: 10px;
	color: #444;
  }

  .check-summary-box h2 img {
	width: 40px;
	margin-right: 12px;
  }

  .check-flex  {
	display: flex;
	justify-content: space-between;
	padding: 7px 0;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	font-weight: 600;
  }

  .check-flex p {
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.5px;
  }

  .check-flex:last-child {
	border-bottom: unset;
  }

  .acceptance-quote {
	font-size: 16px;
	margin-top: 10px;
  }

  .acceptance-quote input {
	margin-right: 3px;
  }

  .payment-btn {
	display: inline-block;
	border: 2px solid #EE4C0A;
	background-color: #EE4C0A;
	color: #fff;
	padding: 5px 15px;
	margin-top: 20px;
	border-radius: 3px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.5px;
  }

  .payment-btn:hover {
	background-color: transparent;
	color: #EE4C0A;	
  }


  /* Visa Section end */



  /* Search Summary Start */



  .search-summary {
	display: grid;
  }

  .grid-col-5 {
	grid-template-columns: repeat(5, 1fr);
  }

  .search-summary-item {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 15px;
	padding: 25px 0  20px;
  }

  .search-summary-icon i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background-color: #F45312;
	color: #fff;
	border-radius: 50%;
	font-size: 14px;
  }

  .search-summary-description  {
	margin-top: -4px;
  }

  .search-summary-description span {
	color: #F45312;
	font-size: 15px;
	margin-bottom: 2px;
  }

  .search-summary-description p {
	color: #555;
	font-size: 14px;
	line-height: 1;
  }

  /* Search Summary End */





  /* Contact Page Start */

  .contact-map-section {
	padding: 30px 0;
	background-color: #f7f7f7;
  }

  /* Contact Page End */


  /* Filters Side bar start */

  .filters-sidebar {
	padding: 20px 20px; 
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;;
  }

  .fitler-title  {
	margin-bottom: 15px;
  }

  .fitler-title p {
	font-size: 23px;
	font-weight: 600;
	color: #555;
  }

  .filter-box {
	margin-bottom: 20px;
  }

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

  .filter-item-title {
	font-size: 18px;
	font-weight: 600;
	color: #555;
	margin-bottom: 10px;
  }

  .filter-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,0.07);
	padding: 9px 0;
  }

  .filter-item input + label{
	cursor: pointer !important;
  }

  .filter-item:last-child {
	border-bottom: unset;
  }

  .filter-item input[type='checkbox'] {
	width:15px;
	height: 15px;
	margin-right: 7px;
  }

  .filter-item label {
	text-transform: uppercase;
	font-size: 15px;
  }

  .filter-item span {
	font-size: 15px;
	color: #aaa;
  }

  /* Filters Side bar end */

  /* Book Cars section start */	

  .section-book-cars {
	padding: 30px 0;
  }
  
  

  .container {
	max-width: 1200px;
	margin: auto;
  }

  .book-car-item {
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 15px;
	padding: 15px 20px;
	margin-bottom: 10px;
}



  .book-car-item-title-box {
	display: flex;
	gap: 10px;
	margin-bottom: 3px;
  }

  .book-car-item-title p {
	font-size: 23px;
	font-weight: 600;
	color: #222;
  }

  .book-car-item-title p span {
	font-size: 15px;
	font-weight: 400;
	color: #aaa;
	margin-left: 2px;
  }

  .book-car-item-rating span {
	display: inline-block;
	background-color: goldenrod;
	color: #fff;
	font-size: 14px;
	padding: 0px 5px;
	border-radius: 3px;
	line-height: 1.6;
	margin-right: 3px;
  }

  .book-car-item-rating p {
	color: #aaa;
	font-size: 15px;
  }

  .book-car-item-rating span i {
	display: inline-block;
	font-size: 10px;
	margin-right: 3px;
  }

  .book-car-item-features {
	display: flex;
	align-items: center;
	gap: 10px;
  }


  .book-car-item-features i {
	font-size: 5px;
  }

  .book-car-item-details {
	margin-top: 10px;
  }

  .book-car-item-detail-heading {
	font-weight: 700;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
  }

  .book-car-item-detail-list-item-img {
	display: flex;
	align-items: center;
	gap: 10px;
  }

  .book-car-item-detail-list-item {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding: 5px;
  }

  .book-car-item-detail-list-item:last-child {
	border: none;
  }

  .book-car-item-detail-list-item img {
	height: 25px;
  }

  .book-car-item-detail-list-item p {
	font-weight: 600;
	color: #333;
	font-size: 15px;
  }
  .book-car-item-detail-list-desc {
	text-align:right;
  }

  .book-car-item-cta {
	text-align: right;
  }

  .book-car-item-cta p {
	line-height: 1.2;
  }

  .book-car-item-cta-discount {
	font-size: 16px;
	color: #4ab516;
  }

  .book-car-item-cta .real-price {
	font-size: 16px;
	color: rgba(0,0,0,0.3);
	text-decoration: line-through;
	margin-right: 3px;
  }

  
  .book-car-item-cta .discounted-price {
	font-size: 23px;
	font-weight: 600;
	color: #333;
  }

  .book-car-item-cta .tax-charges {
	font-size: 14px;
	color:  #4ab516;
  }

  .book-car-item-cta .book-car-btn {
	display: inline-block;
	margin-top: 10px;
    padding: 9px 20px;
    color: #fff;
    background-color: #C43F0B;
	border: 2px solid transparent;
    text-transform: uppercase;
    font-weight: 600;
	line-height: 1;
	letter-spacing: 1px;
    border-radius: 25px;
    font-size: 12px;
  }

  .book-car-item-cta .book-car-btn:hover {
	border-color: #C43F0B;
    background-color: transparent;
    color: #C43F0B;
}

  /* Book Cars section end */

  /* Cab Extra Feature start */

  .cab-extra-feature-sec {
	padding: 20px 0px 0;
  }

  .cabs-extra-feature {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: #f7f7f7;
	padding: 15px 25px;
	border-radius: 5px;
	margin-bottom: 10px;
  }

  .cabs-extra-feature .title {
	font-size: 18px;
	font-weight: 600;
	color: #333;
  }

  .cabs-extra-feature .descrp {
	font-size: 15px;
	line-height: 1.4;
  }

  /* Cab Extra Feature end */


  /* Book Cab Checkout start */

  .cab-checkout {
	padding: 30px 0;
	width: 100%;
  }

  .cab-book-overview {
	padding:15px 20px;
	border-left: 3px solid #e64e0e;
	margin-bottom: 10px;
	border-radius: 15px;
  }

  .cab-book-overview .route {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 18px;
	margin-bottom: 3px;
  }

  .cab-book-overview .route p {
	font-weight: 600;
	color: #333;
	font-size: 21px;
  }

  .cab-book-overview .route-type {
	display: flex;
	align-items: center;
	gap: 10px;
  }

  .cab-book-overview .route-type  P {
	font-weight: 500;
	color: #333;
	font-size: 16px;
	color: #666;
  }

  /* Book Cab Checkout end */
  
  /* Inclusion & Exclusion Start */

  .incl-exl-sec {
	display: flex;
	justify-content: space-between;	
	border: 1px solid rgba(0,0,0,0.2);
	padding: 20px 0px;
	border-radius: 15px;
	margin-bottom: 10px;
  }

  .incl-exl-sec .inclusive-sec,
  .incl-exl-sec .exclusive-sec {
	padding: 0px 30px;
	width: 50%;
  } 

  .incl-exl-sec .inclusive-sec h3,
  .incl-exl-sec .exclusive-sec h3 {
	font-size: 20px;
	margin-bottom: 2px;
  } 

  .incl-exl-sec .inclusive-sec h3 i{
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: 400;
	color: green;
  } 
  .incl-exl-sec .exclusive-sec h3 i {
	margin-right: 10px;
	margin-bottom: 10px;
	font-weight: 400;
	color: red;
  } 

  .incl-exl-sec .inclusive-sec ul,
  .incl-exl-sec .exclusive-sec ul {
	padding-left: 20px;
	list-style-type: disc;
  } 

  .incl-exl-sec .inclusive-sec li,
  .incl-exl-sec .exclusive-sec li {
	margin-bottom: 3px;
	font-weight: 600;
	color: #333;
	font-size: 16px;
  } 

  .incl-exl-sec .inclusive-sec li span {
	font-size: 14px;
	color: #999
  }

  .incl-exl-sec .inclusive-sec .title,
  .incl-exl-sec .exclusive-sec .title {
	font-weight: 400;
  } 

  .exclusive-sec li div {
	display: flex;
	justify-content: space-between;
  }

  .incl-exl-sec .inclusive-sec {
	border-right: 1px solid rgba(0,0,0,0.2);
  }

  /* Inclusion & Exclusion End */

  /* Book Cab Form Start */

  .book-cab-form {
	border: 1px solid rgba(0,0,0,0.2);
	padding: 20px 25px;
	border-radius: 15px;
  }

  .book-cab-form h3 {
	margin-bottom: 15px;
  }

  .book-cab-form h4 {
	font-size: 18px;
	margin-bottom: 7px;
  }


  .book-cab-form .form-auth {
	font-size: 15px;
  }

  .book-cab-form .form-auth a {
	font-size: 14px;
	margin: 0 4px;
  }

  .book-cab-form label {
	margin-bottom: 3px;
	font-weight: 500;
	color: #111;
	font-size: 16px;
  }

  .book-cab-form label span {
	font-size: 15px;
	color: #999;
	margin-left: 3px;
  }

  .book-cab-form .form-group {
	margin-bottom: 12px;
  }

  .book-cab-form input {
	width: 100%;
	height:45px;
	padding: 0 15px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	font-size: 16px;
  }

  .book-cab-form input:focus {
	border-color: #f74907;
  }

  .book-cab-form input::placeholder {
	color:  #999;
  }

  .form-break {
	height: 1px;
	width: 97%;
	background-color: rgba(0,0,0,0.1);
	margin: 10px auto;
  }

  .gender-radios {
	display: flex;
	align-items: center;
	gap: 20px;
  }

  .gender-radio {
	display: flex;
	align-items: center;
  }

  .gender-radio input {
	width: 15px;
  }

  .gender-radio label {
	margin-left: 5px;
	margin-bottom: 0;
  }
  /* Book Cab Form End */


  /* Book Flight Filter Start */

  .flight-filter-sidebar {
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;
	padding: 15px 20px;
  }

  .flight-filter-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
  }

  .flight-filter-title p{
	font-weight: 600;
	color: #333;
	font-size: 20px;
}

.flight-filter-title button {
	display: inline-block;
	font-size: 13px;
	border-radius: 3px;
	padding: 0px 10px;
	color: #555;
}

.flight-filter-title button:hover {
	background-color: #ebebeb;
}

  .flight-filter-box {
	margin-bottom: 20px;
  }

  .Flight-filter-item-title {
	font-weight: 600;
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
  }

  .flight-filter-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
  }


  .flight-filter-item label {
	color: #555;
	font-size: 16px;
	margin-left: 5px;
	line-height: 0;
	display: inline-block;
	cursor: pointer;
  }

  .flight-filter-item img {
	width: 20px;
	aspect-ratio: 2/3;
	object-fit: contain;
  }

  .flight-filter-item input[type='checkbox'] {	
	width: 12px;
	height: 12px;
	cursor: pointer;
  }
  
  .flight-filter-item span {
	color: #555;
  }

  .price-filter div {
	display: flex;
	align-items: center;
	justify-content: space-between;
  }

	#price-range {
    	width: 100%;    
}

#price-value {
      font-weight: bold;
 }

  /* Book Flight Filter End */

  /* Book Flight Item start */

  .book-flight-item {
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #f7f7f7;
	border-radius: 10px;
	padding: 35px 15px;
	position: relative;
	margin-bottom: 10px;
  }

  .book-flight-number {
	display: flex;
	align-items: center;
	gap: 5px;
  }

  .book-flight-number img  {
	display: inline-block;
	width: 70px;
  }

  .book-flight-number p {
	font-weight: 600;
	color: #333;
	font-size: 18px;
	line-height: 1;
  }

  .book-flight-number span {
	color: #888;
	font-size: 14px;
  }

  .book-flight-departure {
	text-align: center;
  }

  .book-flight-departure p {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	line-height: 1;
  }

  .book-flight-departure span {
	color: #888;
	font-size: 15px;
  }

  .book-flight-duration {
	text-align: center;
  }

  .book-flight-duration  p {
	font-size: 15px;
  }

  .book-flight-duration span  {
	font-size: 14px;
  }

  .book-flight-duration .route-line {
	position: relative;
	width: 60%;
	height: 2px;
	background-color: green;
	margin: 3px auto;
  }

  .book-flight-duration .route-line i {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-80%, -50%);
	font-size: 9px;
	color:#333;
  }

  .book-flight-arival {
	text-align: center;
  }

  .book-flight-arival p {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	line-height: 1;
  }

  .book-flight-arival span {
	color: #888;
	font-size: 15px;
  }

  .book-flight-price {
	text-align: center;
  }

  .book-flight-price p {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	line-height: 1;
  }

  .book-flight-price span {
	color: #888;
	font-size: 15px;
  }

  .flight-book-btn {
	display: inline-block;
    padding: 8px 12px;
    color: #fff;
    background-color: #C43F0B;
	border: 1.5px solid #C43F0B;
    font-weight: 500;
    line-height: 1;
	text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 25px;
    font-size: 12px;
  }

  .flight-book-btn:hover {
	background-color: #fff;
	color: #C43F0B;
  }
  
  .flight-detail-btn {
	
	position: absolute;
	bottom: 10px;
	right: 35px;
	
  }

  .flight-detail-btn a {
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
  }

  .flight-detail-btn a:hover {
	text-decoration: underline;
	color: blue;
  }

  /* Book Flight Item End */

  /* Flight Detail Summary Pop up Start */


  #flightDetails .modal-header {
	background-color: #fff;
	border-bottom: unset;
	padding-top: 10px; 
	padding-bottom: 0px ;
  }

  #flightDetails .modal-title {
	font-size: 16px !important;
	text-transform: uppercase;
	letter-spacing: 1px;
  }

  .flight-detail-summary-tabs {
	margin-bottom: 15px;
  }

  .flight-detail-summary-tabs .nav-link {
	height: 35px;
	padding: 0 15px;
	line-height: 37px;
	letter-spacing: 0.5px;
	font-size: 12px;
	text-transform: uppercase;
	margin-right: 3px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 0;
	color: #999;
	font-weight: 500;
  }

  .flight-detail-summary-tabs .nav-link.active {
	background-color: #C43F0B;
	border-color: #C43F0B;
	color: #fff;
  }



	.flight-detail-summary-content table .title  {
		font-size: 15px;
		letter-spacing: 0.5px;
		text-transform:uppercase;
	}

  .flight-detail-summary-content table .primary {
	font-size: 18px;
	font-weight: 400;
	color: #333;
	background-color: #f7f7f7;
  }

  .flight-detail-summary-content table .primary p {
	margin-bottom: 0;
	line-height: 1;
  }

  .flight-detail-summary-content table .primary span {
	font-size: 13px;
  }

  .flight-detail-summary-content table .secondary {
	font-weight: 400;
	color: #999;
	text-transform: capitalize;
  }

  .flight-detail-summary-content table .secondary span {
	color: #333;
  }

  .flight-detail-summary-content table .condition {
	color: #999;
	font-size: 14px;
  }

  .flight-detail-title {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 5px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
  }

  .flight-detail-title .flight-detail-route {
	font-weight: 600;
	color: #555;
	font-size: 15px;
  }

  .flight-detail-title-flex {
	display: flex;
	align-items: center;
	gap: 2px;
  }

  .flight-detail-title-flex img {
	width: 40px;
  }

  .flight-detail-title-flex p {
	font-weight: 600;
	color: #333;
  }

  .flight-detail-title-flex p span {
	background-color: transparent;
	font-size: 16px;
	font-weight: 400;
	color: #999;
  }

  .flight-detail-title-flex  span {
	display: inline-block;
	background-color: #ebebeb;
	padding: 0px 12px;
	font-size: 14px;
	border-radius: 25px;
}


.flight-detail-box {
	padding: 10px 15px;
	border: 1px solid rgba(0,0,0,0.1);
	border-top: 0;
}

.flight-detail-box p {
	margin-bottom: 0;
	line-height: 1;
}

.flight-detail-box .departure-time .time,
.flight-detail-box .arrival-time .time,
.flight-detail-box .baggage .title {
	font-weight: 600;
	font-size: 18px;
	color: #333;
	margin-bottom: 5px;
}

.flight-detail-box .departure-time .date,
.flight-detail-box .arrival-time .date {
	font-weight: 600;
	font-size: 14px;
	color: #333;
	margin-bottom: 15px;
}

.flight-detail-box .departure-time .terminal,
.flight-detail-box .arrival-time .terminal {
	font-weight: 500;
	font-size: 16px;
	color: #999;
	margin-bottom: 3px;
}

.flight-detail-box .departure-time .state,
.flight-detail-box .arrival-time .state {
	font-weight: 500;
	font-size: 14px;
	color: #999;
	margin-bottom: 3px;
}

.flight-detail-box .baggage .desc {
	font-size: 14px;
	margin-top: 7px;
	text-transform: uppercase;
}

.flight-detail-box .duration  {
	text-align: center;
}

.flight-detail-box .duration .time {
	font-size: 14px;
	color: #999;
	margin-bottom: 7px;
}

.flight-detail-box .duration .route-line {
    position: relative;
    width: 70%;
    height: 2px;
    background-color: green;
    margin: 3px auto;
}

.flight-detail-box .duration  .route-line i {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-80%, -50%);
    font-size: 9px;
    color: #333;
}

/* Flight Detail Summary Pop up End */

/* New Css End */

/* Round Flight Filter start */

.round-flight-box {
	margin-bottom: 20px;
	background-color: #f7f7f7;
}

/* Round Flight Filter End */


/* Round Flight Tabs Start */

.round-flight-tabs {
	width: 100%;
	display: flex;
	gap: 5px;
}  

.round-flight-tab {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	background-color: transparent;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 7px 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	width: 50%;
	outline: none;

}

.round-flight-tab.active {
	background-color: #f1f1f1;
	border-color: #f1f1f1;
	outline: none;
}

.round-flight-tab p {
	margin-bottom: 0;
}

.round-flight-tab .route {
	font-size: 15px;
	font-weight: 600;
	color: #333;
	font-family: ;
}

.round-flight-tab .date {
	font-size: 14px;
	font-weight: 500;
	color: #555;
}

/* Round Flight Tabs End */


/* Round Flight Title start */

.round-flight-titles {
	background-color: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}

.round-flight-titles p {
	font-size: 15px;
	padding: 5px 10px;
	border-right: 1px solid rgba(0,0,0,0.1);
	width: 25%;
	text-align: center;
}

.round-flight-titles .price {
	font-weight: 700;
	font-size: 16px;
}


/* Round Flight Title End */


/* Round Flight Card Start */

.round-flight-card {
	padding: 0px 15px 5px;
	cursor: pointer;
}

.round-flight-card .flight-title {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 3px 0px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 10px;
}	

.round-flight-card .flight-title img {
	height: 35px;
}

.round-flight-card .flight-title .flight-com {
	font-size:	16px;
}

.round-flight-card{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}

.round-flight-card .flight-details,
.round-flight-card .book-flight-duration {
	text-align: center;
}

.round-flight-card .flight-details .time {
	font-size: 21px;
	font-weight: 700;
	color: #333;
}

.round-flight-card .flight-details .place {
	color: #999;
	font-size: 13px;
}

.round-flight-card .book-flight-duration p,
.round-flight-card .book-flight-duration span {
	font-size: 12px;
	color: #999;
}

.round-flight-card .flight-details input {
	width: 20px;
	height: 20px;
	accent-color: #C43F0B;
}	

/* Round Flight Card End */

/* Round Flight Summary Start */

.round-flight-summary  {
	background-color: #f7f7f7;
	padding: 25px 15px;
	border-radius: 10px;
	position: sticky;
	top: 0;
}

.round-flight-overview  {
	margin-bottom: 15px;
}

.round-flight-overview .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
}


.round-flight-overview .title img {
	height: 25px;

}

.round-flight-overview .title p {
	font-size: 15px;
}

.round-flight-overview .time-place{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.round-flight-overview .time span {
	font-size: 19px;
	font-weight: 600;
	margin-right: 5px;
	color: #333;
}


.round-flight-overview .price p {
	font-size: 21px;
	color:#333;
	font-weight: 500;
}

.round-flight-overview .price  span {
	margin-left: 5px;
	font-size: 21px;
}

.round-flight-overview a {
	font-size: 12px;
}

.round-flight-book-btn {
	display: flex;
	justify-content: space-between;
}

.round-flight-book-btn a {
	display: inline-block;
    padding: 8px 12px;
    color: #fff;
    background-color: #C43F0B;
    border: 1.5px solid #C43F0B;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 25px;
    font-size: 12px;
}

.round-flight-book-btn a:hover {
    background-color: transparent;
    color: #C43F0B;
}

.round-flight-book-btn p {
	font-size: 21px;
	font-weight: 700;
	color: #555;
}

/* Round Flight Summary End */


/* Book buses Item start */

.book-buses-item {
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #f7f7f7;
	border-radius: 10px;
	padding: 35px 15px;
	position: relative;
	margin-bottom: 10px;
  }

  .book-buses-number {
	/* display: flex; */
	align-items: center;
	gap: 5px;
  }

  .book-buses-number img  {
	display: inline-block;
	width: 40px;
  }

  .book-buses-number p {
	font-weight: 600;
	color: #333;
	font-size: 18px;
	line-height: 1;
  }

  .book-buses-number span {
	color: #888;
	font-size: 14px;
  }

  .book-buses-departure {
	text-align: center;
  }

  .book-buses-departure p {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	line-height: 1;
  }

  .book-buses-departure span {
	color: #888;
	font-size: 15px;
  }

  .book-buses-duration {
	text-align: center;
  }

  .book-buses-duration  p {
	font-size: 15px;
  }

  .book-buses-duration span  {
	font-size: 14px;
  }

  .book-buses-duration .route-line {
	position: relative;
	width: 60%;
	height: 2px;
	background-color: green;
	margin: 3px auto;
  }

  .book-buses-duration .route-line i {
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-80%, -50%);
	font-size: 9px;
	color:#333;
  }

  .book-buses-arival {
	text-align: center;
  }

  .book-buses-arival p {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	line-height: 1;
  }

  .book-buses-arival span {
	color: #888;
	font-size: 15px;
  }

  .book-buses-price {
	text-align: center;
  }

  .book-buses-price p {
	font-size: 21px;
	color: #333;
	font-weight: 600;
	line-height: 1;
  }

  .book-buses-price span {
	color: #888;
	font-size: 15px;
  }

  .buses-book-btn {
	display: inline-block;
    padding: 8px 12px;
    color: #fff;
    background-color: #C43F0B;
	border: 1.5px solid #C43F0B;
    font-weight: 500;
    line-height: 1;
	text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 25px;
    font-size: 12px;
  }

  .buses-book-btn:hover {
	background-color: #fff;
	color: #C43F0B;
  }
  
  .buses-detail-btn {
	
	position: absolute;
	bottom: 10px;
	right: 35px;
	
  }

  .buses-detail-btn a {
	display: inline-block;
	font-weight: 500;
	font-size: 12px;
	letter-spacing: 1px;
	margin: 0px 5px;
  }

  .buses-detail-btn a:hover {
	text-decoration: underline;
	color: blue;
  }

  .bus_slct_btn{
	background-color: #C43F0B;
	color: #fff !important;
	padding: 5px 15px 5px 15px;
	border-radius: 100px;
	text-transform: capitalize;
	text-decoration: none !important;
	font-weight: 700 !important;
	font-size: 16px;
	
  }

  .buses_div_book {
	margin-bottom: 15px;
	text-align: center !important;
  }

  /* Book buses Item End */


/* Hotels Filters start */
.buget-filter.hotel {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.buget-filter.hotel input {
	max-width: 100px !important;
	height: 35px;
	padding:5px 10px;
	border:1px solid #999;
	border-radius: 0px;
	font-size: 15px;
}

.buget-filter.hotel input::placeholder {
	color: #999;
}

.budget-filter-btn {
	display: block;
	width: 100% ;
	margin-top: 10px;
	padding: 3px 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 3px;
	background-color: #C43F0B;
	color: #fff;
}

.budget-filter-btn:hover {
	background: #d43F0b;
}

.flight-filter-sidebar.hotel .flight-filter-item span {
	font-size: 13px;
	color: #999;
}


.flight-filter-sidebar.hotel .fa-star {
	font-size: 12px;
	color: goldenrod;
}

/* Hotels Filters End */


/* Hotel Cards start */

.hotel-card {
	padding: 15px;
	border:1px solid rgba(0,0,0,0.1);
	border-radius: 10px;
	display:block;
	margin-bottom: 10px;
}

.hotel-card a {
	all: unset;
	cursor: pointer;
}


.hotel-card-imgs > img {
    width: 109%;
    height: 163px;
    border-radius: 7px;
    object-fit: cover;
}

.hotel-card-imgs-thumbs {
	text-align: center;
	margin-top: 7px;
}

.hotel-card-imgs-thumbs img {
	width: 23%;
	height: 48px;
	border-radius: 5px;
}

.hotel-card-detail {
	padding:0 10px; 
}

.hotel-card-detail .title{
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 8px;
}

.hotel-card-detail .hotel-name {
	font-size: 23px;
	color: #333;
}

.hotel-card-detail .stars i {
	font-size: 10px;
	color: goldenrod;
}

.hotel-card-detail .hotel-location {
	margin-bottom: 5px;
}

.hotel-card-detail .hotel-loc {
	color: #C43F0B;
	font-weight: 700;
} 

.hotel-card-detail .hotel-loc-desc {
	color: #777;
	font-size: 18px;
	line-height: 1.3;

}

.hotel-card-detail .hotel-desc {
	font-size: 15px;
	color: #777
}


.hotel-card-detail .hotel-tags  {
	margin-top: 10px;
}


.hotel-card-detail .hotel-tags span {
	display: inline-block;
	border: 1px solid #ccc;
	background-color: #ebebeb;
	margin-right: 5px;
	padding: 7px 10px;
	line-height: 1;
	font-size: 14px;
	border-radius: 5px;
	color: #777;
}

.hotel-rating-price {
	text-align: right;
}

.hotel-rating-price .hotel-rating {
	margin-bottom: 25px;
}

.hotel-rating-price .hotel-rating  .desc {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
}


.hotel-rating-price .rating-desc {
	color: #C43F0B;
	font-weight: 700;
	font-size: 18px;
}

.hotel-rating-price .rating-no {
	background-color: #C43F0B;
	color: #fff;
	display: inline-block;
	padding: 4px 10px;
	font-size: 14px;
	line-height: 1;
	font-weight:700;
	border-radius: 3px;
}

.hotel-rating-price .total-ratings {
	font-size: 16px;
	color: #555;
}

.hotel-rating-price .hotel-price .price {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 5px;
}

.hotel-rating-price .hotel-price .tax {
	color: #999;
	line-height: 1;
	font-size: 14px;
	margin-bottom: 2px;
}

/* Hotel Cards End */

/* Bus Pop up amenities start */

.bus-amenity {
    margin-bottom: 5px;
}

.bus-amenity i {
    font-size: 12px;
    color: #777;
    margin-right: 5px;
}

.bus-amenity span {
    font-size: 14px;
    color: #777;
}

.pickup-drop h3 {
    font-size: 16px;
    margin-bottoM: 7px;
}

.pick-drop-list {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 10px;
    max-height: 250px;
    overflow-Y: scroll;
}

.pick-drop-list-item {
    display: flex;
    align-items: center;
    gap: 10px;
        margin-bottom: 5px;
}


.pick-drop-list-item span {
    display: inline-block;
    color: #999;
    font-size: 15px;
}


.pick-drop-list-item p {
    font-weight: 500;
    color: #555;
        font-size: 15px;
        line-height: 1.3;
        margin-bottom: 0;
}

/* Bus Pop up amenities end */


/* app css */

.app_section .container{
	background-color: #fff;
	padding: 10px 0px;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	margin-bottom: 40px;
	border-radius: 10px;
}

.app_txt_div{
	margin-bottom: 20px;
}

.app_txt_div h3{
	font-weight: 700;
	text-transform: capitalize;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: .3px;
	color: #222;
	text-align: center;
}
.app_txt_div h3 span{
	display: block;
	font-size: 27px;
	color: #212121;
	font-weight: 700;
}

.app_img_box {
	text-align: center;
	margin-bottom: 10px;
}

.app_img_box img{
width: 130px;
margin: auto;
}

.app_img_box a{
	color: #212121;
}

.app_img_box p{
	margin-top: 10px;
	text-transform: capitalize;
	font-weight: 600;
	font-size: 15px;
	line-height: 23px;
}

.app_img_box p span{
	display: block;
}
/* app css end */




/*  */
.select_room_section{
	background-color: #f6f7f9;
	padding: 40px 0px;
}

.sltct_room_height_div{
	height: 550px;
	background-color: #fff;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
	border-bottom: 3px solid #787B84;
	margin-bottom: 20px;
}

.sltct_room_main_div{
	padding: 5px;
	
}



.border_div_op{
	border-bottom: 2px solid #90939B;

}

.selec_hd_ti h3{
	padding-bottom: 20px;
	letter-spacing: .4px;
	text-transform: capitalize;
	font-weight: 800;
	text-align: center;
}

.sltct_room_main_div{
	background-color: #fff;
	padding: 0px 5px;
}

.sltct_room_main_div h4{
	padding: 8px 5px;
	letter-spacing: .4px;
	text-transform: uppercase;
	font-weight: 800;
	color:#313131;
	font-size:16px
}

.sltct_room_main_div_relative{
	position: relative;
	
	
}


.overly_txt_bn{
	position: absolute;
	top: 5%;
	left: 2%;
	z-index: 99999;
}

.overly_txt_bn p{
	background-image: linear-gradient(to right, #5abbed,#70cfff);
    border-radius:4px;
    color: #fff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;

    padding: 1px 7px;

    text-transform: uppercase;
    z-index: 1;
}

.sltct_room_main_div .carousel-item img{
	border-radius: 10px !important;
	
}

.bn_btm_txt_div{
padding: 10px 8px;
}
.bn_btm_txt_div h5{
	color: #212121;
	font-weight: 800;
	letter-spacing: .3px;
	text-transform: capitalize;
	padding-top: 10px;
	padding-bottom: 10px;
}

.bn_btm_txt_div p{
	color:#333;
	line-height: 30px;
	font-weight: 500;
}

.bn_btm_txt_div span{
	font-size: 14px;
}
.ul_div_ht_dt{
	margin-bottom: 20px;
	margin-top: 10px;
}
.ul_div_ht_dt ul{
	list-style: none;
}

.ul_div_ht_dt li{
	display: inline;
	margin: 0px 3px;
	font-size: 15px;
	font-weight: 600;
}

.ul_div_ht_dt li:before {
    position: relative;
    content: '\2059';
    margin-right: 2px;
    font-weight: bold;
    color: #212121;
    top: -1px;
    font-size: 15px;
}

.bn_btm_txt_div .more_dt_btn {
	margin-bottom: 10px;
}

.bn_btm_txt_div .more_dt_btn a{
	background-color: #0091FF;
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	padding: 8px 20px;
	border-radius: 100px;
	letter-spacing: .3px;
	
}


.sltct_room_main_div_top_brd{
	border-top: 1px solid #90939B;

}

.sltct_room_main_div2{
	padding: 5px 10px !important;


}
.sltct_room_main_div2 h4{
	padding: 8px 5px;
	letter-spacing: .4px;
	text-transform: uppercase;
	font-weight: 800;
	color:#313131;
	font-size:16px
}

.opion_txt_div .reco{
	border: 1px solid #0091FF;
    border-radius: 8px;
    color: #0091FF;
    display: inline;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 12px;
    padding: 2px 8px;
    text-transform: uppercase;
}

.opion_txt_div h5{
	font-size: 16px;
	padding: 6px 0px;
	font-weight: 800;
	letter-spacing: .1px;
}

.opion_txt_div .flexi_div{
	font-size: 15px;
	font-weight: 600;
	color: #555555;
}

.opion_txt_div .flexi_div span{
	font-size: 14px;
}


.opion_txt_div .flexi_div2 a{
	font-size: 14px;
	font-weight: 600;
	color: #0099cc;
	text-transform: capitalize;
	letter-spacing: .2px;
}

.opion_txt_div .flexi_div2 span{
	font-size: 14px;
}

.option_btn_dt{
	margin-top: 3px;
}

.option_btn_dt a{
	font-weight: 600;
	margin: 0px 13px;
	letter-spacing: .3px;
	font-size: 15px;
}

.price_txt_div_main_div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.price_txt_div_main_div{
	padding: 15px 0px;
}

.price_flx_div span{
	color: #5F5F5F;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 0px;
}

.price_flx_div .price_flx_div{
	margin-bottom: 1px;
	font-size: 20px;
	font-weight: 700;
}

.price_flx_div b {
	color: #5F5F5F;
	font-size: 15px;
	font-weight: 600;
	display: inline-block;
	margin-bottom: 0px;
}

.flx_para_txt{
	color: #5F5F5F;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0px;	
}

.flx_para_txt a{
	font-size: 13px;
}

.flx_slc_rom_btn a{
	background-color: #0091FF;
	padding: 10px 20px 10px 20px;
	border-radius: 100px;
	color: #fff;
	font-weight: 700;
}
/*  */