body {
	font-family: 'Poppins', sans-serif;
	color: #888;
	font-size: 12px;
	font-weight: 400;
	background: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 110%;
	margin: 0;
	font-family: 'Poppins', sans-serif;
	font-weight: 500;
	color: #444;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 26px;
}

h3 {
	font-size: 22px;
}

h4 {
	font-size: 17px;
	line-height: 25px;
}

h5 {
	font-size: 16px;
	line-height: 22px;
}

h6 {
	font-size: 14px;
}

p {
	margin: 0;
}

img {
	display: block;
	max-width: 100%;
}

ul {
	padding: 0;
	margin: 0;
}

ul li {
	list-style-type: none;
}

@-moz-document url-prefix() {
	.page-content {
		padding-bottom: 60px !important;
	}

	.page.page-home {
		padding-bottom: 50px !important;
	}

}

.ios a {
	color: #333;
}

.ios a:focus {
	outline: 0;
}

.ios a.primary-button {
	color: #fff;
}

.ios a.secondary-button {
	color: #1948ff;
}

.page {
	background: #fff;
}

.page.page-home .page-content {
	padding-top: 0;
}

.tab-home {
	will-change: scroll-position;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	z-index: 1;
	padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px));
	overflow-x: hidden;
	padding: 0;
	margin: 0;
}

.tab-search {
	will-change: scroll-position;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	z-index: 1;
	padding-bottom: calc(var(--f7-page-toolbar-bottom-offset, 0px) + var(--f7-safe-area-bottom) + var(--f7-page-content-extra-padding-bottom, 0px));
	overflow-x: hidden;
}


.section-title {
	margin-bottom: 12px;
}

.section-title h3 {
	font-size: 17px;
	font-weight: 700;
}

.section-title h3 .see-all-link {
	float: right;
	color: #1948ff;
	font-size: 12px;
	font-weight: 500;
}

.wrap-title {
	margin-bottom: 10px;
}

.title-time {
	margin-bottom: 10px;
}

.title-time span {
	color: #aaa;
	font-size: 11px;
}

.bg-solid-gray {
	background: #f5f5f5 !important;
}

.bg-solid {
	background: #1948ff;
}


.container {
	padding-left: 16px !important;
	padding-right: 16px !important;
}

.no-pd-b {
	padding-bottom: 0;
}

.no-mb {
	margin-bottom: 0 !important;
}

.row {
	margin-bottom: 15px;
}

.row:last-child {
	margin-bottom: 0;
}

/*overlay*/
.overlay {
	background: linear-gradient(rgba(0, 0, 0, 0.64), rgba(0, 0, 0, 0.64));
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 3px;
}

/*divider line*/
.divider-line-half {
	background: #eee;
	width: 100%;
	height: 1px;
	margin: 15px 0;
	display: flex;
}

.divider-line-half.line-search {
	margin-top: 12px;
}

.divider-line-full {
	background: #eee;
	width: 100%;
	height: 1px;
	margin: 20px 0;
	display: flex;
}

/*divider space for content*/
.divider-space-content {
	margin: 10px 0;
	display: flex;
}

/*divider space for text*/
.divider-space-text {
	margin: 5px 0;
	display: flex;
}

/*product info*/
.title-product {
	margin-bottom: 10px;
}


.location {
	color: #888;
	font-size: 12px;
	font-weight: 500;
}

.location i {
	margin-right: 5px;
}

.date {
	font-size: 11px;
	color: #999;
}

/*rate product*/
.rate-product {
	margin-bottom: 4px;
}

.rate-product li {
	display: inline-block;
	font-size: 9px;
}

.rate-product li i {
	color: orange;
}

/*toolbar & tabbar home*/
.ios .toolbar {
	background: transparent;
	height: 90px;
}
.toolbar-bottom .toolbar-inner { padding-top: 57px; padding-bottom: 30px; padding-left: 0; padding-right: 0; }
.toolbar-bottom .toolbar-inner:after {
    content: '';
    position: absolute;
    right: 0;
    width: 134px;
    bottom: 10px;
    height: 5px;
    top: auto;
    pointer-events: none;
    background: rgba(148, 148, 148, 1);
    left: 0;
    margin: 0 auto;
    border-radius: 10px;
}


.ios .toolbar::before {
	display: none;
}

.ios .toolbar.tabbar-labels a.tab-link {
	padding-top: 7px;
	padding-bottom: 7px;
	color: #888;
	font-size: 0;
	justify-content: center;
}

.ios .toolbar.tabbar-labels a.tab-link.tab-link-active {
	color: #1D1D1D;
}

/*button default*/
.button {
	background: #1948ff;
	color: #fff;
	border-radius: 3px;
	padding: 0 10px;
	height: 30px;
	line-height: 29px;
	font-size: 13px;
	font-weight: 500;
	border: 0;
}

.button i {
	margin-right: 10px;
}

.button.primary-button {
	border: 1px solid #1948ff;
}

.button.primary-button:focus {
	background: #1948ff !important;
	color: #fff;
	outline: 0;
}

.button.secondary-button {
	background: transparent;
	border: 1px solid #1948ff;
	color: #1948ff;
}

.button.secondary-button:focus {
	border-color: #1948ff !important;
	outline: 0;
}

/*navbar*/
.navbar {
	background: #fff;
}

.navbar .navbar-inner {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 0;
    padding-bottom: 8px;
}

.navbar .nav-account-seller {
	padding-top: 0 !important;
}

.navbar .navbar-inner .title {
	font-size: 15px;
}

.navbar .navbar-inner .right a {
	color: #aaa;
}

.navbar .nav-product-detail a i {
	color: #aaa;
}

/*navbar page*/
.navbar .right a + a {
	margin-left: 15px;
}

.navbar .right a .confirm-changes {
	color: #1948ff;
}

.navbar::after {
	background: #eee !important;
	transform: none !important;
	height: 0px;
}

.navbar-page .navbar-inner .right a + a {
	margin-left: 5px !important;
}

.navbar-page::after {
	background: transparent !important;
}

/*navbar home*/
.navbar-home .navbar-inner .title {
	width: 100%;
	text-align: left;
}

.navbar-home .navbar-inner .title h2 {
	font-size: 18px;
	font-weight: 700;
}

.navbar-home .navbar-inner .right a {
	position: relative;
	margin-left: 10px !important; 
}

.navbar-home .navbar-inner .right a span {
	display: inline-block;
	background: #ff4141;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
}

.navbar-home::after {
	background: transparent !important;
}

/*sidebar or panel*/
.ios .panel-backdrop {
	background: rgba(0, 0, 0, 0.3);
}

.ios .panel {
	overflow-y: scroll;
	overflow-x: hidden;
}

.sidebar .item-content .item-media i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #1948ff;
	border-radius: 12px;
	color: #fff;
	font-size: 13px;
}

.sidebar .item-content .item-inner .item-title {
	font-size: 14px;
	font-weight: 500;
}

.sidebar .accordion-list .accordion-item.accordion-item-opened .accordion-item-content {
	border-bottom: 1px solid #eee;
	margin: 0 12px;
}

.sidebar .accordion-list .accordion-item .accordion-item-content {
	margin: 0 12px;
}

.sidebar .accordion-list .accordion-item .accordion-item-content a {
	display: block;
	margin-bottom: 15px;
	font-weight: 500;
}

.sidebar .accordion-list .accordion-item .accordion-item-content a:last-child {
	margin-bottom: 0;
}

.sidebar .accordion-list .accordion-item .accordion-item-content a i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #1948ff;
	border-radius: 12px;
	color: #fff;
	font-size: 13px;
	margin-right: 10px;
}

/*swiper pagination*/
.swiper-container {
	border-radius: 12px;
}

.swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	width: 7px;
	height: 7px;
}

.swiper-container.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #ff4141;
}

/*--- HOME ---*/

/*slider*/
.slider {
	margin-top: 69px;
}

.slider .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets {
	text-align: left;
	padding-left: 10px;
}

.slider .swiper-slide img {
	width: 100%;
	border-radius: 12px;
}

/*categories*/
.categories .row:last-child {
	margin-bottom: 0;
}

.categories .content {
	text-align: center;
}

.categories .content .icon {
	background: #fff;
	border-radius: 12px;
	width: 50px;
	height: 50px;
	line-height: 57px;
	margin: 0 auto;
	margin-bottom: 5px;
	box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.15);
}

.categories .content .icon i {
	font-size: 21px;
	color: #1948ff;
}

.categories .content span {
	font-size: 10px;
}

/*flash sale*/
.flash-sale {
	position: relative;
	padding-top: 22px;
}

.flash-sale::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 0% 0% 100% 100% / 0% 57% 90% 90%;
	z-index: -1000;
	width: 100%;
	height: 50%;
	background: url(../images/bg-flash-sale.png);
	background-size: cover;
	background-position: center 22%;
}

.flash-sale .swiper-container {
	padding-bottom: 25px;
}

.flash-sale .flash-s-title {
	text-align: center;
	margin-bottom: 0;
}

.flash-sale .flash-s-title h3 {
	margin-bottom: 15px;
	color: #fff;
}

.flash-sale .swiper-slide {
	width: 35%;
}

.flash-sale .swiper-slide .content {
	background: #fff;
	border-radius: 12px;
	text-align: center;
	position: relative;
}

.flash-sale .swiper-slide .content .product-mark-discount {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffd405;
	border-radius: 12px 0;
	text-align: center;
	color: #1948ff;
	padding: 6px;
}

.flash-sale .swiper-slide .content .product-mark-discount li {
	font-weight: 700;
}

.flash-sale .swiper-slide .content .product-mark-discount li:last-child {
	font-size: 9px;
	font-weight: 400;
}

.flash-sale .swiper-slide .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.flash-sale .swiper-slide .content .text {
	padding: 15px;
}

.flash-sale .swiper-slide .content .text p {
	color: #1948ff;
	font-weight: 700;
	font-size: 14px;
}

.flash-sale .swiper-slide .content .text p span {
	color: #666;
	font-size: 13px;
	font-weight: 400;
	margin-left: 5px;
	position: relative;
}

.flash-sale .swiper-slide .content .text p span::after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	background: #666;
	height: 1px;
	width: 100%;
}

/*popular product*/
.popular-product.segments-bottom {
	padding-bottom: 23px;
}

.popular-product .swiper-container {
	padding-bottom: 30px;
}

.popular-product .swiper-container > .swiper-pagination-bullets {
	bottom: 0;
}

.popular-product .content {
	background: #fff;
	border-radius: 12px;
}

.popular-product .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.popular-product .content .text {
	padding: 10px;
}

/*recommended*/

/*product*/
.product .row:last-child {
	margin-bottom: 0;
}

.product .content {
	background: #fff;
	border-radius: 12px;
	position: relative;
}

.product .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.product .content .text {
	padding: 10px 0;
}

/*--- SEARCH ---*/
.search {
	padding-top: 64px;
}

.search .title-search-category {
	margin-bottom: 10px;
}

.search .title-search-category span {
	color: #aaa;
	font-size: 11px;
}

.search .title-search-category span a {
	float: right;
	color: #1948ff;
	font-size: 12px;
	font-weight: 500;
}

.search .recent-search ul li {
	margin-bottom: 10px;
	font-size: 13px;
}

.search .recent-search ul li i {
	margin-right: 10px;
	font-size: 14px;
}

.search .recent-search ul li:last-child {
	margin-bottom: 0;
}

.search .popular-search ul li {
	display: inline-block;
	border: 1px solid #ddd;
	padding: 2px 10px;
	border-radius: 4px;
	margin: 0 7px 7px 0;
}

/*--- OFFICIAL BRAND ---*/
.official-brand .slider-brand {
	margin-top: 25px;
}

.official-brand .slider-brand .swiper-slide img {
	width: 100%;
	border-radius: 12px;
}

.official-brand .popular-brand .content {
	border: 1px solid #ddd;
	border-radius: 12px;
	padding: 8px;
}

.official-brand .popular-brand .content img {
	width: 100%;
}

.official-brand .brand-promo .content {
	position: relative;
}

.official-brand .brand-promo .content .product-mark-discount {
	position: absolute;
	top: 0;
	left: 0;
	background: #ffd405;
	border-radius: 12px 0;
	text-align: center;
	color: #1948ff;
	padding: 6px;
}

.official-brand .brand-promo .content .product-mark-discount li {
	font-weight: 700;
}

.official-brand .brand-promo .content .product-mark-discount li:last-child {
	font-size: 9px;
	font-weight: 400;
}

/*--- SHOPPING CART ---*/

/*cart*/
.cart .name-store {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

.cart .name-store img {
	float: left;
	width: 30px;
	border-radius: 50%;
	margin-right: 10px;
	height: 100%;
}

.cart .name-store .title-store {
	overflow: hidden;
	position: relative;
	top: 8px;
}

.cart .content-checkbox .checkbox input[type="checkbox"]:checked ~ i {
	background: #1948ff;
	border-color: #1948ff;
}

.cart .content-checkbox .checkbox .icon-checkbox {
	width: 18px;
	height: 18px;
	border-color: #ddd;
}

.cart .content-checkbox .checkbox .icon-checkbox::after {
	width: 18px;
	height: 18px;
	line-height: 18px;
}

.cart .content-cart {
	background: #fff;
	border-radius: 12px;
	display: inline-block;
	width: 100%;
	position: relative;
}

.cart .content-cart img {
	float: left;
	width: 70px;
	height: 100%;
	border-radius: 12px 0 0 12px;
}

.cart .content-cart .product-info {
	overflow: hidden;
	padding: 0 0 0 15px;
}

.cart .content-cart .product-info .price {
	margin-bottom: 0;
}
.cart .wrap-total-cart .row {
	margin-bottom: 0;
}

.cart .wrap-total-cart .content-total p {
	font-size: 11px;
	margin-bottom: 5px;
}

.cart .wrap-total-cart .content-total h6 {
	color: #1948ff;
	font-weight: 700;
}

.cart .wrap-total-cart .content-button .button {
	position: relative;
	top: 3px;
}

.checkbox input[type="checkbox"]:checked ~ i {
	background: #1948ff;
	border-color: #1948ff;
}

.stepper {
	border-radius: 12px;
	height: 20px;
	display: flex;
}

.stepper .stepper-button-minus {
	border-radius: 100%;
	border: 0;
	background: #eee;
	width: 20px;
	height: 20px;
}

.stepper .stepper-button-minus::after {
	width: 10px;
	height: 2px;
	background: #999;
}

.stepper .stepper-input-wrap {
	border: 0;
}

.stepper .stepper-input-wrap input {
	color: #000;
	font-size: 13px;
	font-weight: 500;
	width: 30px;
}

.stepper .stepper-button-plus {
	border-radius: 100%;
	border: 0;
	background: #eee;
	width: 20px;
	height: 20px;
}

.stepper .stepper-button-plus::before {
	height: 10px !important;
	height: 2px;
	background: #999;
}

.stepper .stepper-button-plus::after {
	width: 10px;
	height: 2px;
	background: #999;
}

/*--- ACCOUNT ---*/

/*account buyer*/
.account-buyer .header-account {
	padding: 20px 12px;
	background: #fff;
	border-radius: 12px;
	display: flex;
}

.account-buyer .header-account img {
	float: left;
	width: 50px;
	height: 100%;
	border-radius: 50%;
	margin-right: 10px;
}

.account-buyer .header-account .title-name {
	overflow: hidden;
}

.account-buyer .header-account .title-name h5 {
	margin-bottom: 5px;
}

.account-buyer .header-account .title-name p i {
	margin-right: 10px;
}

.account-buyer .info-balance {
	padding: 10px;
	border-radius: 12px;
}

.account-buyer .info-balance .content-text p {
	font-size: 11px;
	margin-bottom: 5px;
}

.account-buyer .info-balance .content-text h5 {
	font-weight: 700;
	color: #1948ff;
}

.account-buyer .info-balance .content-button .button {
	position: relative;
	top: 6px;
}

.account-buyer .account-menu .list ul li:last-child .item-content .item-inner .item-title {
	position: relative;
	top: 5px;
}

.account-buyer .account-menu .item-content .item-media i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #1948ff;
	border-radius: 12px;
	color: #fff;
	font-size: 13px;
}

/*account seller*/
.navbar .nav-account-seller .right .link i {
	position: relative;
	left: 6px;
}

.account-seller .header-account {
	width: 100%;
	height: 150px;
	position: relative;
}

.account-seller .header-account img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.account-seller .header-account .user-caption {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 12px;
	right: 12px;
}

.account-seller .header-account .user-caption img {
	float: left;
	width: 50px;
	height: 100%;
	border-radius: 50%;
	margin-right: 10px;
}

.account-seller .header-account .user-caption .title-name {
	overflow: hidden;
	color: #fff;
}

.account-seller .header-account .user-caption .title-name h5 {
	color: #fff;
	margin-bottom: 5px;
}

.account-seller .header-account .user-caption .title-name .date {
	margin-bottom: 5px;
	color: #ddd;
}

.account-seller .header-account .user-caption .title-name .total-followers {
	font-weight: 500;
	margin-bottom: 5px;
}

.account-seller .header-account .user-caption .title-name p i {
	margin-right: 10px;
}

.account-seller .header-account .user-button .secondary-button {
	color: #fff;
	border-color: #fff;
}

.account-seller .header-account .header-account-wrapper {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

.account-seller .header-account .header-account-wrapper .user-button .primary-button {
	margin-bottom: 10px;
}

.account-seller .account-status-info .toolbar {
	box-shadow: none;
	border-bottom: 1px solid #ddd;
}

.account-seller .account-status-info .toolbar .toolbar-inner .tab-link {
	font-size: 14px;
	color: #666;
}

.account-seller .account-status-info .toolbar .toolbar-inner .tab-link.tab-link-active {
	color: #1948ff;
}

.account-seller .account-status-info .category-product-account .content {
	margin-bottom: 15px;
	display: flex;
}

.account-seller .account-status-info .category-product-account .content:last-child {
	margin-bottom: 0;
}

.account-seller .account-status-info .category-product-account .content i {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #fff;
	border-radius: 12px;
	font-size: 24px;
	color: #1948ff;
	float: left;
	margin-right: 10px;
	box-shadow: 0 4px 10px -1px rgba(0, 0, 0, 0.15);
}

.account-seller .account-status-info .category-product-account .content .content-title {
	overflow: hidden;
}

.account-seller .account-status-info .category-product-account .content .content-title h5 {
	font-size: 14px;
	margin-bottom: 3px;
}

.account-seller .account-status-info .store-info .wrap-info-details ul li {
	margin-bottom: 10px;
	color: #333;
}

.account-seller .account-status-info .store-info .wrap-info-details ul li i {
	margin-right: 10px;
}

.account-seller .account-status-info .store-info .wrap-info-details ul li span {
	margin-left: 5px;
	color: #1948ff;
	font-weight: 500;
}

.account-seller .account-status-info .store-info .wrap-info-details ul li:last-child {
	margin-bottom: 0;
}

.account-seller .account-status-info .store-info .wrap-review .all-rating ul li {
	display: inline-block;
}

.account-seller .account-status-info .store-info .wrap-review .all-rating ul li i {
	font-size: 12px;
	color: orange;
}

.account-seller .account-status-info .store-info .wrap-review .all-rating ul li.rating-total {
	font-size: 13px;
	font-weight: 500;
	margin-left: 10px;
}

.account-seller .account-status-info .store-info .wrap-review .all-rating ul li.rating-total span {
	font-size: 12px;
	color: #888;
	font-weight: 400;
}

.account-seller .account-status-info .store-info .wrap-review .all-rating ul li:last-child {
	float: right;
}

.account-seller .account-status-info .store-info .wrap-review .all-rating ul li:last-child a {
	font-weight: 700;
	color: #1948ff;
}

.account-seller .account-status-info .store-info .wrap-review .discussion {
	margin-top: 10px;
}

.account-seller .account-status-info .store-info .wrap-review .discussion p {
	font-weight: 500;
	color: #333;
}

.account-seller .account-status-info .store-info .wrap-review .discussion p a {
	float: right;
	font-weight: 700;
	color: #1948ff;
}

.account-seller .account-status-info .store-info .wrap-shipping .content img {
	width: 100%;
}

/*list*/
.list {
	margin: 0;
}

.list ul::before {
	background: #eee;
}

.list ul::after {
	background: #eee;
	transform: none;
}

.list .item-link {
	color: #333;
}

.list .item-link.active-state {
	background: #fff;
}

.list .item-link.active-state .item-inner::after {
	background: #eee !important;
}

.list .item-content {
	padding-left: 12px;
}

.list .item-content .item-media + .item-inner {
	margin-left: 12px;
}

.list .item-content .item-inner .item-title {
	font-size: 14px;
	color: #333;
}

.list .item-content .item-inner .item-subtitle {
	font-size: 12px;
	color: #888;
}

.list .item-content .item-inner::after {
	background: #eee;
	transform: none;
}

/*categories details*/
.categories-details .swiper-slide img {
	width: 100%;
	border-radius: 12px;
}

.categories-details .sub-categories.segments {
	padding-bottom: 20px;
}

.categories-details .sub-categories .content {
	text-align: center;
}

.categories-details .sub-categories .content .icon {
	background: #fff;
	border-radius: 12px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	margin-bottom: 5px;
	box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.15);
}

.categories-details .sub-categories .content .icon i {
	font-size: 16px;
	width: 33px;
	height: 33px;
	line-height: 32px;
	color: #fff;
	background: #1948ff;
	text-align: center;
	border-radius: 50%;
	margin-bottom: 0;
}

.categories-details .sub-categories .content span {
	font-size: 10px;
}

.categories-details .popular-new-product .swiper-container {
	padding-bottom: 25px;
}

.categories-details .popular-new-product .swiper-container .swiper-slide {
	width: 35%;
}

.categories-details .popular-new-product .swiper-container .swiper-slide .content {
	background: #fff;
	border-radius: 12px;
	position: relative;
}

.categories-details .popular-new-product .swiper-container .swiper-slide .content .product-mark-new {
	position: absolute;
	top: 0;
	left: 0;
	background: #ff4141;
	border-radius: 12px 0;
	text-align: center;
	color: #fff;
	padding: 6px;
}

.categories-details .popular-new-product .swiper-container .swiper-slide .content .product-mark-new span {
	font-size: 9px;
	font-weight: 500;
}

.categories-details .popular-new-product .swiper-container .swiper-slide .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.categories-details .popular-new-product .swiper-container .swiper-slide .content .text {
	padding: 10px;
}

/*recommended for you*/
.recommended-you .swiper-container {
	padding-bottom: 25px;
}

.recommended-you .swiper-container .swiper-slide {
	width: 35%;
}

.recommended-you .swiper-container .swiper-slide .content {
	background: #fff;
	border-radius: 12px;
}

.recommended-you .swiper-container .swiper-slide .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.recommended-you .swiper-container .swiper-slide .content .text {
	padding: 10px;
}

/*all categories*/
.all-categories .content {
	text-align: center;
}

.all-categories .content i {
	width: 100%;
	height: 100px;
	line-height: 100px;
	background: #fff;
	color: #1948ff;
	font-size: 36px;
	border-radius: 12px;
	margin-bottom: 10px;
	box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.15);
}

.all-categories .content p {
	font-weight: 500;
}

/*wrap space content*/
.wrap-c-margin {
	margin: 12px 0;
}

.wrap-c-padding {
	margin: 10px 0;
}

/*product details*/
.product-details.segments {
	padding-bottom: 50px;
}

.product-details .swiper-slide .content img {
	width: 100%;
	border-radius: 12px;
}

.product-details .wrapper-content .wrap-title-product h4 {
	margin-bottom: 5px;
	font-weight: 400;
}

.product-details .wrapper-content .freeship p {
	color: #333;
	background: #ffd405;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
}

.product-details .wrapper-content .freeship p i {
	margin-right: 5px;
}

.product-details .wrapper-content .wrap-info {
	margin-top: 15px;
}

.product-details .wrapper-content .wrap-info .list .item-content {
	padding-left: 0;
}

.product-details .wrapper-content .wrap-info .list .item-content .item-inner::before {
	margin-top: -12px;
}

.product-details .wrapper-content .wrap-info .list .item-content .item-row {
	font-size: 13px;
}

.product-details .wrapper-content .wrap-info .list .item-content .item-row .item-cell:first-child {
	color: #888;
}

.product-details .wrap-store {
	background: #f5f5f5;
	padding: 15px 0;
}

.product-details .wrap-store .user-caption img {
	width: 40px;
	height: 100%;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.product-details .wrap-store .user-caption .title-name {
	overflow: hidden;
}

.product-details .wrap-store .user-caption .title-name h4 {
	margin-bottom: 1px;
}

.product-details .wrap-store .user-caption .title-name .date {
	margin-bottom: 5px;
}

.product-details .wrap-store .user-button .primary-button {
	margin-bottom: 10px;
}

.product-details .wrap-store .user-button .secondary-button {
	font-size: 11px;
}

/*product reviews*/
.product-review.segments {
	padding-bottom: 0;
	padding-top: 23px;
}

.product-review .content img {
	width: 28px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
}

.product-review .content .text {
	overflow: hidden;
	position: relative;
}

.product-review .content .text .date {
	position: absolute;
	top: 0;
	right: 20px;
}

.product-review .content .text .like-button {
	position: absolute;
	top: 0;
	right: 0;
}

.view-all-review {
	margin-top: 15px;
	text-align: center;
}

.view-all-review a {
	font-weight: 700;
	color: #1948ff;
}

/*info product sheet modal*/
.sheet-modal {
	background: #eee;
}

.sheet-modal .toolbar .left {
	font-size: 14px;
	font-weight: 500;
}

.sheet-modal .toolbar .right a i {
	color: #1948ff;
}

.sheet-modal .sheet-modal-inner.segments {
	padding: 15px 0 20px;
}

.sheet-modal.specification-sheet .sheet-modal-inner ul li {
	font-size: 13px;
	margin-bottom: 10px;
}

.sheet-modal.specification-sheet .sheet-modal-inner ul li:last-child {
	margin-bottom: 0;
}

.sheet-modal.specification-sheet .sheet-modal-inner ul li span {
	float: right;
	color: #333;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner ul li:first-child {
	overflow: hidden;
	margin-bottom: 15px;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner ul li:first-child .coloro {
	float: right;
	display: flex;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner ul li:first-child .coloro li {
	display: inline-block;
	margin-left: 10px;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner ul li:first-child .coloro li:first-child {
	margin-left: 0;
	margin-bottom: 0;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner .select-color {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner .select-color.bg-black {
	background: #333;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner .select-color.bg-gold {
	background: #db8e29;
}

.sheet-modal.choose-variant-sheet .sheet-modal-inner .select-color.bg-blue {
	background: #212ee3;
}

.sheet-modal:not(.sheet-modal-top)::before {
	display: none;
}

/*action product details*/
.wrap-action-product-d {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px 0 0;
	border-top: 1px solid #eee;
	z-index: 99;
	background: #fff;
	height: 40px;
	box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.11);
}

.wrap-action-product-d .content-message {
	text-align: center;
}

.wrap-action-product-d .content-message i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border-radius: 12px;
	font-size: 14px;
	color: #1948ff;
	vertical-align: top;
	box-shadow: 0 4px 10px -1px rgba(0, 0, 0, 0.15);
}

/*related products*/
.related-products.segments {
	padding-top: 23px;
}
.related-products .swiper-container {
	padding-bottom: 25px;
}

.related-products .swiper-slide {
	width: 37%;
}

.related-products .swiper-slide .content {
	background: #fff;
	border-radius: 12px;
	position: relative;
}

.related-products .swiper-slide .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.related-products .swiper-slide .content .text {
	padding: 10px;
}

/*subnavbar*/
.subnavbar {
	background: #fff;
	flex-wrap: wrap;
}

.subnavbar:before {
	display: none;
}

.subnavbar:after {
	display: none;
}

.subnavbar .subnavbar-inner {
	padding: 0 12px;
}

/*all reviws*/
.all-rating ul li {
	display: inline-block;
}

.all-rating ul li i {
	font-size: 12px;
	color: orange;
}

.all-rating ul li.rating-total {
	font-size: 13px;
	font-weight: 500;
	margin-left: 10px;
}

.all-rating ul li.rating-total span {
	font-size: 12px;
	color: #888;
	font-weight: 400;
}

.all-reviews.segments {
	padding-bottom: 25px;
}

/*form*/
form.list ul .item-content {
	padding-left: 0;
}

form.list ul .item-content .item-inner {
	padding: 0;
}

form.list ul .item-content .item-inner .item-input-wrap {
	margin-top: 0;
	margin-bottom: 10px;
}

form.list ul .item-content .item-inner .item-input-wrap input {
	font-size: 13px;
	border: 1px solid #ccc;
	background: transparent;
	border-radius: 5px;
	padding: 0 10px;
	height: 34px;
	color: #666;
	transition: all .2s ease;
}

form.list ul .item-content .item-inner .item-input-wrap input:focus {
	border-color: #1948ff;
}

form.list ul .item-content .item-inner .item-input-wrap textarea {
	font-size: 13px;
	border: 1px solid #ccc;
	background: transparent;
	border-radius: 5px;
	padding: 5px 10px 0;
	color: #666;
	transition: all .2s ease;
}

form.list ul .item-content .item-inner .item-input-wrap textarea:focus {
	border-color: #1948ff;
}

form.list ul .item-content .item-inner .item-input-wrap select {
	font-size: 13px;
	border: 1px solid #ccc;
	background: transparent;
	border-radius: 5px;
	padding: 0 10px;
	height: 34px;
	color: #666;
	transition: all .2s ease;
}

form.list ul .item-content .item-inner .item-input-wrap select:focus {
	border-color: #1948ff;
}

form.list ul .item-content .item-inner::after {
	display: none;
}

form.list ul::before {
	display: none;
}

form.list ul::after {
	display: none;
}

/*settings*/
.settings .list .item-content .item-media i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #1948ff;
	border-radius: 12px;
	color: #fff;
	font-size: 13px;
}

.settings .list .item-content .item-inner .item-title {
	font-size: 14px;
	font-weight: 500;
	color: #333;
}

.settings .list .smart-select .item-after {
	font-size: 14px;
}

.ios .icon-radio::after {
	color: #1948ff;
}

/*edit profile*/
.edit-profile .photo-edit img {
	width: 50px;
	height: 100%;
	float: left;
	border-radius: 50%;
	margin-right: 10px;
}

.edit-profile .photo-edit .side-content {
	overflow: hidden;
}

.edit-profile .photo-edit .side-content input {
	display: none;
}

.edit-profile .photo-edit .side-content .button {
	width: auto;
	margin-top: 5px;
}

.edit-profile .banner-edit input {
	display: none;
}

.edit-profile .banner-edit .button {
	width: auto;
	margin-top: 5px;
}

.edit-profile .banner-edit img {
	width: 100%;
	margin-top: 10px;
}

/*notification settings*/
.notification-settings .list .item-content .item-inner .item-title {
	font-size: 13px;
	color: #666;
}

.ios .item-after .toggle {
	height: 22px;
	width: 46px;
}

.ios .item-after .toggle .toggle-icon {
	height: 22px;
	width: 46px;
}

.ios .item-after .toggle .toggle-icon::before {
	height: 18px;
	width: 42px;
}

.ios .item-after .toggle .toggle-icon::after {
	width: 18px;
	height: 18px;
}

.ios .item-after .toggle input[type="checkbox"]:checked + .toggle-icon {
	background: #1948ff;
}

.ios .item-after .toggle input[type="checkbox"]:checked + .toggle-icon::after {
	transform: translateX(calc(50px - 26px));
}

/*email settings*/
.email-settings .content h6 {
	margin-bottom: 10px;
}

.email-settings .content h6 span {
	font-size: 11px;
	background: #eee;
	border-radius: 3px;
	color: #1948ff;
	padding: 1px 5px;
	margin-left: 5px;
}

.email-settings .content h6 span i {
	margin-right: 5px;
}

.email-settings .content h6 a {
	float: right;
	color: #1948ff;
	font-size: 12px;
}

.email-settings .content p {
	font-size: 13px;
	color: #333;
}

/*faq*/
.faq .list .item-content .item-media i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #1948ff;
	border-radius: 12px;
	color: #fff;
	font-size: 13px;
}

.faq .list .item-content .item-inner .item-title {
	font-weight: 500;
}

.faq .list .accordion-item-content {
	font-size: 13px;
	padding-left: 42px;
}

.faq .list .accordion-item-content a {
	display: block;
	margin-bottom: 10px;
}

.faq .list .accordion-item-content a:last-child {
	margin-bottom: 0;
}

/*searchbar*/
.ios .searchbar {
	background: #fff;
}

.ios .searchbar .searchbar-input-wrap input {
	background: #fff;
	border: none;
	border-bottom: solid 2px #707070;
	border-radius: 0;
	padding: 0;
	font-size: 26px;
	color: #D6D6D6; 
	height: 45px;
}
.ios .searchbar .searchbar-input-wrap input::placeholder {
   color: #D6D6D6 !important; 	
}

.ios .searchbar:before {
	display: none;
}

.ios .searchbar:after {
	display: none;
}

.ios .searchbar .searchbar-disable-button {
	color: #1948ff;
	font-size: 14px;
}

/*wishlist*/
.wishlist .product .content {
	position: relative;
}

.wishlist .product .content .love-button {
	position: absolute;
	top: 0;
	right: 0;
	background: #1948ff;
	border-radius: 0 12px;
	color: #fff;
	padding: 8px;
}

.wishlist .product .content .love-button i {
	font-size: 15px;
}

/*blog*/
.blog .content {
	background: #fff;
	border-radius: 12px;
	position: relative;
}

.blog .content .blog-category {
	position: absolute;
	top: 10px;
	left: 10px;
	background: #1948ff;
	padding: 2px 10px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 11px;
	box-shadow: 0px 1px 6px 2px rgba(0, 0, 0, 0.2);
}

.blog .content img {
	width: 100%;
	border-radius: 12px 12px 0 0;
}

.blog .content .text {
	padding: 10px;
}

.blog .content .text h5 {
	font-size: 14px;
	margin-bottom: 10px;
}

.blog .content .text .date {
	margin-bottom: 10px;
}

.blog .content .text .wrap-blog-action ul li {
	display: inline-block;
	margin-right: 10px;
}

.blog .content .text .wrap-blog-action ul li i {
	margin-right: 3px;
	color: #1948ff;
}

/*pagination*/
.pagination {
	text-align: center;
}

.pagination ul li {
	display: inline-block;
	margin: 0 13px;
	font-size: 13px;
	font-weight: 500;
}

.pagination ul li a {
	color: #666;
}

.pagination ul li.pagination-active {
	width: 26px;
	height: 26px;
	line-height: 26px;
	background: #1948ff;
	text-align: center;
	border-radius: 50%;
}

.pagination ul li.pagination-active a {
	color: #fff;
}

/*blog single*/
.blog-single .content-title .blog-category {
	margin-bottom: 10px;
}

.blog-single .content-title .blog-category span {
	background: #1948ff;
	padding: 2px 10px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	font-size: 11px;
}

.blog-single .content-title h5 {
	margin-bottom: 10px;
}

.blog-single .content-title ul li {
	display: inline-block;
}

.blog-single .content-title ul li:last-child {
	float: right;
	font-weight: 500;
}

.blog-single .content-title ul li:last-child span {
	color: #1948ff;
	margin-left: 2px;
}

.blog-single .content-image img {
	width: 100%;
}

.blog-single .content-desc .see-too {
	margin: 15px 0 10px;
}

.blog-single .content-desc .see-too p {
	font-weight: 500;
	color: #666;
	margin-bottom: 6px;
}

.blog-single .content-desc .see-too a h6 {
	color: #1948ff;
}

.blog-single .content-tags ul li {
	display: inline-block;
	margin-right: 2px;
	font-weight: 500;
}

.blog-single .content-tags ul li a {
	color: #1948ff;
}

.blog-single .content-tags ul li:first-child {
	color: #666;
}

.blog-single .content-tags ul li:last-child {
	margin-bottom: 0;
}

.blog-single .comment-people .content img {
	float: left;
	width: 30px;
	border-radius: 50%;
	margin-right: 10px;
}

.blog-single .comment-people .content .text {
	overflow: hidden;
}

.blog-single .comment-people .content .text h6 {
	margin-bottom: 5px;
}

.blog-single .comment-people .content .text .date {
	margin-bottom: 5px;
}

.blog-single .comment-people .view-all-comment {
	margin-top: 15px;
	text-align: center;
}

.blog-single .comment-people .view-all-comment a {
	font-weight: 700;
	color: #1948ff;
}

/*notification*/
.notifi .content img {
	width: 40px;
	height: 100%;
	float: left;
	margin-right: 10px;
	border-radius: 50%;
}

.notifi .content .text {
	overflow: hidden;
}

.notifi .content .text h6 {
	margin-bottom: 5px;
}

.notifi .content .text h6 span {
	font-size: 13px;
	font-weight: 400;
	margin-left: 10px;
	color: #1948ff;
}

.notifi .content .text h6 span {
	font-weight: 500;
}

/*checkout*/
.checkout .wrap-info-checkout h6 {
	margin-bottom: 5px;
}

.checkout .wrap-info-checkout h6 a {
	float: right;
	color: #1948ff;
	font-size: 12px;
}

.checkout .content-cart {
	margin-bottom: 15px;
}

.checkout .content-cart:last-child {
	margin-bottom: 5px;
}

.checkout .wrap-total-checkout .row {
	margin-bottom: 0;
}

.checkout .wrap-total-checkout .content-total p {
	font-size: 11px;
	margin-bottom: 5px;
}

.checkout .wrap-total-checkout .content-total h6 {
	color: #1948ff;
	font-weight: 700;
}

.checkout .wrap-total-checkout .content-button .button {
	position: relative;
	top: 3px;
}

/*shipping details*/
.shipping-details .attention-information span {
	font-size: 11px;
}

.shipping-details .button-confirm .button {
	margin-top: 10px;
}

/*shipping options*/
.shipping-options .content {
	display: flex;
	margin-bottom: 15px;
}

.shipping-options .content img {
	width: 40px;
	height: 100%;
	float: left;
	margin-right: 10px;
}

.shipping-options .content .title-name {
	overflow: hidden;
}

.shipping-options .content .title-name h6 {
	font-size: 13px;
	color: #666;
}

/*payment method*/
.payment-method .wrap-payment-list h6 span {
	color: #999;
}

/*sign in*/
.sign-up .wrap-sign-up-with {
	text-align: center;
}

.sign-up .wrap-sign-up-with .title {
	position: relative;
	margin-bottom: 10px;
}

.sign-up .wrap-sign-up-with .title p {
	display: inline;
	background: #fff;
	padding: 0 10px;
}

.sign-up .wrap-sign-up-with .title span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	background: #ddd;
	width: 100%;
	height: 1px;
	z-index: -1;
}

.sign-up .wrap-sign-up-with .wrap-media-sign-up .content {
	background: #1948ff;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
}

.sign-up .wrap-sign-up-with .wrap-media-sign-up .content i {
	color: #fff;
	font-size: 16px;
	position: relative;
}

.sign-up .wrap-link-sign-up {
	text-align: center;
}

.sign-up .wrap-link-sign-up p a {
	margin-left: 5px;
	font-weight: 500;
	color: #1948ff;
}

/*sign in*/
.sign-in .list .item-content .item-inner .item-input-wrap:last-child {
	margin-bottom: 0;
}

.sign-in .wrap-link-action ul li {
	display: inline-block;
}

.sign-in .wrap-link-action ul li:last-child {
	float: right;
	position: relative;
	top: 9px;
}

.sign-in .wrap-link-action ul li:last-child a {
	font-size: 12px;
	font-weight: 500;
	color: #1948ff;
}

.sign-in .wrap-link-action .item-checkbox {
	padding-left: 0;
}

.sign-in .wrap-link-action .item-checkbox input[type="checkbox"]:checked ~ i {
	background: #1948ff;
	border-color: #1948ff;
}

.sign-in .wrap-link-action .item-checkbox .icon-checkbox {
	width: 18px;
	height: 18px;
	border-color: #ddd;
	margin-right: 10px;
}

.sign-in .wrap-link-action .item-checkbox .icon-checkbox::after {
	width: 18px;
	height: 18px;
	line-height: 18px;
}

.sign-in .wrap-link-action .item-content .item-inner .item-title {
	font-size: 12px;
}

.sign-in .wrap-sign-in-with {
	text-align: center;
}

.sign-in .wrap-sign-in-with .title {
	position: relative;
	margin-bottom: 10px;
}

.sign-in .wrap-sign-in-with .title p {
	display: inline;
	background: #fff;
	padding: 0 10px;
}

.sign-in .wrap-sign-in-with .title span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	background: #ddd;
	width: 100%;
	height: 1px;
	z-index: -1;
}

.sign-in .wrap-sign-in-with .wrap-media-sign-in .content {
	background: #1948ff;
	width: 100%;
	height: 35px;
	line-height: 35px;
	border-radius: 3px;
}

.sign-in .wrap-sign-in-with .wrap-media-sign-in .content i {
	color: #fff;
	font-size: 16px;
	position: relative;
}

.sign-in .wrap-link-sign-in {
	text-align: center;
}

.sign-in .wrap-link-sign-in p a {
	margin-left: 5px;
	font-weight: 500;
	color: #1948ff;
}

/*background color social media*/
.bg-facebook {
	background: #3b5999 !important;
}

.bg-twitter {
	background: #55acee !important;
}

.bg-google {
	background: #dd4b39 !important;
}

/*placeholder*/
::-webkit-input-placeholder {
	color: #888 !important;
}

::-moz-placeholder {
	color: #888 !important;
}

:-ms-input-placeholder {
	color: #888 !important;
}

:-moz-placeholder {
	color: #888 !important;
}

/*transaction*/
.transaction .content-image img {
	width: 100%;
	border-radius: 12px;
	box-shadow: 0 3px 10px -2px rgba(0, 0, 0, 0.13);
}

.transaction .content-info {
	text-align: center;
}

.transaction .content-info .transaction-status {
	font-size: 9px;
}

.transaction .content-info .transaction-status i {
	color: #1948ff;
	margin-right: 3px;
}

/*tracking order*/
.tracking-order .wrap-title a {
	float: right;
	color: #1948ff;
	font-size: 12px;
	font-weight: 700;
}

.tracking-order .content span {
	display: inline-block;
	font-weight: 500;
	color: #333;
	margin-bottom: 5px;
}

.tracking-order .content span i {
	color: #1948ff;
	margin-right: 6px;
}

.tracking-order .content-total ul li {
	margin-bottom: 5px;
	color: #333;
}

.tracking-order .content-total ul li span {
	float: right;
	font-size: 13px;
	font-weight: 500;
}

.tracking-order .content-total ul li:last-child {
	margin-bottom: 0;
	font-weight: 500;
}

.tracking-order .content-total ul li:last-child span {
	color: #1948ff;
}

/*shipping information*/
.shipping-information .timeline {
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.shipping-information .timeline .timeline-item .timeline-item-divider {
	margin-left: 0;
	margin-top: 6px;
}

.shipping-information .timeline .timeline-item .timeline-item-title {
	font-size: 14px;
	color: #333;
}

.shipping-information .timeline .timeline-item .timeline-item-text {
	color: #666;
}

.shipping-information .timeline .timeline-item .timeline-item-time {
	margin-top: 5px;
}

.shipping-information .timeline .timeline-item.info-active .timeline-item-divider {
	background: #1948ff;
}

.shipping-information .timeline .timeline-item.info-active .timeline-item-title {
	color: #1948ff;
}

/*order history*/
.order-history .content img {
	width: 100%;
	border-radius: 12px;
}

.order-history .add-action p {
	position: relative;
	top: 6px;
}

.order-history .content-right p {
	color: #333;
}

.order-history .content-right .price {
	margin-bottom: 0;
}

.order-history .content-right .button {
	width: calc(100% - 80px);
}

/*------------------------------------------------
		Homepage-1 manu section css
--------------------------------------------------*/
html.with-panel-left-cover .panel-left {
    transform: translate3d(0px, 0, 0);
    width: 80%;
    background-color: transparent;
    overflow: visible;
}
.maclean-box {
    display: flex;
    margin-top: 6.442%;
    margin-left: 7.515%;
}
.Maclean-text {
    margin: auto 11px;
}
img.back-icon-bg {
    width: 88px;
}
.homepage-1-user-img-name {
    position: relative;
}
img.back-icon {
    position: absolute;
    top: 8px;
    left: 8px;
}
p.Maclean-text-1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
}
p.Maclean-text-2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 15px;
    color: #FFFFFF;
}
.navbar-media-list-icn-profile:before{
	font-family: 'yago' !important;
    content: "\e909";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.list ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    background: transparent;
}
.navbar-media-list-icn-area {
    position: relative;
}
.navbar-media-list-icn-bg1 {
    width: 37px;
    height: 37px;
    background: #ffffff;
    opacity: 0.04;
    border-radius: 50%;
}
.navbar-media-list-icn-bg2 {
    width: 25px;
    height: 25px;
    background: #342861;
    opacity: 0.3;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-media-list-icn-profile {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.media-list-a-style {
    display: flex;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    color: #C182CC !important;
}
p.navbar-media-list-name {
    margin: auto 0;
    padding: 0 5px 0 18px;
}
p.navbar-media-list-icn-trip {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-media-list-icn-trip:before{
	font-family: 'yago' !important;
    content: "\e916";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-media-list-icn-payment {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-media-list-icn-payment:before{
	font-family: 'yago' !important;
    content: "\e912";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-media-list-icn-favourite {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-media-list-icn-favourite:before{
	font-family: 'yago' !important;
    content: "\e911";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-media-list-icn-notification {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-media-list-icn-notification:before{
	font-family: 'yago' !important;
    content: "\e900";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-media-list-icn-settings {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-media-list-icn-settings:before{
	font-family: 'yago' !important;
    content: "\e913";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-media-list-icn-support-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-media-list-icn-support-center:before{
	font-family: 'yago' !important;
    content: "\e915";
    color: #D774E8;
    font-size: 12.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.media-list-li{
	display: flex;
	align-items: center;
	padding-left: 28px;
    width: 60%;
    border: none;
    padding-top: 15px;
    padding-bottom: 14px;
}
ul.top-menu.media-list {
    margin-top: 44px;
}
.list ul:before {
    content: '';
    position: absolute;
    background-color: var(--f7-list-border-color);
    display: block;
    z-index: 15;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 0;
    width: 100%;
    transform-origin: 50% 0%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

.list li:hover {
    background: #D774E8;
    border-radius: 0 27px 27px 0;
}

.list li:hover .navbar-media-list-icn-bg2 {  background: #342861; }
.list li:hover p.navbar-media-list-name, 
.list li:hover .navbar-media-list-icn-profile:before { color: #fff; }
.panel-backdrop img { width: 100%; height: 100%; }

.navbar-bottom-media-list-icn-sing-out:before{
	font-family: 'yago' !important;
    content: "\e914";
    color: #7266DD;
    font-size: 13.43px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.bottom-media-list-a-style { display: flex; }
.bottom-media-list-a-style {
    display: flex;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF !important;
}
.navbar-bottom-media-list-icn-area { position: relative; }
.navbar-bottom-media-list-icn-bg1 {
    width: 50px;
    height: 50px;
    background: #ffffff;
    opacity: 0.04;
    border-radius: 50%;
}
.navbar-bottom-media-list-icn-bg2 {
    width: 37px;
    height: 36px;
    background: #ffffff;
    position: absolute;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.navbar-bottom-media-list-icn-sing-out { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
p.navbar-bottom-media-list-name { margin: auto 0; padding: 0 0 0 18.58px; }
li.bottom-media-list-li { margin-left: 28px; margin-top: 23px; }
.list ul:after {
    content: '';
    position: absolute;
    background-color: var(--f7-list-border-color);
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 0px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

/*------------------------------------------------
		Homepage-1 header-navbar css
--------------------------------------------------*/


.homepage-1-header-notification-bg-area {
    margin-left: -10%;
    margin-top: 30px;
    position: relative;
}

.homepage-1-header-notification-icn{
	width: 32px;
    height: 32px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 12%;
    right: 31%;
}
.homepage-1-header-notification-icn:before{
	font-family: 'yago' !important;
    content: "\e900";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar-inner.navbar-inner-style {
    box-sizing: initial;
}
p.header-screen2-left-user-name {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #151F4D;
    margin-top: -3px;
}
.container.homepage-1-header-text-area {
    margin-top: 36.19px;
}
p.homepage-1-header-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    color: #342861;
    width: 62%;
}
span.homepage-1-header-text-span { color: #D774E8; }

/*----------Homepage-1 searchbar categories css---------*/

.container.home-screen1-searchbar-categories-section { margin-top: 35.36px; }
.homepage-1-searchbar-list-area { display: flex; }
.homepage-1-searchbar {
    display: flex;
    width: 100%;
    padding: 0px 12px 0px 12px;
    border-radius: 15px;
    box-shadow: 0px 14px 40px rgb(0 0 0 / 10%);
    margin-right: 9px;
    position: relative;
}
a.homepage-1-searchbar-search-icn { margin: auto 4px; }
.homepage-1-searchbar-search-icn:before {
    font-family: 'yago' !important;
    content: "\e90a";
    color: #151f4d;
    font-size: 16px;
}
input.form-control.homepage-1-searchbar-fields-input {
    padding: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #736C8A;
    height: 25px;
    border: none;
    margin: auto 11px;
    -webkit-box-shadow: none;
}
a.homepage-1-searchbar-delete-icn-area { margin: auto 0; text-align: center; }
span.homepage-1-searchbar-delete-icn {
    background: #F1EFF8;
    border-radius: 50%;
    position: absolute;
    width: 18px;
    height: 18px;
    right: 4.12%;
    top: 28%;
}
.homepage-1-searchbar-delete-icn:before {
    font-family: 'yago' !important;
    content: "\e902";
    color: #515151;
    font-size: 7.62px;
    position: absolute;
    background: #F1EFF8;
    top: 52%;
    left: 48%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.homepage-1-list-area {
    background: #342861;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);
    width: 54.6px;
    height: 46px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
}
.homepage-1-list-area:before {
    font-family: 'yago' !important;
    content: "\e907";
    color: #fff;
    font-size: 15.1px;
}
.homepage-1-categories { margin-top: 25px; display: flex; overflow-x: scroll; }
.homepage-1-categories-item1 { width: 25%; padding: 15px 15px 15px 0; }
.homepage-1-categories-item2 {
    width: 25%;
    padding: 15px;
}
.homepage-1-categories-item3 {
    width: 25%;
    padding: 15px;
}
.homepage-1-categories-item4 {
    width: 21%;
    padding: 15px 0 15px 15px;
}
.homepage-1-categories-item1-icn-area {
    width: 63px;
    height: 63px;
    background: #8168DD;
    position: relative;
    border-radius: 12px;
}
.homepage-1-categories-item1-icn:before {
    font-family: 'yago' !important;
    content: "\e903";
    color: #fff;
    font-size: 24.36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homepage-1-categories-item1-text-area {
    text-align: center;
    margin-top: 11px;
    width: 90%;
}
span.homepage-1-categories-item1-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #8168DD;
}
.homepage-1-categories-item2-icn-area {
    width: 63px;
    height: 63px;
    background: #F77163;
    position: relative;
    border-radius: 12px;
}
.homepage-1-categories-item2-icn:before {
    font-family: 'yago' !important;
    content: "\e906";
    color: #fff;
    font-size: 25.04px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homepage-1-categories-item2-text-area {
    text-align: center;
    margin-top: 11px;
    width: 90%;
}
span.homepage-1-categories-item2-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #F77163;
}
.homepage-1-categories-item3-icn-area {
    width: 63px;
    height: 63px;
    background: #4DCCFF;
    position: relative;
    border-radius: 12px;
}
.homepage-1-categories-item3-icn:before {
    font-family: 'yago' !important;
    content: "\e901";
    color: #fff;
    font-size: 23.9px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homepage-1-categories-item3-text-area {
    text-align: center;
    margin-top: 11px;
    width: 90%;
}
span.homepage-1-categories-item3-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #4DCCFF;
}
.homepage-1-categories-item4-icn-area {
    width: 63px;
    height: 63px;
    background: #FF8F55;
    position: relative;
    border-radius: 12px;
}
.homepage-1-categories-item4-icn:before {
    font-family: 'yago' !important;
    content: "\e910";
    color: #fff;
    font-size: 31.36px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homepage-1-categories-item4-text-area {
    text-align: center;
    margin-top: 11px;
}
span.homepage-1-categories-item4-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #FF8F55;
}

/*----------Homepage-1 trend css---------*/

.trendtabcontent{
  overflow: hidden;
}

/* Style the tab */
.trend-tab {
  overflow: hidden;
  display: flex;
}

/* Style the buttons inside the tab */
.trend-tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 6px;
  
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 29px;
  color: #CBC3EB;
  text-align: left;
}

/* Change background color of buttons on hover */
.trend-tab button:hover {
}

/* Create an active/current tablink class */
.trend-tab button.active {
    
    font-style: normal;
    font-weight: bold;
    line-height: 29px;
    color: #8168DD;
    position: relative;
}

.trend-tab button.active:before{
    content: '';
    background: #8168DD;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 35px;
    left: 20px;
    right: 0;
    margin: 7px 0 0 0;
    border-radius: 50%;
}



/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.homepage-1-trenditem1-location-name:before{

}
.homepage-1-trenditem1-area {
    margin-top: 20px;
    display: flex;
}
.homepage-1-trenditem1 {
    position: relative;
    margin-bottom: 20px;
}
.homepage-1-trenditem1-text {
    position: absolute;
    top: 17px;
    left: 16px;
}
p.homepage-1-trenditem1-name {
    margin: 0;
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
}
p.homepage-1-trenditem1-name a { color: #fff; }
p.homepage-1-trenditem1-location-name {
    padding: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
}
.homepage-1-trenditem1-location-name:before{
    font-family: 'yago' !important;
    content: "\e908";
    color: #fff;
    margin-right: 4.5px;
}
.homepage-1-trenditem2 {
    position: relative;
    margin-left: 30px;
    margin-bottom: 20px;
}
.homepage-1-trenditem2-text {
    position: absolute;
    top: 17px;
    left: 16px;
}
p.homepage-1-trenditem2-name {
    margin: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
}
p.homepage-1-trenditem2-name a { color: #fff; }
p.homepage-1-trenditem2-location-name {
    padding: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
}
.homepage-1-trenditem2-location-name:before{
    font-family: 'yago' !important;
    content: "\e908";
    color: #fff;
    margin-right: 4.5px;
}


.homepage-1-trenditem1-button-fvrt-icn:before{
    font-family: 'yago' !important;
    content: "\e904";
    color: #d774e8;
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.homepage-1-trenditem1-button-area {
    border: none;
    border-radius: 50%;
    position: absolute;
    bottom: 2.5%;
    right: 7.7%;
}
button.homepage-1-trenditem1-button {
    border: none;
    border-radius: 50%;
    position: relative;
}
.homepage-1-trenditem1-button-bg {
    width: 19px;
    height: 29px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
}
.homepage-1-trenditem1-button-fvrt-icn {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
img.homepage-1-trenditem-img {
    border-radius: 25px;
}

/*----------Homepage-1 discover-places css---------*/

.home-screen1-discover-places-section {
    margin-top: 21.43px;
}
.homepage-1-discover-places-text-area {
    width: 80%;
}
.homepage-1-discover-places-button {
    width: 20%;
    text-align: end;
}
p.homepage-1-discover-places-button-style {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #CBC3EB;
    margin: 10px 0 0 0;
}
.homepage-1-discover-places-text-button {
    display: flex;
}
.homepage-1-discover-places-item-area {
    display: flex;
    overflow-x: scroll;
    margin-top: 28.24px;
}
.homepage-1-discover-places-item2 {
    margin-left: 20px;
}
.homepage-1-discover-places-item3 {
    margin-left: 20px;
}
img.discoverplaces-img {
    border-radius: 20px;
}
p.homepage-1-discover-places-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 29px;
    color: #342861;
}
.homepage-1-discover-places-text:before{
    content: '';
    background: #8168DD;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 21px;
    right: 0;
    margin: 28px 0 0 0;
    border-radius: 50%;
}
.homepage-1-discover-places-item1-img-area {
    position: relative;
}
.homepage-1-discover-places-item1-button-area {
    position: absolute;
    bottom: 3px;
    right: 8px;
}
button.homepage-1-discover-places-item1-button {
    border: none;
    border-radius: 50%;
    position: relative;
}
.homepage-1-discover-places-item1-button-bg {
    width: 13px;
    height: 23px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
}
.homepage-1-discover-places-item1-button-fvrt-icn {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.homepage-1-discover-places-item1-button-fvrt-icn:before {
    font-family: 'yago' !important;
    content: "\e904";
    color: #d774e8;
    font-size: 8.76px;
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
h3.homepage-1-discover-places-item1-text-name {
    margin-top: 7px;
    margin-bottom: 0;
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #342861;    
}
p.homepage-1-discover-places-item1-text-name-area {
    margin-top: 3px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
    color: #7D84A5;
}
.homepage-1-discover-places-item1 {
    margin-bottom: 10px;
}

/*----------Homepage-1 beauty-of-world css---------*/

#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}
p.beauty-of-world-slider-img-text1 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 67px;
    color: #FFFFFF;
    margin: 0;
}
p.beauty-of-world-slider-img-text2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 800;
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
}
.beauty-of-world-slider-img-text-area {
    position: absolute;
    bottom: 41px;
    left: 18px;
}
.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute !important;
    bottom: 5px !important;
    left: 11px !important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 3px !important;
    height: 3px !important;
    margin: 5px 4px !important;
    background: #FFFFFF !important;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    width: 10px !important;
    height: 3px !important;
}
.beauty-of-world-slider-section {
    margin-top: 23px;
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    border-radius: 25px !important;
}
.beauty-of-world-slider-button-area {
    border: none;
    border-radius: 50%;
    position: absolute;
    bottom: 8px;
    right: 15px;
}
.beauty-of-world-section {
    margin-top: 32.42px;
}

/*----------Homepage-1 best-deals css---------*/

.best-deals-item1 {
    background: #ffffff;
    box-shadow: 0px 3px 58px rgba(114, 102, 221, 0.102);
    border-radius: 20px;
    display: flex;
}
.best-deals-item-area {
    margin-top: 25px;
}
h3.best-deals-item-text1-hotelname {
    margin: 0;
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 14px;
    color: #342861;
}
p.best-deals-item-text1-location {
    margin-bottom: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #7D84A5;
    margin-top: 1px;
}
p.best-deals-item-text1-newcity {
    margin-bottom: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
    color: #7D84A5;
    margin-top: 3px;
}
p.best-deals-item-text1-newcity:before{
    font-family: 'yago' !important;
    content: "\e908";
    font-size: 5.66px;
    margin-right: 2px;
}
.best-deals-item-text2-reviews{
    display: flex;
}
.best-deals-item-text2-reviews-star1:before{
    font-family: 'yago' !important;
    content: "\e90b";
    color: #d774e8;
    margin-left: -4px;
}
.best-deals-item-text2-reviews-star1:after{
    font-family: 'yago' !important;
    content: "\e90b";
    color: #d774e8;
    margin-left: -5px;
}
.best-deals-item-text2-reviews-star2:before{
    font-family: 'yago' !important;
    content: "\e90b";
    color: #d774e8;
    margin-left: -5px;
}
.best-deals-item-text2-reviews-star2:after{
    font-family: 'yago' !important;
    content: "\e90b";
    color: #d774e8;
    margin-left: -5px;
}
.best-deals-item-text2-reviews-star-half:before{
    font-family: 'yago' !important;
    content: "\e90b";
    color: #d774e8;
    margin-left: -5px;
}
p.best-deals-item-text2-reviews-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
    color: #7D84A5;
    margin-top: 4px;
    margin-left: 3px;
    margin-bottom: 0;
}
p.best-deals-item-text2-reviews-star1 {
    margin: 0;
}
p.best-deals-item-text2-reviews-star2 {
    margin: 0;
}
.best-deals-item-text2-reviews-star-half{
    margin: 0;
}
p.best-deals-item-text3-price {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #D774E8;
    margin-bottom: 0;
}
span.best-deals-item-text3-price-span {
    font-size: 7px;
}
.best-deals-item-text2 {
    margin-top: 5px;
}
.best-deals-item-text3 {
    margin-top: 0px;
}
.best-deals-item-text {
    padding: 0 24px;
}
.best-deals-item-text1 {
    margin-top: 10px;
}
.best-deals-item2 {
    display: flex;
    background: #ffffff;
    box-shadow: 0px 3px 58px rgb(114 102 221 / 10%);
    border-radius: 20px;
    margin-top: 19px;
}
.best-deals-item3 {
    display: flex;
    background: #ffffff;
    box-shadow: 0px 3px 58px rgb(114 102 221 / 10%);
    border-radius: 20px;
    margin-top: 19px;
}
.best-deals-item-button-area {
    border: none;
    border-radius: 50%;
    position: absolute;
    bottom: 3px;
    right: 8px;
}
button.homepage-1-best-deals-item-button {
    border: none;
    border-radius: 50%;
    position: relative;
}
.homepage-1-best-deals-item-button-bg {
    width: 9px;
    height: 19px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
}
.homepage-1-best-deals-item-button-fvrt-icn {
    width: 17px;
    height: 17px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.homepage-1-best-deals-item-button-fvrt-icn:before{
    font-family: 'yago' !important;
    content: "\e904";
    color: #d774e8;
    font-size: 9px;
    position: absolute;
    top: 57%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.best-deals-item1-img-button-area {
    position: relative;
}
.best-deals-section {
    margin-top: 41.43px;
}

/*----------Homepage-1 popular-tours css---------*/

p.homepage1-popular-tours-items-text1 {
    margin-bottom: 0;
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #342861;
}
p.homepage1-popular-tours-items-text2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 8px;
    line-height: 12px;
    color: #7D84A5;
    margin-bottom: 0;
    margin-top: 1px;
}
p.homepage1-popular-tours-items-text3 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #D774E8;
    margin-bottom: 0;
    margin-top: 5px;
}
.homepage1-popular-tours-items-area {
    margin-top: 23px;
    display: flex;
    overflow-x: scroll;
}
.homepage1-popular-tours-items-img {
    border-radius: 20px;
    position: relative;
}
img.homepage1-popular-tours-items-img-style {
    border-radius: 20px;
}
.homepage1-popular-tours-items1 {
	min-width: 80px;
    margin-bottom: 10px;
}
.homepage1-popular-tours-items2 {
    margin-left: 20px;
    margin-bottom: 10px;
}
.homepage1-popular-tours-items3 {
	min-width: 80px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.homepage1-popular-tours-items4 {
	min-width: 80px;
    margin-left: 20px;
    margin-bottom: 10px;
}
.homepage1-popular-tours-item-button-area {
    border: none;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 7px;
}
.homepage1-popular-tours {
    margin-top: 41.43px;
}

/*----------Homepage-1 best-offers css---------*/

.homepage1-best-offers {
    margin-top: 30.43px;
}
.homepage1-best-offers-slider {
    margin-top: 23px;
}
.best-offers-slider-img-text-area {
    position: absolute;
    bottom: 41px;
    left: 18px;
}
p.best-offers-slider-img-text1 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    margin-bottom: -2px;
}
p.best-offers-slider-img-text2 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 0;
}
span.best-offers-slider-img-text2-span {
    
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #FFFFFF;
}
p.best-offers-slider-img-text3 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
}

/*----------Homepage-1 top-hotels css---------*/

.homepage1-top-hotels {
    margin-top: 41.43px;
    margin-bottom: 90px;
}
.homepage-1-top-hotels-items-area {
    display: flex;
    margin-top: 25px;
    overflow-x: scroll;
}
p.homepage-1-top-hotels-items-text1 {
    margin-bottom: 0;
    
    font-style: normal;
    font-weight: bold;
    font-size: 11px; 
    line-height: 15px;
    color: #342861;
}
p.homepage-1-top-hotels-items-text2 {
    margin-bottom: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
    color: #7D84A5;
}
p.homepage-1-top-hotels-items-text3 {
    margin-bottom: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 8px;
    line-height: 9px;
    color: #7D84A5;
    position: relative;
}
span.homepage-1-top-hotels-items-text3-span {
    margin-right: 12px;
}
p.homepage-1-top-hotels-items-text4 {
    margin-bottom: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 13px;
    color: #D774E8;
}
span.homepage-1-top-hotels-items-text4-span {
    font-size: 6px;
}
.homepage-1-top-hotels-items2 {
	min-width: 90px;
    margin-left: 10px;
}
.homepage-1-top-hotels-items3 {
	min-width: 90px;
    margin-left: 10px;
}
.homepage-1-top-hotels-items-text3-span:before {
    font-family: 'yago' !important;
    content: "\e90b";
    color: #D774E8;
    position: absolute;
    top: 2px;
    font-size: 10px;
}
.homepage-1-top-hotels-items4 {
	min-width: 90px;
    margin-left: 10px;
}
.homepage-1-top-hotels-items1 {
	min-width: 90px;
    margin-bottom: 10px;
}

/*----------Homepage-1 footer css---------*/

img.homepage-1-footer-bg-img {
    width: 100%;
    margin-top: -23px;
}
.homepage-1-footer-area {
    position: relative;
    width: 100%;
    top: 2px;
}
.homepage-1-footer-logo {
    position: absolute;
    top: 22%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.homepage-1-footer-button-search-icn:before{
    font-family: 'yago' !important;
    content: "\e90a";
    color: #cdcad8;
    font-size: 17.99px;
}
.homepage-1-footer-button-favourite-icn:before{
    font-family: 'yago' !important;
    content: "\e904";
    color: #cdcad8;
    font-size: 19px;
}
.homepage-1-footer-button-notification-icn:before{
    font-family: 'yago' !important;
    content: "\e900";
    color: #cdcad8;
    font-size: 17.14px;
}
.homepage-1-footer-button-profile-icn:before{
   font-family: 'yago' !important;
   content: "\e909";
   color: #cdcad8;
   font-size: 15.81px; 
}
.homepage-1-footer-button-search-icn{
    margin-bottom: 0;
}
.homepage-1-footer-button-favourite-icn{
    margin-bottom: 0;
}
.homepage-1-footer-button-notification-icn{
    margin-bottom: 0;
}
.homepage-1-footer-button-profile-icn{
    margin-bottom: 0;
}
p.homepage-1-footer-button-search-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #7D84A5;
    margin-bottom: 0;
}
p.homepage-1-footer-button-favourite-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #7D84A5;
    margin-bottom: 0;
}
p.homepage-1-footer-button-favourite-text a {
  color: #7D84A5;	
}
p.homepage-1-footer-button-notification-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #7D84A5;
    margin-bottom: 0;
}
p.homepage-1-footer-button-notification-text a {
 color: #7D84A5;	
}
p.homepage-1-footer-button-profile-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #7D84A5;
    margin-bottom: 0;
}
p.homepage-1-footer-button-profile-text a {
 color: #7D84A5; 	
}
.homepage-1-footer-button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.homepage-1-footer-button-left {
    margin: 0 0 0 0;
    display: flex;
    width: 40%;
}
.homepage-1-footer-button-center{
	width: 20%;
}
.homepage-1-footer-button-right {
    margin: 0 0 0 0;
    display: flex;
    width: 40%;
}
button.fbs1 {
    background-color: #ffffff;
    border: 0;
}
button.fbs2 {
    background-color: #ffffff;
    border: 0;
}

/*--------------- tour-details page css ------------------*/

.navbar-inner.navbar-inner-style.header-top-button {
    margin-top: 14.16px;
    z-index: 5;
}
.header-screen2-left.header-top-button-left {
    margin-left: -30px;
}
.homepage-1-header-back-icn {
    width: 32px;
    height: 32px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    top: 12%;
    right: 31%;
}
.homepage-1-header-back-icn:before {
    font-family: 'yago' !important;
    content: "\e917";
    color: #D774E8;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.navbar.home-screen3-header {
    position: absolute;
    background: transparent;
}
img.main-banner-img-style {
    width: 100%;
    border-radius: 0 0 62px 0;
}

.main-banner-img {
    position: relative;
    background: #ffffff;
}
.main-banner-img img { width: 100%; }
.tour-details-fvrt-btn-area {
    border: none;
    border-radius: 50%;
    position: absolute;
    bottom: -8px;
    right: 23px;
}
button.tour-details-fvrt-btn {
	width: 77px;
	height: 77px;
    border: none;
    border-radius: 50%;
    position: relative;
    box-shadow: 0px 12px 13px 0px rgb(215 116 232 / 55%);
    -webkit-box-shadow: 0px 12px 13px 0px rgb(215 116 232 / 55%);
    -moz-box-shadow: 0px 12px 13px 0px rgba(215,116,232,0.55);
}
.tour-details-fvrt-btn-bg {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
}
span.tour-details-fvrt-btn-icn {
    width: 51px;
    height: 51px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.tour-details-fvrt-btn-icn:before {
    font-family: 'yago' !important;
    content: "\e905";
    color: #d774e8;
    position: absolute;
    font-size: 28.81px;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
}
.tour-details-content-features-section {
    background: #F9F6FF;
    border: 10px solid #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 3px 47px rgb(227 155 239 / 27%);
    border-radius: 0 0 62px 0;
}
.container.tour-details-content-area {
    border-radius: 0 0 62px 0;
    background: #ffffff;
    padding: 22.76px 0 27.32px 0;
}
.tour-details-content-up {
    margin-left: 9px;
}
h3.tour-details-content-up-name {
    
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
    color: #342861;
}
p.tour-details-content-up-location {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #7D84A5;
}
span.tour-details-content-up-location-icn {
    margin-right: 8.75px;
}
.tour-details-content-up-location-icn:before{
	font-family: 'yago' !important;
    content: "\e908";
    color: #D774E8;
}
.tour-details-content-down {
    display: flex;
    margin-top: 33.39px;
}
.tour-details-content-down-ratings {
    display: flex;
}
.tour-details-content-button-area {
    border: none;
    border-radius: 50%;
}
.tour-details-content-button {
    border: none;
    border-radius: 50%;
    position: relative;
}
.tour-details-content-button-bg {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
    box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 5px 21px 0px rgba(215,116,232,0.50);
    -webkit-box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
}
.tour-details-content-button-fvrt-icn {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 5px 21px 0px rgba(215,116,232,0.50);
}
.tour-details-content-button-fvrt-icn:before {
    font-family: 'yago' !important;
    content: "\e90b";
    color: #d774e8;
    font-size: 30.16px;
    position: absolute;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tour-details-content-down-text {
    margin-left: 8px;
}
p.tour-details-content-down-text-main {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    color: #342861;
}
p.tour-details-content-down-text-regular {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #7D84A5;
    margin-top: 3.04px;
}
.tour-details-content-down-distance {
    display: flex;
    margin-left: 17.04px;
}
.tour-details-content-down-temperature {
    display: flex;
    margin-left: 20px;
}
.tour-details-content-button-distance-icn {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 5px 21px 0px rgba(215,116,232,0.50);
}
.tour-details-content-button-distance-icn:before {
    font-family: 'yago' !important;
    content: "\e908";
    color: #d774e8;
    font-size: 16.16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tour-details-content-button-temp-icn {
    width: 31px;
    height: 31px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 5px 21px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 5px 21px 0px rgba(215,116,232,0.50);
}
.tour-details-content-button-temp-icn:before {
    font-family: 'yago' !important;
    content: "\e920";
    color: #d774e8;
    font-size: 17.16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tour-details-features-items {
    display: flex;
    width: 100%;
    margin-left: 0;
    justify-content: center;
    padding: 25px 20px;
    box-sizing: border-box;
}
.tour-details-features-item1 {
    width: 25%;
    padding: 0 10px;
}
.tour-details-features-item2 {
    width: 25%;
    padding: 0 10px;
}
.tour-details-features-item3 {
    width: 25%;
    padding: 0 10px;
}
.tour-details-features-item4 {
    width: 25%;
    padding: 0 10px;
}
.tour-details-features-item-icn-area {
    border: none;
    border-radius: 50%;
}
.tour-details-features-item-button {
    border: none;
    border-radius: 50%;
    position: relative;
}
.tour-details-features-item-button-bg {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
    margin: auto;
    box-shadow: 0 10px 21px 0 rgb(6 219 98 / 50%);
    -webkit-box-shadow: 0 10px 21px 0 rgb(6 219 98 / 50%);
    -moz-box-shadow: 0 10px 21px 0 rgb(6 219 98 / 50%);
}
.tour-details-features-item1-icn {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0 10px 21px 0 rgb(6 219 98 / 50%);
    -webkit-box-shadow: 0 10px 21px 0 rgb(6 219 98 / 50%);
    -moz-box-shadow: 0 10px 21px 0 rgb(6 219 98 / 50%);
}
.tour-details-features-item1-icn:before{
	font-family: 'yago' !important;
    content: "\e921";
    color: #1BD26A;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.tour-details-features-item-text {
    margin-top: 8.04px;
}
p.tour-details-features-item-text-main {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    color: #1BD26A;
    width: 51%;
    margin: auto;
}

.tour-details-features-item2-button-bg {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
    margin: auto;
    box-shadow: 0px 59px 100px 5px rgba(236,156,54,1);
    -webkit-box-shadow: 0px 59px 100px 5px rgba(236,156,54,1);
    -moz-box-shadow: 0px 59px 100px 5px rgba(236,156,54,1);
}
.tour-details-features-item2-icn {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    box-shadow: 0px 59px 100px 5px rgba(236,156,54,1);
    -webkit-box-shadow: 0px 59px 100px 5px rgba(236,156,54,1);
    -moz-box-shadow: 0px 59px 100px 5px rgba(236,156,54,1);
}
.tour-details-features-item2-icn:before{
	font-family: 'yago' !important;
    content: "\e918";
    color:  #EC9C36;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-features-item2-text-main {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #EC9C36;
    width: 100%;
    margin: auto;
}
.tour-details-features-item3-button-bg {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
    margin: auto;
    box-shadow: 0px 59px 100px 5px rgba(248,4,29,1);
    -webkit-box-shadow: 0px 59px 100px 5px rgba(248,4,29,1);
    -moz-box-shadow: 0px 59px 100px 5px rgba(248,4,29,1);
}
.tour-details-features-item3-icn {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
  	box-shadow: 0px 59px 100px 5px rgba(248,4,29,1);
    -webkit-box-shadow: 0px 59px 100px 5px rgba(248,4,29,1);
    -moz-box-shadow: 0px 59px 100px 5px rgba(248,4,29,1);
}
.tour-details-features-item3-icn:before {
    font-family: 'yago' !important;
    content: "\e91b";
    color: #F8041D;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-features-item3-text-main {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #F8041D;
    width: 100%;
    margin: auto;
}
.tour-details-features-item4-button-bg {
    width: 53px;
    height: 53px;
    border-radius: 50%;
    background-color: #ffffff;
    opacity: 0.48;
    margin: auto;
    box-shadow: 0px 59px 100px 5px rgba(35,158,239,1);
	-webkit-box-shadow: 0px 59px 100px 5px rgba(35,158,239,1);
	-moz-box-shadow: 0px 59px 100px 5px rgba(35,158,239,1);
}
.tour-details-features-item4-icn {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
  	box-shadow: 0px 59px 100px 5px rgba(35,158,239,1);
	-webkit-box-shadow: 0px 59px 100px 5px rgba(35,158,239,1);
	-moz-box-shadow: 0px 59px 100px 5px rgba(35,158,239,1);
}
.tour-details-features-item4-icn:before {
    font-family: 'yago' !important;
    content: "\e91f";
    color: #239EEF;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-features-item4-text-main {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    color: #239EEF;
    width: 100%;
    margin: auto;
}

/*------------ tour-details footer css -----------*/

.ios .toolbar-style {
    background: transparent;
    height: 130px;
}
.toolbar-bottom .toolbar-inner-style {
    padding-top: 30px;
    padding-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
}
.bottom-fix-footer-logo {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
}
img.bottom-fix-footer-bg-img {
    width: 100%;
}
.footer-fix-left {
    margin: 0 0 0 0;
    width: 40%;
    padding-left: 16px;
}
.footer-fix-right {
    margin: 0 0 0 0;
    width: 40%;
    padding-right: 19px;
    padding-left: 22px;
}
.footer-fix-left-text-area {
    margin-top: 26px;
}
.footer-fix-right-button-area {
    margin-top: 20px;
}
p.footer-fix-text1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 18px;
    color: #7D84A5;
}
p.footer-fix-text2 {
    
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 40px;
    color: #342861;
}
button.footer-fix-right-button {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #8168DD;
    border-radius: 25px;
    border: none;
    padding: 15px 0;
    box-shadow: 0px 10px 19px 0px rgb(129 104 221 / 60%);
    -webkit-box-shadow: 0px 10px 19px 0px rgb(129 104 221 / 60%);
    -moz-box-shadow: 0px 18px 19px 0px rgba(129,104,221,0.60);
}
button.footer-fix-right-button a { color: #fff; }

.tour-details-tabbing-section {
    margin-bottom: 130px;
}
/* Style the tab */
.tour-details {
    overflow: hidden;
    margin-top: 20.39px;
}

/* Style the buttons inside the tab */
.tour-details li {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #CDCAD8;
}
.tour-details li:hover {
    
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: #ccc;
}

.tour-details li.active {
  color: #D774E8 !important;
}
.tour-details li.active:after {
 content: '';
 background: #D774E8;
 width: 6px;
 height: 6px;
 border-radius: 100%;
 display: block;
 margin: 5px auto 0;
}

/* Style the tab content */
.tour-details-tabcontent {
  display: block;
  padding: 0 16px;
  border-top: none;
}
.tour-details-tabbing-overview-text {
    margin-top: 0px;
}

h3.tour-details-tabbing-overview-text-heading {
    
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 35px;
    color: #342861;
}
p.tour-details-tabbing-overview-text-description1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #7D84A5;
    margin-top: 10px;
}
p.tour-details-tabbing-overview-text-description2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #7D84A5;
    margin-top: 10px;
}
.tour-details-tabbing-overview-key-details {
    margin-top: 40px;
}
h2.tour-details-tabbing-overview-key-details-heading {
    
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #342861;
}
li.tour-details-tabbing-overview-key-details-list-li {
    display: flex;
}
p.tour-details-tabbing-overview-key-details-list-li-icn1 {
    position: relative;
    margin: auto 0;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-overview-key-details-list-li-icn1:before{
	font-family: 'yago' !important;
    content: "\e91a";
    color: #D774E8;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-tabbing-overview-key-details-list-li-text {
    margin: auto 4px;
    padding: 0 15px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    width: 100%;
    line-height: 46px;
    color: #7D84A5;
    border-bottom: 1px solid #FCEEFF;
}
p.tour-details-tabbing-overview-key-details-list-li-icn2 {
    position: relative;
    margin: auto 0;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-overview-key-details-list-li-icn2:before{
	font-family: 'yago' !important;
    content: "\e922";
    color: #D774E8;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-tabbing-overview-key-details-list-li-icn3 {
    position: relative;
    margin: auto 0;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-overview-key-details-list-li-icn3:before{
	font-family: 'yago' !important;
    content: "\e91c";
    color: #D774E8;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-tabbing-overview-key-details-list-li-icn4 {
    position: relative;
    margin: auto 0;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-overview-key-details-list-li-icn4:before{
	font-family: 'yago' !important;
    content: "\e91d";
    color: #D774E8;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-tabbing-overview-key-details-list-li-icn5 {
    position: relative;
    margin: auto 0;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-overview-key-details-list-li-icn5:before{
	font-family: 'yago' !important;
    content: "\e919";
    color: #D774E8;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}
p.tour-details-tabbing-overview-key-details-list-li-icn6 {
    position: relative;
    margin: auto 0;
    width: 30px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-overview-key-details-list-li-icn6:before{
	font-family: 'yago' !important;
    content: "\e91e";
    color: #D774E8;
    position: absolute;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*------------- tour details tabbing review ------------*/

.tour-details-tabbing-review-item-area {
    background: #FFFFFF;
    box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102);
    padding-bottom: 20px;
    border-radius: 25px;
}
.tour-details-tabbing-review-item-up {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 3px 58px #F6EAF8;
    border-radius: 25px 25px 0 0;
}
.tour-details-tabbing-review-item-up-left {
    display: flex;
    padding-left: 16px;
    padding-top: 17px;
    padding-bottom: 16px;
    width: 90%;
}
.tour-details-tabbing-review-item-up-right {
    width: 10%;
    padding-right: 26px;
    padding-top: 28px;
}
.tour-details-tabbing-review-item-up-left-user-img-bg {
    position: relative;
    width: 55px;
    height: 55px;
    background: #ffffff;
    border-radius: 50%;
}
img.tour-details-reviews-user-img {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}
.tour-details-tabbing-review-item-up-left-user-text {
    margin: auto 0;
    padding-left: 14px;
}
p.tour-details-tabbing-review-user-name {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #342861;
}
p.tour-details-tabbing-review-user-rvw-time {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #CDCAD8;
}

.tour-details-tabbing-review-item-up-right-ratting-num:before{
	font-family: 'yago' !important;
    content: "\e925";
    color: #d774e8;
    border: 1px solid #FFFFFF;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.161);
}
p.tour-details-tabbing-review-item-up-right-ratting-area {
    display: flex;
    width: 43px;
    height: 19px;
    border: 1px solid #D774E8;
    border-radius: 25px;
}
span.tour-details-tabbing-review-item-up-right-ratting {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    color: #D774E8;
    margin: 3px 0 0 6px;
}
img.tour-details-tabbing-review-item-up-right-ratting-icn {
    margin: auto 0;
}

.tour-details-tabbing-review-item-down-ratting-like-comment-area {
    display: flex;
    margin-top: 20px;
}
button.tour-details-tabbing-review-item-down-like-button {
    border: none;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 3.5px;
    position: relative;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-review-item-down-like-button:before {
    font-family: 'yago' !important;
    content: "\e924";
    color: #D774E8;
    font-size: 11.52px;
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%);
}
button.tour-details-tabbing-review-item-down-comment-button {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 3.5px;
    position: relative;
    border: none;
    box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -webkit-box-shadow: 0px 7px 14px 0px rgb(215 116 232 / 30%);
    -moz-box-shadow: 0px 7px 14px 0px rgba(215,116,232,0.30);
}
.tour-details-tabbing-review-item-down-comment-button:before {
    font-family: 'yago' !important;
    content: "\e923";
    color: #8168dd;
    font-size: 12.87px;
    position: absolute;
    top: 50%;
    left: 52%;
    transform: translate(-50%, -50%);
}
.tour-details-tabbing-review-item-down-like-comment-buttons {
    display: flex;
}
.tour-details-tabbing-review-item-down-ratting-star {
    width: 83%;
    margin-left: 6px;
}
.tour-details-tabbing-review-item-down-like-comment-area {
    width: 17%;
    margin-right: 18px;
}

.tour-details-tabbing-review-item-down-text-area {
    margin-top: 25px;
    padding: 0 15px;
}
p.tour-details-tabbing-review-item-down-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #7D84A5;
    width: 100%;
}
.tour-details-tabbing-review-item-down-img-area {
    margin-top: 17px;
}
.tour-details-tabbing-review-item-down-imgs {
    display: flex;
    padding: 0 15px;
}
.tour-details-tabbing-review-item-down-img1 {
    margin: 0 6px 0 0;
    border-radius: 12px;
}
.tour-details-tabbing-review-item-down-img2 {
    margin: 0 6px;
    border-radius: 12px;
}
.tour-details-tabbing-review-item-down-img3 {
    margin: 0 6px;
    border-radius: 12px;
}
.tour-details-tabbing-review-item-down-img4 {
    margin: 0 0 0 6px;
    border-radius: 12px;
    position: relative;
}
p.tour-details-tabbing-review-item-down-img4-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    line-height: 13px;
    color: #FFFFFF;
}
.tour-details-tabbing-review-item-area.forstyle {
    margin-top: 25px;
}
img.tour-details-tabbing-review-item-img-style {
    border-radius: 12px;
}
img.tour-details-tabbing-review-item-img-style1 {
    border-radius: 12px;
    filter: brightness(80%);
}

/*------------- tour details tabbing gallery ------------*/

.tour-details-tabbing-gallery-area {
  padding-top: 0px;  
  margin-top: -10px; 
}
.tour-details-tabbing-section #Reviews {
    padding-top: 25px;
}
.row {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

.column.column-style1 {
    padding: 0 8px 0 0;
}
.column.column-style2 {
    padding: 0 0 0 8px;
}

/* Create four equal columns that sits next to each other */
.column {
  -ms-flex: 50%; /* IE10 */
  flex: 50%;
  max-width: 47%;
}

.column img {
  margin: 16px 0;
  vertical-align: middle;
  width: 100%;
  border-radius: 35px;
}

/*------------Search flight page css-------------*/

.search-flight-title {
    
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
}
.navbar.home-screen3-header.search-flight-header-bg {
    background: url(../image/search-flight-top-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 182px;
}
.search-flight.content {
    margin-top: 154px;
    z-index: 9999;
    position: absolute;
    width: 100%;
}
/*.tabs .tab {
    display: block;
}*/
.search-flight.content-area {
    padding: 0 16px;
}
.search-flight-content-tab-ul {
    display: flex;
    border-radius: 20px;
    background: #FFFFFF;
	box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102);
}
.search-flight-content-tab-li {
    padding: 18px 27px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #342861;
    border-radius: 20px;
}
.search-flight-content-tab-li.active {
    background-color: #D774E8;
    color: #ffffff;
    box-shadow: 0px 12px 65px 0px rgb(215 116 232 / 60%);
    -webkit-box-shadow: 0px 12px 65px 0px rgb(215 116 232 / 60%);
    -moz-box-shadow: 0px 12px 65px 0px rgba(215,116,232,0.60);
}
.search-flight-content-fields-form-group {
    display: flex;
    border: none;
    padding: 17px 11px 18px 11px;
    border-radius: 20px;
    background: #FFFFFF;
	box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
}
label.search-flight-content-fields-label {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #CDCAD8;
}
input.form-control.search-flight-content-fields-input {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #342861;
    margin-top: 4px;
}

.search-flight-content-fields-form-group-from-icn {
    width: 36px;
    height: 36px;
    background: #F1EEFF;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
    border-radius: 12px;
    position: relative;
}
.search-flight-content-fields-form-group-from-icn:before {
    font-family: 'yago' !important;
    content: "\e927";
    color: #8168DD;
    font-size: 13.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-flight-content-fields-form-group-text {
    margin-left: 10px;
}
.search-flight-content-fields {
    margin-top: 38px;
}
.search-flight-content-fields-form-group-to-icn {
    width: 36px;
    height: 36px;
    background: #F1EEFF;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
    border-radius: 12px;
    position: relative;
}
.search-flight-content-fields-form-group-to-icn:before {
    font-family: 'yago' !important;
    content: "\e908";
    color: #8168DD;
    font-size: 17.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-flight-content-fields-form-group.style {
    margin-top: 20px;
}
.search-flight-content-fields-form-group-round-trip-icn{
	width: 40px;
    height: 40px;
    border-radius: 12px;
    position: relative;
    background: #D774E8;
}
.search-flight-content-fields-form-group-round-trip-icn:before{
	font-family: 'yago' !important;
    content: "\e929";
    color: #ffffff;
    font-size: 17.52px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-flight-content-fields-from-to {
    position: relative;
}
.search-flight-content-fields-form-group-round-trip-icn-area {
    position: absolute;
    right: 5%;
    top: 37%;
}
.search-flight-content-fields-form-group-date-icn{
	width: 36px;
    height: 36px;
    background: #F1EEFF;
    border-radius: 12px;
    position: relative;
}
.search-flight-content-fields-form-group-date-icn:before{
	font-family: 'yago' !important;
    content: "\e926";
    color: #8168DD;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-flight-content-fields-date-passenger {
    margin-top: 20px;
}
.search-flight-content-fields-date {
    display: flex;
}
.search-flight-content-fields-date-start {
    width: 47.5%;
    margin-right: 8.5px;
}
.search-flight-content-fields-date-end {
    width: 47.5%;
    margin-left: 8.5px;
}
.search-flight-content-fields-passenger {
    margin-top: 20px;
}
.search-flight-content-fields-form-group-passenger-icn{
	width: 36px;
    height: 36px;
    background: #F1EEFF;
    border-radius: 12px;
    position: relative;
}
.search-flight-content-fields-form-group-passenger-icn:before{
	font-family: 'yago' !important;
    content: "\e928";
    color: #8168DD;
    font-size: 17.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.search-flight-content-class {
    padding: 0 16px;
    margin-top: 27px;
}
.search-flight-content-class-area {
    display: flex;
}
button.search-flight-content-class-button {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #342861;
    background: #FFFFFF;
    border: 2px solid #F0C1F8;
    padding: 11px 0 13px 0;
    border-radius: 12px;
}
.search-flight-class-button-align-left {
	margin-right: 6.5px;
}
.search-flight-class-button-align-center {
	margin: 0 6.5px;
}
.search-flight-class-button-align-right {
	margin-left: 6.5px;
}
button.search-flight-content-class-button.active {
    background: #D774E8;
    color: #ffffff;
    border: none !important;
    box-shadow: 0px 12px 65px 0px rgb(215 116 232 / 60%);
    -webkit-box-shadow: 0px 12px 65px 0px rgb(215 116 232 / 60%);
    -moz-box-shadow: 0px 12px 65px 0px rgba(215,116,232,0.60);
}
.search-flight-content-button {
    padding: 0 16px;
    margin-top: 40px;
}
.search-flight-content-button-area {
    padding: 0 21px;
}
button.search-flight-content-button-flight-search {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #D774E8;
    border: none;
    padding: 18px 0 19px 0;
    border-radius: 15px;
    box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50);
}
button.search-flight-content-button-flight-search a { color: #fff; }
.search-flight-best-value-offer {
    padding: 0 16px;
    margin-top: 77px;
    margin-bottom: 85px;
}


/*------------ flight booking css -------------*/

.navbar.home-screen3-header.flight-booking-header-bg {
    background: url(../image/flight-booking-top-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 389px;
}
.flight-root-top-banner-area {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.flight-booking-content-filter:after {
	font-family: 'yago' !important;
    content: "\e929";
    font-size: 17.52px;
    color: #ffffff;
    margin-left: 16.68px;
}
.flight-booking-content {
    margin-top: 351px;
    z-index: 9999;
    position: absolute;
    width: 100%;
}
.flight-booking-content-area {
    display: flex;
    padding: 0 14.94px 0 16px;
    width: 308px;
    margin: 0 auto;
}
.flight-booking-content-sort {
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102);
    margin-left: 15px;
    padding: 0 18px;
    border-radius: 20px;
}
button.flight-booking-content-filter {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    background: #342861;
    padding: 19px 19px 20px 24px;
    border: none;
    border-radius: 20px;
}
.flight-booking-content-sort label {
    margin: auto;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #7D84A5;
}

select#sort {
    background: url(../image/flight-booking-sort-icn.png) no-repeat 98% center;
    width: 60px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: #342861;
    margin-left: 21px;
}
.flight-booking-content-flight-list-area {
    padding: 0 14.94px 0 16px;
}
img.flight-booking-content-flight-list-item-img {
    width: 100%;
    box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102);
}
.flight-booking-content-flight-list {
    background: #FCF8FE;
    margin-top: 39px;
}
.flight-booking-content-flight-list-item {
    margin-top: 20px;
}
.list-item-style{
	margin-top: 24px;
}
.flight-booking-page{
	background: #FCF8FE !important;
}



/*------------- Sort & Filter css -------------*/

.navbar.home-screen3-header.sort-filter-header-bg {
    background: url(../image/sort-filter-top-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 195px;
}
.sort-filter-content {
    margin-top: 215px;
}
.sort-filter-content-area {
    padding: 0 15px 0 16px;
}
img.sort-filter-price-range-img {
    width: 100%;
    border-radius: 20px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 37px;
    cursor: pointer;
    display: inline-block;
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
    color: #342861;
}
[type="radio"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #D774E8;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:not(:checked) + label:before {
	content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #CDCAD8;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #D774E8;
    position: absolute;
    top: 6px;
    left: 6px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.sort-filter-content-stop-Radio-button {
    margin-top: 20px;
    border-radius: 20px;
}
.sort-filter-content-stop-Radio-button-area {
    background: #FFFFFF;
    box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102);
    border-radius: 20px;
}
.sort-filter-content-stop-Radio-button-title {
    filter: drop-shadow(0px 3px 58px #F6EAF8);
    border-radius: 20px 20px 0 0;
}
p.sort-filter-content-stop-Radio-button-title-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px;
    color: #D774E8;
    padding: 18px 0 13px 20px;
    background: #ffffff;
    border-radius: 20px 20px 0 0;
}
.sort-filter-content-stop-Radio-btn-main {
    padding-top: 38px;
    padding-bottom: 29px;
}
p.sort-filter-content-stop-Radio-btn-item {
    padding-left: 18px;
    padding-right: 17px;
    background: #FFFFFF;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
    padding: 20px 19px;
    margin-left: 18px;
    margin-right: 17px;
    border-radius: 20px;
}
p.sort-filter-content-stop-Radio-btn-item.radio-btn-style {
    margin-top: 16px;
}

.sort-filter-content-departure-btn-up-morning-icn {

}
.sort-filter-content-departure-btn-up-morning-icn:before {
    font-family: 'yago' !important;
    content: "\e92d";
    color: #d774e8;
    font-size: 28.01px;
}
.sort-filter-content-departure-btn-up-early-morning-icn:before {
	font-family: 'yago' !important;
    content: "\e92b";
    color: #ffffff;
    font-size: 28.01px;
}
.sort-filter-content-departure-btn-up {
    display: flex;
}
.sort-filter-content-Departure-btn-up-morning {
    display: flex;
    padding: 18px 15px 19px 13px;
    background: #FFFFFF;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
    border-radius: 25px;
}
.sort-filter-content-departure-btn-up-morning-text-area {
    margin-left: 7.99px;
}
p.sort-filter-content-departure-btn-up-morning-text1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #CDCAD8;
}
p.sort-filter-content-departure-btn-up-morning-text2 {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    color: #342861;
    margin-top: 6px;
}
.sort-filter-content-Departure-btn-up-morning.style1 {
    width: 142px;
    margin-right: 10px;
}
.sort-filter-content-Departure-btn-up-morning.style2 {
    width: 142px;
    margin-left: 10px;
}
.sort-filter-content-departure-btn-main-area {
    padding: 0 20px;
}
.sort-filter-content-Departure-btn-up-morning.active {
    background: #D774E8;
}
p.sort-filter-content-departure-btn-up-morning-text1.active {
    color: #ffffff;
}
p.sort-filter-content-departure-btn-up-morning-text2.active {
    color: #ffffff;
}
.sort-filter-content-departure-btn-up-evening-icn:before {
    font-family: 'yago' !important;
    content: "\e92c";
    color: #d774e8;
    font-size: 28.01px;
}
.sort-filter-content-departure-btn-down {
    margin-top: 14px;
}
.sort-filter-content-Departure-btn-up-morning.style1.style-d1 {
    width: 133px;
}
.sort-filter-content-departure-btn-main-area {
    padding: 35px 20px 31px 20px;
}
.sort-filter-content-departure-btn-up-afternoon-icn:before {
    font-family: 'yago' !important;
    content: "\e92a";
    color: #ffffff;
    font-size: 28.01px;
}



/*-------------- flight-details page css------------*/

.flight-details-header-bg {
	background-color: #ffffff !important;
}
.flight-details-content {
    margin-top: 182px;
}
.flight-details-content-flight-title-area {
    background-color: #ffffff;
    text-align: center;
    border-radius: 0 0 75px 0;
    box-shadow: 0px 3px 47px rgba(227, 155, 239, 0.271);
}
p.flight-details-content-flight-title-name {
    
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 35px;
    color: #8168DD;
}
span.flight-details-content-flight-title-name-span {
    color: #D774E8;
}
p.flight-details-content-flight-title-date {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: #342861;
}
.flight-details-content-flight-title {
    padding: 28px 20px;
}
.flight-details-content-flight-details-area {
    padding-left: 16px;
    padding-right: 14px;
    margin-top: 43px;
}
.flight-details-content-flight-details {
    box-shadow: 0px 3px 58px rgb(0 0 0 / 10%);
}
img.flight-details-content-flight-details-img {
    width: 100%;
    border-radius: 20px;
}
.flight-details-content-fields-seats-totalprice-area {
    margin-left: 16px;
    margin-right: 17px;
    margin-top: 18.98px;
}
.flight-details-content-fields-totalprice {
    margin-top: 20px;
}
.search-flight-content-fields-form-group.flight-details {
   padding: 19.4px 24px 20.42px 24px;
}
.flight-details-content-fields-form-group-left-text-area {
    margin: auto 0;
    width: 50%;
}
.flight-details-content-fields-form-group-right-text-area {
    width: 50%;
    text-align: end;
}
p.flight-details-content-fields-form-group-left-text {
    font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #342861;
}
p.flight-details-content-fields-form-group-right-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
    color: #342861;
}
.flight-details-content-next-btn-area {
    padding-left: 37px;
    padding-right: 36px;
    margin-top: 38px;
    margin-bottom: 100px;
}

/*------------- select seat page css --------------*/

.navbar.home-screen3-header.select-seat-header-bg {
    background: url(../image/select-seat-top-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 265px;
}
.select-seat-content {
    position: absolute;
    z-index: 9999;
    margin-top: 140px;
    width: 100%;
}
img.select-seat-content-img {
    width: 100%;
}

.toolbar-select-seat-bottom{
	background: transparent;
    height: 127px !important;
}

.toolbar-select-seat-inner{
	background: #FFFFFF;
    box-shadow: 0px -14px 17px rgb(215 116 232 / 15%);
    border-radius: 40px 40px 0 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.select-seat-footer-area {
    width: 100%;
    padding: 35px 36px 35px 37px;
}


/*------------- my-ticket page css ------------*/

.navbar.home-screen3-header.my-ticket-header-bg {
	background: url(../image/my-ticket-top-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 130vh;
}
.my-ticket-content {
    position: absolute;
    z-index: 1111;
    width: 100%;
    margin-top: 85px;
}
.my-ticket-content-area {
    padding: 0 16px;
}
.my-ticket-content-flight-root-area {
    background-color: #ffffff;
    position: relative;
}
.my-ticket-content-flight-root-img {
    padding: 27px 19.14px 24px 22.01px;
}
img.my-ticket-flight-root {
    width: 100%;
}
.my-ticket-content-flight-root-area:after {
    content: '';
    background: #cb6dda;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -12px;
    right: -6px;
    margin: 7px 0 0 0;
    border-radius: 50%;
}
.my-ticket-content-flight-root-area:before {
    content: '';
    background: #cb6dda;
    width: 15px;
    height: 15px;
    position: absolute;
    top: -12px;
    left: -6px;
    right: 0;
    margin: 7px 0 0 0;
    border-radius: 50%;
}

.my-ticket-content-details-area {
    background-color: #ffffff;
}
.my-ticket-content-details {
    padding: 19px 22px;
}
.my-ticket-content-details-box {
    display: flex;
}
.my-ticket-content-details-box-left {
    width: 50%;
}
p.my-ticket-content-details-no-of-flight-tickets {
    
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #8168DD;
    margin-top: 5px;
}
.my-ticket-content-details-box-right {
    width: 50%;
    text-align: end;
}
button.my-ticket-content-details-class-btn {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #D774E8;
    background-color: #ffffff;
    padding: 8px 0;
    width: 108px;
    border: 1px solid #D774E8;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
    border-radius: 12px;
}
p.my-ticket-content-details-box-text1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: #BEC3D9;
}
p.my-ticket-content-details-box-text2 {
    
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #8168DD;
}
.my-ticket-content-details-box.align {
    padding-top: 24px;
}
.my-ticket-content-details-box.name-date-box-align {
    padding-top: 28px;
}
.my-ticket-content-barcode-area {
    padding-top: 10px;
    height: 20px;
    background-color: #ffffff;
    position: relative;
}
.my-ticket-content-barcode-area:before {
    content: '';
    background: #cb6dda;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -8px;
    left: -15px;
    right: 0;
    margin: 7px 0 0 0;
    border-radius: 44%;
}
.my-ticket-content-barcode-area:after {
    content: '';
    background: #cb6dda;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -7px;
    right: -15px;
    margin: 7px 0 0 0;
    border-radius: 44%;
}
p.my-ticket-content-barcode-area-top-design-border {
    width: 90%;
    margin: 5px auto;
    border-top: dotted;
    border-color: #202020;
}
.my-ticket-content-barcode-main {
    background-color: #ffffff;
}
img.my-ticket-content-barcode-img {
    width: 100%;
}
.my-ticket-content-barcode-img-area {
    padding: 15px 61.87px 26.33px 63px;
    position: relative;
}
.my-ticket-content-barcode-img-area:before {
    content: '';
    background: #cb6dda;
    width: 15px;
    height: 20px;
    position: absolute;
    bottom: -6px;
    left: -5px;
    right: 0;
    margin: 7px 0 0 0;
    border-radius: 44%;
}
.my-ticket-content-barcode-img-area:after {
    content: '';
    background: #cb6dda;
    width: 15px;
    height: 20px;
    position: absolute;
    bottom: -6px;
    right: -6px;
    margin: 7px 0 0 0;
    border-radius: 44%;
}
.flight-details-content-next-btn-area.my-ticket-btn {
    margin-top: 278px;
    padding-left: 16px;
    padding-right: 25px;
    margin-bottom: 0px;
}


/*-------------- Flight-Checkout page css ------------*/

.navbar.home-screen3-header.flight-checkout-header-bg {
    background: url(../image/flight-checkout-top-banner.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 170vh;
}
.flight-checkout-content-payment-details-area {
    margin-top: 143.67px;
}
.flight-checkout-content-payment-details-up-header-text-area {
    background-color: #ffffff;
    padding: 18px 20px 13px 20px;
    border-radius: 20px 20px 0 0;
    box-shadow: 0px 3px 58px #f6eaf8;
}
p.flight-checkout-content-payment-details-up-header-text {
    
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #342861;
}
p.my-ticket-content-details-box-payment-details-text2 {
    
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    color: #8168DD;
}
p.my-ticket-content-details-box-payment-details-text1 {
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #342861;
}
.flight-checkout-content-payment-details-bottom-text-area {
    background-color: #ffffff;
    padding: 26px 21.24px 31px 20px;
    border-radius: 0 0 20px 20px;
}
.my-ticket-content-details-box.payment-details-text.p-d-t-a1 {
    margin-top: 15px;
}
.my-ticket-content-details-box.payment-details-text.p-d-t-a2 {
    border-top: 6px solid #151F4D;
    margin-top: 20px;
    padding-top: 12px;
}
.flight-details-content-next-btn-area.my-ticket-btn.flight-checkout-btn {
    margin-top: 275px;
}


/*-----------Flight-Booking-Successfully---------------*/

.flight-booking-successfully-page {
    background: #FBF2FC !important;
}
.flight-booking-successfully-content-text {
  padding: 20px 30px;	
}

.flight-booking-successfully-content-text h2 {
    
    font-style: normal;
    font-weight: 600;
    font-size: 39px;
    line-height: 52px;
    color: #342861;
}
.flight-booking-successfully-content-text h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 58px;
    color: #D774E8;
}
.flight-booking-successfully-content-text p {
    font-family: Raleway;
    font-style: normal;
    font-weight: 500;
    font-size: 17px;
    line-height: 20px;
    color: #151F4D;
    padding-right: 100px;
    margin-top: 11px;
}

.booking-success-img { text-align: center; }
.booking-success-img img { width: 100%; }



/*---------------------------------------------        
				Media query css
----------------------------------------------*/


/*--------------- Homepage-1 page css ------------------*/


@media only Screen and (max-width: 375px){
	p.homepage-1-header-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 40px;
    color: #342861;
    width: 63%;
}
.homepage-1-footer-area {
    position: relative;
    width: 100%;
    top: 4px;
}
.homepage-1-footer-logo {
    position: absolute;
    top: 14%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*----------- search-flight screen css-----------*/

.search-flight-content-tab-li {
    font-size: 13px;
}
.search-flight.content {
    margin-top: 140px;
}
.search-flight-best-value-offer {
    margin-top: 55px;
}

}



@media only Screen and (max-width: 320px){

p.homepage-1-header-text {
    
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    color: #342861;
    width: 66%;
}
.container.home-screen1-searchbar-categories-section {
    margin-top: 28.36px;
}
.homepage-1-footer-logo {
    position: absolute;
    top: -15%;
    left: 50%;
    transform: translate(-50%, -50%);
}	
.best-deals-item-text {
    padding: 0 14px;
}
h3.best-deals-item-text1-hotelname {
    margin: 0;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #342861;
}
p.best-deals-item-text1-location {
    margin-bottom: 0;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 9px;
    line-height: 12px;
    color: #7D84A5;
    margin-top: 1px;
}
p.best-deals-item-text3-price {
    
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    line-height: 19px;
    color: #D774E8;
    margin-bottom: 0;
}

}

/*28-03-22*/
.flight-details-content-next-btn-area.enjoy-btn {  margin-top: 40px; margin-bottom: 20px; }

.notification-flight { display: inline-block; width: 100%; padding: 220px 20px 0; box-sizing: border-box; }
.flight-noti-text { display: flex; align-items: flex-start; justify-content: space-between; background: #fff; border-radius: 20px; 
	padding: 20px;  box-sizing: border-box; margin: 20px 0 0 0; }
.flight-noti-left { width: 68px; margin-right: 18px; }
.flight-noti-right h2 { font-size: 12px; font-weight: 600; line-height: 18px; color: #342861; margin: 0; }
.flight-noti-right p { font-size: 10px; font-weight: 400; line-height: 12px; color: #7D84A5; padding: 5px 0; margin: 0; }
.flight-noti-right span { font-size: 10px; font-weight: 500; line-height: 12px; color: #D774E8; }
.clear-all-btn { padding-bottom: 15px; }
.clear-all-btn a { float: right; font-size: 10px; font-weight: 400; color: #CBC3EB; }


.navbar.home-screen3-header.hotel-booking-banner {
    background: url(../image/hotel-booking-banner.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 350px;}

.search-flight.content.hotel-booking {
    margin-top: 355px;
    z-index: 9999;
    position: absolute;
    width: 100%;
}
select.select-fild {     
	font-family: Raleway;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px;
    color: #342861;
    margin-top: 4px; }
.hotel-booking-fild {
    width: 36px;
    height: 36px;
    background: #F1EEFF;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);
    border-radius: 12px;
    position: relative;
}
.hotel-booking-fild:before {
    font-family: 'yago' !important;
    color: #8168DD;
    font-size: 13.5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.hotel-booking-fild.fild01:before { content: "\e90a"; }
.hotel-booking-fild.fild02:before { content: "\e926"; }
.search-banner-text { position: absolute; top: 50%; padding: 0 20px; box-sizing: border-box; color: #fff;
    font-size: 38px; font-weight: 600; line-height: 50px; }
.hotel-search-bar { display: inline-block; width: 100%; padding: 0 20px 35px; box-sizing: border-box; border-radius: 0 0 75px 0;
    box-shadow: 0px 3px 47px rgba(227, 155, 239, 0.271); position: relative; z-index: 1; background: #F9F6FF; margin-top: -8px; }
.hotel-search-box { position: relative; top: -40px; }
.hotel-search-box input { display: inline-block; width: 100%; font-size: 16px; font-weight: 400; color: #CDCAD8; height: 58px; background: #fff; border: none; 
	border-radius: 20px; padding: 0 20px 0 50px; box-sizing: border-box; }
.hotel-search-box input::placeholder { color: #CDCAD8 !important; }	
.hotel-search-box .search-icon-btn { font-size: 0; position: absolute; left: 20px; top: 15px; }
.hotel-search-box .search-icon-btn:before { font-family: 'yago' !important; content: "\e90a"; color: #8168DD; font-size: 20px; }
.choose-date-section { display: flex; align-items: center; justify-content: space-between; margin: 0 -10px; }
.choose-date-section .choose-date-box { width: 50%; padding: 0 10px; }
.choose-date-box .label-date { display: block; font-size: 12px; font-weight: 400; color: #7D84A5; padding-bottom: 8px; }
.choose-date-box .choose-date { display: inline-block; width: 100%; font-size: 12px; font-weight: 500; color: #000; 
	background: #fff; text-align: center; border-radius: 10px; padding: 12px 0; box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102); }
.search-apply-button { padding: 0 10px; margin-top: 30px; }	
.search-apply-button button.search-flight-content-button-flight-search { background: #8168DD; }

.deals-section { padding: 0 20px; box-sizing: border-box; }
.deals-section .homepage1-top-hotels { margin: 40px -12px 0; }
.deals-section .homepage-1-top-hotels-items1 { min-width: 83px; padding: 0 12px; }
.deals-section p.homepage-1-top-hotels-items-text1 { padding-top: 5px; font-size: 10px; text-transform: uppercase; }
.deals-section .best-deals-section { margin-top: 30px; }
.deals-section .best-deals-item-text3 { margin-top: 0; }

.deals-section .homepage-1-discover-places-item-area { margin: 20px -10px 0; }
.deals-section .homepage-1-discover-places-item1 { padding: 0 10px; }
.deals-section .best-deals-area .best-deals-item1 { margin-top: 20px; }

.hotel-search-map { margin-top: -50px; position: relative; }
.search-map-products { position: absolute; bottom: 0; left: 0; width: 100%; padding-bottom: 30px; }
.search-map-products .best-deals-item-area { margin: 0; display: flex; overflow: scroll;
    padding-left: 10px; box-sizing: border-box; background: transparent; }
.search-map-products .best-deals-item1 { min-width: 360px; margin: 0 10px; }
.search-map-products .best-deals-item-text3 { margin-top: 0; }
.hotel-listing-products { padding: 30px 20px 0; box-sizing: border-box; }
.hotel-listing-products .best-deals-item-text { padding: 0 12px; }
.hotel-listing-products .best-deals-item1 { margin-top: 20px; }
.hotel-listing-products h3.best-deals-item-text1-hotelname { font-size: 14px; }
.hotel-listing-products .best-deals-item-text3 { margin-top: 0; }
.hotel-listing-products span.best-deals-item-text3-price-span { font-size: 8px; }

.check-in-btn { display: flex; align-items: center; background: #8168DD; position: absolute; top: 0; right: 0; padding: 0 15px;
    border-radius: 20px; color: #fff; font-size: 17px; height: 58px; line-height: 58px; }
.check-in-btn:before { font-family: 'yago'; font-size: 22px; margin-right: 10px; content: "\e92e"; color: #fff; } 

.choose-date-banner { display: inline-block; width: 100%; background: url(../image/choose-date-banner.png) no-repeat center top;}
.calendar-banner { display: inline-block; width: 100%; padding: 60px 0; }
.calendar-banner img { width: 100%; }

.choose-room-section { padding: 100px 20px; box-sizing: border-box; height: 800px; }
.choose-room-box { display: inline-block; width: 100%; background: #fff; border-radius: 20px; }
.choose-room-are { display: inline-block; width: 100%; }
.choose-room-are h2 { display: inline-block; width: 100%; font-size: 16px; font-weight: 600; color: #342861; background: #fff; text-align: center;
    margin: 0; border-radius: 20px 20px 0 0; padding: 15px 0; box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102); }
.choose-room-are ul { padding: 30px 20px; margin: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; box-sizing: border-box; }
.choose-room-are ul li { width: 29%; background: #fff; text-align: center; border: solid 1px #CDCAD8;
    border-radius: 10px; font-size: 12px; color: #7D84A5; font-weight: 500; padding: 6px 0; margin: 5px; }
.choose-room-are ul li:hover { background: #342861; color: #fff; border: solid 1px #342861; }  
.guest-number-img { display: inline-block; width: 100%; text-align: center; padding: 30px 20px; box-sizing: border-box; }  

.choose-hotel-banner { display: inline-block; width: 100%; background: url(../image/choose-hotel-banner.png) no-repeat center top; height: 800px; position: relative; background-size: 100% 100%; }
.banner-hotel-content { background: #D8CEFF; border-radius: 20px; padding: 20px; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 40px; 
	margin: 0 auto; max-width: 290px; min-height: 240px; }
.banner-hotel-content .grand-text1 { display: flex; align-items: self-start; justify-content: space-between; }	
.grand-text1 h2 { width: 100%; font-size: 24px; font-weight: 600; line-height: 30px; color: #fff; }
.grand-text1 .grand-text2 { width: 30%; padding-top: 5px; }
.grand-text1 .grand-text2 strong { display: block; font-size: 14px; font-weight: 600; color: #fff; line-height: 18px; }
.grand-text1 .grand-text2 span { display: block; font-size: 7px; font-weight: 600; color: #fff; line-height: 18px; }

.spain-text { display: flex; align-items: center; justify-content: flex-start; padding-top: 10px; }
.spain-text .spain-text1 { font-size: 14px; font-weight: 500; color: #fff; }
.spain-text .spain-text2 { font-size: 10px; font-weight: 400; color: #fff; position: relative; padding-left: 10px; }
.spain-text .spain-text2:before { font-family: 'yago'; content: "\e908"; font-size: 10px; color: #fff; margin-right: 5px; }
.banner-hotel-content .star-ratings { display: inline-block; width: 100%; position: relative; left: -8px; padding-top: 3px; }
.botton-apply { display: inline-block; width: 100%; padding-top: 10px; }
.botton-apply .apply-btn { display: inline-block; width: 100%; text-align: center;
    font-family: Raleway; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    color: #FFFFFF; background: #8168DD; border: none; padding: 14px 0 15px 0; border-radius: 15px;
    box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50);
}

.hotel-search-banner { display: inline-block; width: 100%; position: relative; z-index: 1; }
.hotel-search-banner img { width: 100%; }
.hotel-details-top-bar { position: relative; margin-top: -70px; }
.hotel-details-top-box { display: inline-block; width: 100%; background: #342861; border-radius: 0 0 90px 0; padding: 90px 0 20px; }
.hotel-details-top-box .banner-hotel-content { max-width: 310px; position: inherit; min-height: inherit; background: transparent; padding: 0; }
.hotel-details-top-box .grand-text1 .grand-text2 { text-align: right; }
.grand-text1 .grand-text2 strong { font-size: 17px; }
.hotel-details-top-box .grand-text1 .grand-text2 span { font-size: 12px; color: #BEC3D9; }
.hotel-details-top-box .spain-text .spain-text1 { color: #BEC3D9; }
.hotel-details-top-box .spain-text .spain-text2 { color: #BEC3D9; }
.hotel-details-top-box .spain-text .spain-text2:before { color: #D774E8; }
.hotel-details-features-section { background: #F9F6FF; border: 10px solid #FFFFFF; box-sizing: border-box;
    box-shadow: 0px 3px 47px rgb(227 155 239 / 27%); border-radius: 0 0 62px 0; margin-top: -60px; padding-top: 50px; }
.hotel-details-features-section .tour-details-features-items { padding: 25px 15px 25px 0; }

.details-title { font-size: 20px; font-weight: 600; color: #342861; position: relative; padding: 20px 20px 0; box-sizing: border-box; }
.details-title:before { content: ''; background: #8168DD; width: 6px; height: 6px; position: absolute; left: 21px; right: 0; margin: 28px 0 0 0; border-radius: 50%; }

.hotel-details-date-passenger { padding: 15px; box-sizing: border-box; }
.hotel-details-date-passenger .details-title { margin: 0 -10px; }
.search-flight-content-fields-form-group-text select.select-fild { width: 80px; background: #fff url(../image/select-icon.svg) no-repeat center right; }
.hotel-booking-fild.guest:before { content: "\e930"; }
.hotel-booking-fild.rooms:before { content: "\e92f"; }
.perhaps-text { font-size: 13px; font-weight: 500; line-height: 20px; color: #7D84A5; padding: 20px 10px 0; box-sizing: border-box; }
.perhaps-text a { display: flex; align-items: center; font-weight: 600; color: #D774E8;padding: 0; position: relative; }
.perhaps-text a:after { display: inline-block; font-family: 'yago'; content: "\e931"; color: #8168DD; font-size: 10px; margin-left: 5px; }

.overall-ratings-banner { margin: 20px auto 0; max-width: 314px; background: #fff; padding: 10px; box-sizing: border-box; border-radius: 20px; }
.overall-ratings-banner img { width: 100%; display: block; }

.details-photos-section { padding: 30px 0 0; box-sizing: border-box; }
.details-photos-top { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; }
.details-photos-top strong { font-size: 20px; font-weight: 600; color: #342861; position: relative; padding: 0; box-sizing: border-box; }
.details-photos-top strong:before { content: ''; background: #8168DD; width: 6px; height: 6px; position: absolute;
    left: 0; right: 0; margin: 28px 0 0 0; border-radius: 50%; }
.details-photos-top span { font-size: 10px; font-weight: 500; color: #CBC3EB; }
.details-photo-ul { display: flex; overflow: scroll; padding: 20px 0 0 0; }
.details-photo-ul span { min-width: 117px; margin: 0 10px; box-sizing: border-box; }  

.details-reviews-box { padding: 20px 20px 0; box-sizing: border-box; }
.details-reviews-box .tour-details-tabbing-review-item-area { margin-bottom: 30px; }
.details-reviews-section { padding: 0 20px; box-sizing: border-box; }
.details-reviews { background: #fff; border-radius: 20px; margin-top: 30px; min-height: 200px; }  
.reviews-top-section { padding: 0 20px; box-sizing: border-box; }

.simply-dummy-text { padding: 0 17px; box-sizing: border-box; }
.simply-dummy-text p { font-style: normal; font-weight: 600; font-size: 13px; line-height: 20px; color: #7D84A5; padding: 10px 0 0; }

.details-map-section { display: inline-block; width: 100%; position: relative; margin-top: 10px; }
.details-map { display: inline-block; width: 100%; }
.details-map img { display: block; width: 100%; }
.select-room-btn { background: #F1EEFF; border-radius: 30px; text-align: center; padding: 35px; box-sizing: border-box; border-radius: 30px 30px 0 0; position: absolute; bottom: 0; left: 0; width: 100%; }
.select-room-btn a { display: inline-block; width: 100%; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    color: #FFFFFF; background: #8168DD; border: none; padding: 18px 0 19px 0; border-radius: 15px; box-sizing: border-box;
    box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50); }

.select-room-main { padding: 0 20px 30px; box-sizing: border-box; } 
.select-room-top { display: flex; align-items: flex-start; justify-content: space-between; }
.select-room-top-left { width: 75%; padding-right: 20px; box-sizing: border-box; }
.select-room-top-left h2 { font-size: 22px; font-weight: 600; color: #342861; margin: 0; padding: 0 0 8px 0; }
.select-room-top-left span { font-size: 14px; font-weight: 400; color: #342861; }
.select-room-top-left p { font-size: 12px; font-weight: 400; color: #CDCAD8; }
.select-room-top-right { width: 28%; }

.room-main-box { display: inline-block; width: 100%; background: #fff; padding: 20px; padding-bottom: 0; margin-top: 20px; box-sizing: border-box; border-radius: 20px; 
box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);} 
.select-room-price { background: #fff; display: flex; align-items: center; justify-content: space-between; 
	box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102); margin: 0 -20px; padding: 15px 20px; box-sizing: border-box; border-radius: 0 0 20px 20px; }
.select-room-price-left { width: 60%; }
.select-room-price-left strong { display: block; font-size: 24px; font-weight: 600; color: #8168DD; }
.select-room-price-left span { display: block; font-size: 13px; font-weight: 600; color: #8168DD; }
.select-room-price-right { width: 40%; text-align: center; }
.select-room-price-right a { display: inline-block; width: 100%; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    color: #FFFFFF; background: #8168DD; border: none; padding: 14px 0 15px 0; border-radius: 15px; box-sizing: border-box;
    box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50); }

.booking-title { font-size: 20px; font-weight: 500; color: #342861; background: #fff;
    box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102); margin: -20px -20px 20px; padding: 15px 20px; border-radius: 20px 20px 0 0; }    
.booking-name-box { display: inline-block; width: 100%; padding: 0 0 20px 0; }
.booking-name-box span { display: block; font-size: 14px; font-weight: 500; color: #BEC3D9; line-height: 30px;}
.booking-name-box strong { font-size: 18px; font-weight: 500; color: #8168DD; line-height: 24px; }

.checkout-payment { display: inline-block; width: 100%; padding-bottom: 12px; }
.payment-price { display: flex; align-items: center; justify-content: space-between; padding: 5px 0; }
.payment-price span { font-size: 18px; font-weight: 500; color: #342861; line-height: 30px; }
.payment-price strong { font-size: 20px; font-weight: 500; color: #8168DD; line-height: 28px; }
.payment-price.total { border-top: solid 5px #151F4D; margin-top: 10px; }
.checkout-payment .choose-text { font-size: 18px; font-weight: 500; color: #342861; line-height: 30px; padding: 8px 0; margin: 0; }
.payment-btn { display: inline-block; width: 100%; text-align: center; padding-top: 20px; }
.payment-btn a { display: inline-block; width: 100%; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    color: #FFFFFF; background: #8168DD; border: none; padding: 18px 0 19px 0; border-radius: 15px; box-sizing: border-box;
    box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50); }

.booking-success2 { display: inline-block; width: 100%; text-align: center; padding-top: 15px; }    
.booking-success2 img { display: block; width: 100%; }
.price-range { text-align: center; padding: 20px 0 30px 0; }
.price-range img { display: inline-block; max-width: 100%; }

.filter-title { color: #8168DD; }
.unrated { padding: 10px 0 20px 0; }
.unrated ul { display: flex; align-items: center; justify-content: space-between; padding: 0; margin: 0; list-style: none; }
.unrated ul li { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #342861; line-height: 28px; border: solid 1px #F1EEFF; border-radius: 15px; 
padding: 5px 15px; margin: 0 5px; }
.unrated ul li img { width: 30px; margin-left: -10px; position: relative; top: 2px; }

.room-beds ul { padding: 0 0 15px 0; margin: 0; list-style: none; }
.room-beds ul li { display: flex; align-items: center; justify-content: space-between; padding: 12px 0; }
.room-beds ul li span { font-size: 20px; font-weight: 500; color: #342861; }

.room-beds .stepper .stepper-button-minus,
.room-beds .stepper .stepper-button-plus { width: 25px; height: 25px; background: #f1eeff; }
.room-beds .stepper .stepper-button-plus::before,
.room-beds .stepper .stepper-button-plus::after, 
.room-beds .stepper .stepper-button-minus::after { background: #342861; }
.room-beds .stepper .stepper-input-wrap input { width: 50px; height: 28px; font-size: 20px; font-weight: 500; color: #342861; }

.room-check-box {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none;
  -moz-user-select: none; -ms-user-select: none; user-select: none; }
.room-check-box input {position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark {position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #fff; border-radius: 5px; box-shadow: 0px 3px 15px rgb(59 0 255 / 19%); }
.room-check-box input:checked ~ .checkmark {background-color: #D774E8; }
.checkmark:after {content: ""; position: absolute; display: none; }
.room-check-box input:checked ~ .checkmark:after {display: block; }
.room-check-box .checkmark:after {left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg); transform: rotate(45deg); }
a.show-more-btn { display: block; font-size: 16px; font-weight: 500; color: #D774E8; padding-bottom: 20px; }  

.unrated .hotel-search-box { display: inline-block; width: 100%; top: 0; margin-bottom: 22px; box-shadow: 0px 3px 15px rgb(59 0 255 / 19%);  border-radius: 20px; }
.unrated .hotel-search-box input { color: #736C8A; }
.unrated .hotel-search-box input::placeholder { color: #736C8A; }
.unrated .hotel-search-box .search-icon-btn:before { color: #151F4D; }

.review-rating-top { display: flex; align-items: self-start; justify-content: center; padding: 20px 30px 0; box-sizing: border-box; }
.review-rating-top .price { width: 40%; font-size: 70px; font-weight: 600; color: #D774E8; }
.rating-top-right { text-align: center; width: 60%; }
.rating-top-right .revi-text { font-size: 14px; font-weight: 500; color: #7D84A5; line-height: 18px; }
.star-ratings2 { display: inline-block; width: 100%; text-align: center; padding-top: 3px; }
.star-ratings2 img { display: inline-block; width: 70%; }
.reviews-ratings1 { text-align: center; padding: 10px 10px 20px; box-sizing: border-box; }
.reviews-ratings1 img {	width: 100%; }
.follow-text { display: flex; align-items: center; width: auto; height: 19px; border: 1px solid #D774E8; border-radius: 25px; margin: 35px 20px 0 0; }
.follow-text a { display: inline-block; font-size: 10px; font-weight: 600; color: #D774E8; padding: 1px 10px; }

.write-reviews-section { padding: 40px 20px 0; box-sizing: border-box; }
.write-reviews-top { text-align: center; padding: 0 25px; box-sizing: border-box; }
.write-reviews-top h2 { font-size: 44px; font-weight: 600; color: #8168DD; padding: 0; margin: 0; }
.write-reviews-top p { font-size: 16px; font-weight: 500; color: #7D84A5; padding: 40px 15px 20px; margin: 0; }

.write-star-rating { text-align: center; }
.write-star-rating img { display: inline-block; }
.write-reviews-bottom { margin-top: 30px; }
.write-reviews-bottom textarea {display: inline-block; width: 100%; background: #fff; height: 295px; font-size: 16px; font-weight: 500; color: #342861; 
	border-radius: 10px; padding: 20px; position: relative; box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102); }
.write-reviews-bottom a.submit-btn {display: inline-block; width: 100%; text-align: center; font-family: Raleway; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px; color: #FFFFFF;
    background: #8168DD; border: none; padding: 18px 0; margin-top: 30px; border-radius: 15px; box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);  -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50); }

.profile-box { margin: 0 auto; max-width: 165px; width: 100%; text-align: center; position: absolute; left: 0; right: 0; top: -60px; z-index: 1; }
.profile-pic { margin: 0 auto 15px; text-align: center; background: #ebbaf4ad; border-radius: 100%; width: 145px; height: 145px; padding: 10px; box-sizing: border-box; position: relative; }
.profile-pic img {display: block; margin: 0 auto; width: 100%; }
.profile-pic .camera-icon {position: absolute; right: -10px; bottom: -2px; width: 60px; }
.profile-box strong { font-size: 20px; font-weight: 600; color: #fff; }
.profile-box span { font-size: 15px; font-weight: 400; color: #fff; }

.profile-bottom-content { padding: 30px 20px 0; box-sizing: border-box; }
.profile-bottom-content ul { display: flex; flex-wrap: wrap; align-items: center; padding: 0; margin: 0 -10px; list-style: none;  }
.profile-bottom-content ul li { width: 50%; text-align: center; padding: 10px; box-sizing: border-box; }
.profile-bottom-content ul li .profile-pro { background: #fff; padding: 20px; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 3px 58px rgba(59, 0, 255, 0.102);}
.profile-pro span { display: block; font-size: 16px; font-weight: 500; color: #342861; padding-top: 10px; }

.profile-bottom-content .tour-details-features-item4-button-bg { width: 70px; height: 70px; box-shadow: none; }
.profile-bottom-content .tour-details-features-item4-icn { width: 58px; height: 58px; }
.tour-details-features-item4-icn.aboutme:before { content: "\e909"; font-size: 35px; color: #D774E8; }
.tour-details-features-item4-icn.my-trips:before { content: "\e916"; font-size: 35px; color: #D774E8; }
.tour-details-features-item4-icn.notifications:before { content: "\e900"; font-size: 35px; color: #D774E8; }
.tour-details-features-item4-icn.payments:before { content: "\e912"; font-size: 35px; color: #D774E8; }
.tour-details-features-item4-icn.favourite:before { content: "\e911"; font-size: 35px; color: #D774E8; }
.tour-details-features-item4-icn.settings:before { content: "\e913"; font-size: 35px; color: #D774E8; }

.support-center-box { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 30px 0; }
.profile-support { width: 50%; padding: 10px; box-sizing: border-box; }
.pro-support { background: #D774E8; border-radius: 20px; text-align: center; padding: 10px; box-sizing: border-box; }
.pro-support img { display: block; width: 100%; }
.pro-support span { display: block; font-size: 16px; font-weight: 500; color: #fff; min-height: 50px; }
.pro-support span a { color: #fff; }
.about-me-section { padding: 0 20px 30px; box-sizing: border-box; }
.about-fild-box { display: inline-block; width: 100%; }
.about-fild-box .about-title { display: inline-block; width: 100%; font-size: 20px; font-weight: 600; color: #342861; margin: 20px 0; position: relative; }
.about-fild-box .about-title:after { content: ''; background: #8168DD; width: 5px; height: 5px; border-radius: 100%; position: absolute; left: 0; bottom: -8px; }
.about-fild { display: inline-block; width: 100%; background: #fff; border: none; padding: 10px 20px; margin: 10px 0; box-sizing: border-box; 
	border-radius: 20px; box-shadow: 0px 3px 15px rgb(59 0 255 / 19%); }
.about-fild .label { display: block; font-size: 12px; font-weight: 500; color: #CDCAD8; }
.about-fild input { display: inline-block; width: 100%; font-size: 14px; font-weight: 600; color: #342861; 
	height: 30px; line-height: 30px; border: none; box-sizing: border-box; }
.about-fild input::placeholder { color: #342861 !important; }
.about-fild.left-box { float: left; width: 47%; }
.about-fild.right-box { float: right; width: 47%; }

.my-trips-past-section ul.past-details {display: flex; align-items: center; justify-content: center; background: #fff; top: -40px; position: relative; z-index: 1;
    margin: 0 auto; max-width: 300px; width: 100%; box-sizing: border-box; border-radius: 20px; }
.my-trips-past-section ul.past-details li.tablinks {font-size: 16px; font-weight: 500; color: #342861; padding: 20px 10px; border-radius: 20px; width: 50%;
    display: inline-block; text-align: center; }
.my-trips-past-section ul.past-details li.tablinks.active { background: #D774E8; color: #fff; }
.my-trips-past-section div#Past { display: block; margin-top: -20px; }
.my-trips-past-section .upcoming-section { display: none; padding: 0 20px; box-sizing: border-box; }

.trips-past-product { display: inline-block; width: 100%; margin-bottom: 20px; }
.my-trips-past-section .about-title { display: inline-block; width: 100%; font-size: 20px; font-weight: 600; color: #342861;
    margin: 20px 0 10px; position: relative; }
.my-trips-past-section .about-title:after { content: ''; background: #8168DD; width: 5px; height: 5px; border-radius: 100%;
    position: absolute; left: 0; bottom: -8px; }
.trips-product { display: flex; align-items: self-start; justify-content: space-between; margin-top: 20px; 
	box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102); border-radius: 20px; }    
.trips-product-left { width: 50%; padding-right: 10px; box-sizing: border-box; }
.trips-product-left img { display: block; width: 100%; }
.trips-product-right { width: 50%; padding: 10px; box-sizing: border-box; }
.trips-product-right h2 { font-size: 16px; font-weight: 500; color: #342861; margin: 0; padding: 0; }
.trips-product-right p { font-size: 10px; font-weight: 400; color: #7D84A5; padding: 2px 0 0 0; margin: 0; }

.trips-text { display: flex; align-items: center; padding: 12px 0; }
.trips-text span.btn { display: flex; align-items: center; justify-content: center; width: 43px; height: 19px; 
	border: 1px solid #D774E8; border-radius: 25px; font-size: 10px; font-weight: 600; color: #D774E8; line-height: 19px; margin-right: 5px; }
.trips-text img { margin: 0 4px; }	
.trips-month { font-size: 10px; font-weight: 500; color: #7D84A5; padding-left: 15px; position: relative; margin: 0 0 10px 0; }
.trips-month:before { font-family: 'yago'; content: "\e926"; color: #8168DD; font-size: 10px; position: absolute; left: 0; }
.trips-product-right span.price { font-size: 14px; font-weight: 600; color: #D774E8; }

.upcoming-banner-box { display: inline-block; width: 100%; }
.upcoming-banner-box strong { font-size: 38px; font-weight: 600; color: #342861; }
.upcoming-banner-box strong b { font-weight: 600; color: #D774E8; }
.my-upcoming-banner { margin-left: -20px; }
.my-upcoming-banner img { max-width: 100%; }
.searching-btn { display: inline-block; width: 100%; text-align: center; padding: 50px 0; }
.searching-btn a { display: inline-block; width: 100%; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    color: #FFFFFF; background: #8168DD; border: none; padding: 18px 0 19px 0; border-radius: 15px; box-sizing: border-box;
    box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%);
    -webkit-box-shadow: 0px 10px 28px 0px rgb(215 116 232 / 50%); -moz-box-shadow: 0px 10px 28px 0px rgba(215,116,232,0.50); }
.price-range.credit-card { padding: 10px 0 20px 0; }
.credit-card-box { background: #fff; border-radius: 100px; }

.about-fild.card-fild { display: flex; align-items: center; margin-bottom: 22px; }
.card-fild .card-icon { display: flex; align-items: center; justify-content: center; background: #F1EEFF; border-radius: 100%; 
width: 50px; height: 50px; }
.card-fild .card-text { width: 70%; padding: 0 10px; box-sizing: border-box; }
.card-fild .card-text strong { font-size: 13px; font-weight: 600; color: #342861; }
.card-fild .card-text label.label { display: block; font-size: 11px; font-weight: 400; color: #CDCAD8; padding-top: 5px;   display: -webkit-box;
  -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; }

.radio-card { width: 20px; }
.radio-button {display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;
  -ms-user-select: none; user-select: none; }
.radio-card .radio-button input {position: absolute; opacity: 0; cursor: pointer; }
.radio-card .checkmark {position: absolute; top: 0; left: 0; height: 20px; width: 20px; background-color: #fff; border: solid 2px #CDCAD8; border-radius: 50%; box-shadow: none; }
.radio-card .radio-button input:checked ~ .checkmark {background-color: #fff; border: solid 2px #D774E8; }
.radio-card .checkmark:after {content: ""; position: absolute; display: none; }
.radio-card .radio-button input:checked ~ .checkmark:after {display: block; }
.radio-card .radio-button .checkmark:after {top: 6px; left: 6px; width: 8px; height: 8px; border-radius: 50%; background: #D774E8; }

.about-fild.add-new-credit-fild { display: flex; align-items: center; }
.about-fild.add-new-credit-fild input { width: 80%; font-size: 12px; color: #342861; }
.add-new-credit-fild .icon-box { display: flex; align-items: center; justify-content: center; background: #F1EEFF; 
	width: 36px; height: 36px; border-radius: 14px; margin-right: 10px; }
.add-new-credit-fild select { display: inline-block; width: 80%; font-size: 12px; color: #342861; font-weight: 600; height: 30px;
    line-height: 30px; border: none; box-sizing: border-box; background: url(../image/arrow-icon.png) no-repeat 98% center; }

.favourite-main { padding: 30px 20px 10px; box-sizing: border-box; }
.favourite-pro { display: inline-block; width: 100%; /*overflow: scroll;*/ margin-bottom: 20px; }
.favourite-pro-box { display: flex; width: 100%; align-items: center; justify-content: space-between; background: #fff; border-radius: 20px; }
.favourite-left { width: 48%; padding-right: 10px; box-sizing: border-box; }
.favourite-right { width: 52%; padding: 10px; box-sizing: border-box; }  
.favourite-right h2 { font-size: 16px; font-weight: 600; color: #342861; margin: 0; padding: 0; }  
.favourite-right p { font-size: 10px; font-weight: 500; color: #7D84A5; }
.favourite-right .star-icon { margin: 4px 0 0 -10px; }
.price-text strong { font-size: 14px; font-weight: 600; color: #D774E8; }
.price-text span { font-size: 8px; font-weight: 600; color: #D774E8; }
.delete-icon { background: #342861; height: 100%; }

.account-settings ul { padding: 10px 0 10px 0; margin: 0; list-style: none; box-sizing: border-box; }
.account-settings ul li { font-size: 14px; font-weight: 600; color: #342861; display: flex; align-items: center; justify-content: space-between; position: relative; 
	width: 100%; background: #fff; padding: 15px 20px; box-sizing: border-box; box-shadow: 0px 3px 15px rgb(59 0 255 / 19%); border-radius: 15px; margin: 0 0 15px 0; }
.account-settings ul li span { display: flex; align-items: center; font-size: 14px; font-weight: 500; color: #BEC3D9; padding-right: 38px; }
.account-settings ul li span img { width: 18px; margin-right: 8px; }
.account-settings .right-icon { display: flex; align-items: center; justify-content: center; width: 33px; height: 33px;
    box-shadow: 0 0 15px #edebeb; border-radius: 100%; position: absolute; right: 15px; }
.account-settings .right-icon:before  { font-family: 'yago'; content: "\e933"; color: #D774E8; font-size: 10px; }
.settings-country ul { padding: 30px 0 0 0; margin: 0; list-style: none; }
.settings-country ul li { font-size: 16px; font-weight: 600; color: #342861; display: flex; align-items: center; justify-content: flex-start; width: 100%; background: #fff; border: none; padding: 19px 20px; margin: 10px 0; box-sizing: border-box; 
	border-radius: 20px; box-shadow: 0px 3px 15px rgb(59 0 255 / 19%); }
.settings-country .radio-card .checkmark { top: -5px; }
.settings-country ul li img { margin: 0 10px 0 12px; width: 26px; }	
.settings-country .usd-box { padding: 0 0 0 15px; }
.settings-country span.usd-text-1 { position: relative; }
.settings-country span.usd-text-1:after { display: inline-block; content: ''; background: #CDCAD8; width: 5px; height: 5px; border-radius: 100%; margin: 0 7px; position: relative; top: -2px; }

.support-center-banner { display: inline-block; width: 100%;
background: url(../image/support-center-bg.png) no-repeat center top; background-size: 100% 100%; }
.support-center-bg { padding: 0 20px; box-sizing: border-box; }
.support-top-text { display: flex; align-items: self-end; justify-content: center; margin-top: -10px; }
.support-top-text .support-img { width: 40%; }
.support-top-text .sup-top-text { width: 60%; padding-left: 20px; padding-bottom: 20px; box-sizing: border-box; }
.support-top-text .sup-top-text strong { display: block; font-size: 34px; font-weight: 600; color: #FFFFFF; }
.support-top-text .sup-top-text span { font-size: 16px; font-weight: 500; color: #FFFFFF; display: block; }
.support-top-text .sup-top-text a.start-btn { font-size: 11px; font-weight: 400; color: #322C46; background: #fff;
    border-radius: 10px; padding: 3px 18px; display: inline-block; margin-top: 10px; }
.support-center-details { display: inline-block; width: 100%; padding: 0 10px 20px; box-sizing: border-box; }
.support-center-details p { font-size: 14px; font-weight: 500; color: #7D84A5; line-height: 24px; margin: 0; padding: 12px 0; }

.review-details-pro { display: flex; align-items: flex-start; justify-content: space-between; padding: 30px 10px 0; box-sizing: border-box; }
.review-details-pro .column-style1 img,
.review-details-pro .column-style2 img,
.review-details-pro .column-style3 img { padding: 5px; box-sizing: border-box; }

.friend-list-box { padding: 0 20px; margin: -10px; box-sizing: border-box; }
.friend-list-box ul { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding: 0; margin: 0; list-style: none; }
.friend-list-box ul li { width: 50%; padding: 10px; box-sizing: border-box; }
.friend-list-box ul li .friend-list-pro { width: 100%; background: #fefeff; border-radius: 20px; text-align: center; padding: 10px; padding-bottom: 0; 
	box-sizing: border-box; box-shadow: 0px 3px 58px rgb(0 0 0 / 10%); }
.friend-list-box ul li span { display: inline-block; width: 100%; }
.friend-list-box ul li span img { display: inline-block; }
.friend-list-box ul li strong { font-size: 14px; font-weight: 600; color: #342861; }
.friend-list-box .friend-list-pro p { font-size: 11px; font-weight: 400; color: #CDCAD8; margin: 0; padding: 0; } 
.friend-list-pro .follow-btn-box { background: #fff; box-shadow: 0px 3px 58px rgb(0 0 0 / 10%); 
	border-radius: 0 0 20px 20px; padding: 5px 0 6px; margin: 10px -10px 0; }
.friend-list-pro a.follow-btn { display: inline-block; font-size: 10px; font-weight: 600; color: #D774E8; border: solid 1px #D774E8;  border-radius: 13px; padding: 2px 10px; }

.friend-list-box.followers-list ul li { width: 100%; }
.friend-list-box.followers-list .friend-list-pro { display: flex; align-items: center; justify-content: space-between; }
.friend-list-box.followers-list .friend-list-pro span { width: 55px; }
.friend-list-box.followers-list .follower-list-text { width: 70%; text-align: left; padding: 0 15px; box-sizing: border-box; }
.friend-list-box.followers-list .friend-list-pro .follow-btn-box { background: transparent; padding: 0; margin: -20px 0 0 0; }
.friend-list-box.followers-list .friend-list-pro .follow-btn-box a.follow-btn { background: transparent; }

.splash-main-section { display: flex; width: 100%; align-items: center; text-align: center; background: url(../image/splash-main-section-bg.png) no-repeat center top; min-height: 812px; }
.splash-logo { margin: 0 auto; width: auto; }
.splash-logo img { display: inline-block; }

.onboarding-main-box { position: relative; }
.onboarding-content { padding: 80px 20px 50px; box-sizing: border-box; }
.onboarding-content h2 { font-size: 30px; font-weight: 600; color: #D774E8; margin: 0 0 10px 0; padding: 0; }
.onboarding-content p { font-size: 14px; font-weight: 400; line-height: 23px; color: #151F4D; margin: 0; padding: 0; }
.onboarding-main-img { display: inline-block; width: 100%; text-align: center; }
.onboarding-main-img img { display: inline-block; width: 100%; }

.onboarding-btns-box { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 0 20px; box-sizing: border-box; 
	position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20px;}
.onboarding-btns-box a.skip-link { font-size: 16px; font-weight: 500; color: #D774E8; }
.onboarding-btns-box a.next-btn { display: inline-block; font-size: 16px; font-weight: 500; color: #fff; background: #D774E8; border-radius: 20px; padding: 18px 55px; }

.welcome-main-box { display: inline-block; width: 100%; background: url(../image/welcome-main-bg.png) no-repeat center top; 
	min-height: 812px; padding: 50px 20px 0; box-sizing: border-box; }
.welcome-top-text span { font-size: 30px; font-weight: 600; color: #2D5CD0; line-height: 52px; }	
.welcome-top-text span b { display: block; font-size: 56px; }
.welcome-top-text p { font-size: 14px; font-weight: 400; color: #151F4D; line-height: 23px; padding: 8px 0 0 0; }

.welcome-btns { display: inline-block; width: 100%; text-align: center; padding-top: 150px; }
.welcome-btns a { display: inline-block; width: 100%;font-size: 16px; font-weight: 600; color: #8168DD; background: #fff; border-radius: 20px; 
	padding: 18px 0; margin-top: 15px; box-shadow: 0px 3px 58px rgb(0 0 0 / 10%) }
.welcome-btns a.active { background: #8168DD; color: #fff; }

.sign-up-main-box { background: url(../image/sign-bg.png) no-repeat center bottom; padding: 0 20px; box-sizing: border-box; }
.sign-up-text { padding: 90px 0 0 0; }
.sign-up-text h2 { font-size: 30px; font-weight: 600; color: #8168DD; }	
.sign-up-text p { font-size: 14px; font-weight: 400; color: #151F4D; padding: 5px 0 0 0; }
.sign-up-main-box .about-fild-box { margin-top: 100px; }
.sign-up-main-box .welcome-btns { padding-top: 20px; }

.social-icon { display: inline-block; width: 100%; text-align: center; padding: 50px 0 0 0; }
.social-icon h2 { font-size: 14px; font-weight: 600; color: #151F4D; margin: 0; padding: 0; }
.social-icon ul { display: flex; align-items: center; justify-content: center; padding: 15px 0 0 0; margin: 0; }
.social-icon ul li { padding: 0 5px; box-sizing: border-box; }

.sign-btns-box { display: flex; align-items: center; justify-content: space-between; padding: 100px 0 20px; }
.sign-btns-box a { font-size: 14px; font-weight: 600; color: #342861; position: relative; }
.sign-btns-box a.signin-link:after { font-family: 'yago'; content: "\e936"; color: #D774E8; font-size: 10px; margin-left: 8px; }

.sign-logo { display: inline-block; width: 100%; text-align: center; padding: 80px 0 0 0; }
.sign-logo img { display: inline-block; }
.sign-up-main-box .about-fild { position: relative; }
.sign-up-main-box .eye-icon { position: absolute; right: 18px; top: 18px; }
.sign-up-main-box .eye-icon:before { font-family: 'yago'; content: "\e935"; color: #B0ACBE; font-size: 20px; }
.sign-up-main-box .tick-icon { position: absolute; right: 18px; top: 18px; }
.sign-up-main-box .tick-icon:before { font-family: 'yago'; content: "\e934"; color: #56F1AC; font-size: 20px; }
.forgot-text { display: inline-block; width: 100%; text-align: right; font-size: 14px; font-weight: 500; color: #151F4D; padding-top: 12px; }

.sign-up-header-top-button { padding: 20px 20px 0; box-sizing: border-box; z-index: 1; }
.verify-phone-number { min-height: 700px; padding-top: 10px; }
.header-main-section { display: flex; width: 100%; padding: 20PX; align-items: center; justify-content: flex-start; box-sizing: border-box; }
.header-main-left { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; 
	 background: #fff; box-shadow: 0px 3px 15px rgb(59 0 255 / 19%); position: relative; }
.header-main-left:before { font-family: 'yago'; content: "\e937"; color: #D774E8; font-size: 12px; }
.header-main-section span { font-size: 18px; font-weight: 600; color: #8168DD; padding-left: 50px; box-sizing: border-box; }

.verify-phone-number p { font-size: 14px; font-weight: 400; color: #342861; line-height: 23px; }
.verify-phone-number p a { color: #D774E8; }
.verify-phone-number .verify-phone-img { position: absolute; left: 18px; top: 23px; }
.verify-phone-number .delete-icon { position: absolute; right: 18px; top: 12px; background: transparent; height: auto; }
.verify-phone-number .about-fild { padding: 15px 20px; }
.verify-phone-number .about-fild input { padding-left: 80px; }
.verify-phone-number .delete-icon { top: 15px; }
.verify-phone-number .delete-icon:before { font-family: 'yago'; content: "\e938"; color: #56F1AC; font-size: 20px; }
.verify-phone-number .welcome-btns { padding-top: 0; }
.verify-phone-number .welcome-btns a { margin-top: 10px; }

.verification-text ul { display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; list-style: none; }
.verification-text ul li { display: flex; align-items: center; justify-content: center; background: #fff; 
	border-radius: 100%; font-size: 30px; font-weight: 500; color: #000; width: 64px; height: 64px; margin: 0 8px; box-shadow: 0px 3px 15px rgb(59 0 255 / 2%); }
.verification-text ul li.active { background: #D774E8; color: #fff; }

.reset-section { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.reset-section:before { content: ''; background: #7F67DD; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.9; }
.reset-box { max-width: 295px; text-align: center; padding: 20px; box-sizing: border-box; margin: 150px auto 0; background: #D774E8; border-radius: 20px; position: relative; z-index: 1; min-height: 450px; }
.key-icon-box { text-align: center; padding: 30px 0; }
.key-icon-box img { display: inline-block; }
.reset-box strong { display: block; font-size: 20px; font-weight: 600; color: #fff; line-height: 23px; }
.reset-box a.done-btn { font-size: 16px; font-weight: 500; color: #D774E8; display: inline-block; background: #fff; 
	border-radius: 20px; padding: 18px 50px; box-shadow: 0px 3px 35px rgb(241 239 239); margin-top: 50px; }
.home-page-box { padding: 0; box-sizing: border-box; }
.home-tab-section { padding: 0 0 0 20px; box-sizing: border-box; overflow-x: scroll; }
.home-tab-section .tabs.segments { width: 420px; }.
.home-page-box .toolbar-inner { padding: 0 20px; box-sizing: border-box; }
.home-page-box .toolbar-inner a.tab-link {
	display: inline-block;
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    color: #CBC3EB;
    text-align: left;
    width: auto;
    height: auto;
}
.home-page-box .toolbar-inner a.tab-link.tab-link-active {
  color: #8168DD;
  font-weight: 600;	
}
.home-page-box .toolbar-inner a.tab-link.tab-link-active:before {
    content: '';
    background: #8168DD;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 35px;
    left: 8px;
    right: 0;
    margin: 7px 0 0 0;
    border-radius: 50%;
}
.product-tab-section { padding: 0 20px; box-sizing: border-box; }

.product-tab-box .toolbar-inner a.tab-link {
	display: inline-block;
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 6px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 29px;
    color: #CBC3EB;
    text-align: left;
    width: auto;
    height: auto;
}
.product-tab-box .toolbar-inner a.tab-link.tab-link-active {
  color: #8168DD;
  font-weight: 600;	
}
.product-tab-box .toolbar-inner a.tab-link.tab-link-active:before {
    content: '';
    background: #8168DD;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 35px;
    left: 8px;
    right: 0;
    margin: 7px 0 0 0;
    border-radius: 50%;
}
.product-tab-box .ios .toolbar { height: 50px; }

.my-trips-past-tab .toolbar.tabbar {
    max-width: 300px;
    height: 62px;
    margin: 0 auto;
    top: -40px;
    background: #fff;
    border-radius: 20px;
    padding: 0;
}
.my-trips-past-tab .toolbar.tabbar .toolbar-inner { padding: 0; }
.my-trips-past-tab .toolbar.tabbar a.tab-link {
    font-size: 16px;
    font-weight: 500;
    color: #342861;
    padding: 20px 10px;
    border-radius: 20px;
    width: 50%;
    display: inline-block;
    text-align: center;	
}
.my-trips-past-tab .toolbar.tabbar a.tab-link.tab-link-active {
    background: #D774E8;
    color: #fff;	
}
.my-trips-past-section { padding: 0 20px; box-sizing: border-box; }
.body-container { display: flex; align-items: center; justify-content: center; background: #F77163; }
.content-right { padding: 0 50px; width: 30%;
	text-align: center; color: #fff; }
.content-logo { text-align: center; padding-bottom: 10px; }
.content-logo img { display: inline-block; }
.content-right .buyn {
	background-color: #1d3a62;
	color: #ffffff;
	-webkit-border-radius: 90px;
	-moz-border-radius: 90px;
	border-radius: 90px;
	padding: 5px 20px 7px;
	display: inline-block;
	text-decoration: none;
	margin-top: 15px;
	font-weight: 600;
}
.content-right img { display: inline-block; }
.main-container { margin: 30px 0 0 0 !important; width: 375px; height: 600px; background: #424242; border-top: 20px solid;
border-top-color: currentcolor; border-top-color: currentcolor; border-bottom: 20px solid; border-bottom-color: currentcolor;
border-bottom-color: currentcolor; border-right: 8px solid; border-right-color: currentcolor; border-right-color: currentcolor; border-left: 8px solid;
    border-left-color: currentcolor; border-left-color: currentcolor; border-color: #424242; border-radius: 8% 8% 8% 8% / 6% 6% 6% 6%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
.main-container #app { border-radius: 30px; }
.home-main-page { background: #f3f8ff; }
.content-right iframe {
  border: none;
  box-shadow: none; 	
}