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; }
a { text-decoration: none;  }
@-moz-document url-prefix() {
	.page-content {
		padding-bottom: 60px !important;
	}
}
input { box-sizing: border-box; outline: none; }
.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: 20px; padding-bottom: 10px; 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; text-align: center; margin: 0 5px; }
.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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #8168DD;
    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: #8168DD; 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: #8168DD; border-radius: 0 27px 27px 0; }
.list li:hover .navbar-media-list-icn-bg2 { background: #8168DD; }
.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: #fff; opacity: 0.04; border-radius: 50%; }
.navbar-bottom-media-list-icn-bg2 { width: 37px; height: 36px; background: #fff; 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: 11%; right: 32%; }
.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; display: flex; align-items: center; justify-content: space-between; }
.navbar-inner.navbar-inner-style .header-right { width: 96px; }
p.header-screen2-left-user-name { font-family: Raleway; font-style: normal; font-weight: 500; font-size: 14px;
    line-height: 16px; color: #0d124c; margin-top: -3px; }
.container.homepage-1-header-text-area { margin-top: 90px; }
p.homepage-1-header-text { font-style: normal; font-weight: bold; font-size: 30px; line-height: 40px; color: #0d124c; width: 62%; }
span.homepage-1-header-text-span { color: #0d124c; }

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

.container.home-screen1-searchbar-categories-section { margin-top: 35px; }
.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: #000; 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: 8px; left: 9px; transform: translate(-50%, -50%); border-radius: 50%; }
.homepage-1-list-area { background: #0d124c; 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;	
  scrollbar-color: #D8D8D8 #1D1D1D;
  scrollbar-width: thin;
  -ms-overflow-style: none;
 }
.home-tab-section::-webkit-scrollbar {
  height: 5px;
}
.home-tab-section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.home-tab-section::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #d5ac68;
}
.home-tab-section::-webkit-scrollbar-thumb:hover {
  background-color: #f1db9d;
}
.home-tab-section::-webkit-scrollbar:vertical {
  display: none;
}

.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: #0d124c; 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: #0d124c; }
.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; }
/* 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-area { margin: 10px 0 10px; display: flex; }
.homepage-1-trenditem1 { position: relative; width: 100%; min-width: 195px; margin: 0 10px; }
.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: #8168DD; 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; box-shadow: none; background-color: transparent; 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: #000; letter-spacing: 1px; 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: #0d124c; }
.homepage-1-discover-places-text:before{ content: ''; background: #0d124c; 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: 10px; right: 15px; }
button.homepage-1-discover-places-item1-button {border: none; box-shadow: none; background-color: transparent; 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: #8168DD; 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: #000; }
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: #000; }
.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: #fff; 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: normal; font-size: 16px; line-height: 1.1; color: #000; }
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: 4px; }
p.best-deals-item-text1-newcity { margin-bottom: 0; font-family: Raleway; font-style: normal; font-weight: 600; font-size: 10px; line-height: 9px; color: #000; margin-top: 5px; }
p.best-deals-item-text1-newcity:before { font-family: 'yago' !important; content: "\e908"; font-size: 10px; margin-right: 2px; }
.best-deals-item-text2-reviews { display: flex; }
.best-deals-item-text2-reviews-star1:before { font-family: 'yago' !important; content: "\e90b"; font-size: 15px; color: #0d124c; margin-left: -4px; }
.best-deals-item-text2-reviews-star1:after { font-family: 'yago' !important; content: "\e90b"; font-size: 15px; color: #0d124c; margin-left: -5px; }
.best-deals-item-text2-reviews-star2:before { font-family: 'yago' !important; content: "\e90b"; font-size: 15px; color: #0d124c; margin-left: -5px; }
.best-deals-item-text2-reviews-star2:after {font-family: 'yago' !important; content: "\e90b"; font-size: 15px; color: #0d124c; margin-left: -5px; }
.best-deals-item-text2-reviews-star-half:before {font-family: 'yago' !important; content: "\e90b"; font-size: 15px; color: #0d124c; 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: #000; margin-bottom: 0; }
span.best-deals-item-text3-price-span { font-size: 8px; letter-spacing: 0.5px; }
.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: 6px; }
.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: 10px; right: 20px; }
button.homepage-1-best-deals-item-button { border: none; box-shadow: none; background-color: transparent; border-radius: 50%; position: relative; right: 10px; }
.homepage-1-best-deals-item-button-bg { 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: 10px; left: 0; transform: translate(-50%, -50%); background-color: #ffffff; }
.homepage-1-best-deals-item-button-fvrt-icn:before {font-family: 'yago' !important; content: "\e904"; color: #8168DD; 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: #000; }
p.homepage1-popular-tours-items-text2 { font-family: Raleway; font-style: normal; font-weight: 400; font-size: 10px; line-height: 12px; color: #000; 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: #000; margin-bottom: 0; margin-top: 5px; }
.homepage1-popular-tours-items-area { margin-top: 23px; display: flex; overflow-x: scroll;
  scrollbar-color: #D8D8D8 #1D1D1D;
  scrollbar-width: thin;
  -ms-overflow-style: none;
 }
.homepage1-popular-tours-items-area::-webkit-scrollbar {
  height: 5px;
}
.homepage1-popular-tours-items-area::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.homepage1-popular-tours-items-area::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #d5ac68;
}
.homepage1-popular-tours-items-area::-webkit-scrollbar-thumb:hover {
  background-color: #f1db9d;
}
.homepage1-popular-tours-items-area::-webkit-scrollbar:vertical {
  display: none;
}

.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: 10px; right: 25px; }
.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: #FFF; margin-bottom: -2px; }
p.best-offers-slider-img-text2 { font-style: normal; font-weight: bold; font-size: 33px; line-height: 44px;
    color: #FFF; margin-bottom: 0; }
span.best-offers-slider-img-text2-span { font-style: normal; font-weight: bold; font-size: 20px; line-height: 27px; color: #FFF; }
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: 40px; }
.homepage-1-top-hotels-items-area { display: flex; margin-top: 25px;
  scrollbar-color: #D8D8D8 #1D1D1D;
  overflow-y: auto;
  scrollbar-width: thin;
  -ms-overflow-style: none;
 }
.homepage-1-top-hotels-items-area::-webkit-scrollbar {
  height: 5px;
}
.homepage-1-top-hotels-items-area::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.homepage-1-top-hotels-items-area::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #d5ac68;
}
.homepage-1-top-hotels-items-area::-webkit-scrollbar-thumb:hover {
  background-color: #f1db9d;
}
.homepage-1-top-hotels-items-area::-webkit-scrollbar:vertical {
  display: none;
}

.homepage-1-top-hotels-items-text { padding: 5px 0; }
p.homepage-1-top-hotels-items-text1 { margin-bottom: 0; font-style: normal; font-weight: bold; font-size: 11px; line-height: 15px; color: #000; }
p.homepage-1-top-hotels-items-text2 {margin-bottom: 0; font-family: Raleway; font-style: normal; font-weight: 600; font-size: 9px; line-height: 13px;
    color: #000; }
p.homepage-1-top-hotels-items-text3 {margin-bottom: 0; font-family: Raleway; font-style: normal; font-weight: 600; font-size: 9px; line-height: 13px;
    color: #000; 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: #000; }
span.homepage-1-top-hotels-items-text4-span { font-size: 7px; }
.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: #000; position: absolute; top: 2px; font-size: 12px; }
.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: 0px; }
.homepage-1-footer-area { position: relative; width: 100%; top: 0px; }
.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; text-align: center; }
.homepage-1-footer-button-favourite-icn { margin-bottom: 0; text-align: center; }
.homepage-1-footer-button-notification-icn {margin-bottom: 0; text-align: center; }
.homepage-1-footer-button-profile-icn { margin-bottom: 0; text-align: center; }
.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; }
.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; }
.homepage-1-footer-button-favourite-text a { color: #7D84A5; }
.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; }
.homepage-1-footer-button-notification-text a { color: #7D84A5; }
.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; }
.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: 40px 0 0 0; display: flex; width: 40%; justify-content: center; }
.homepage-1-footer-button-center{ width: 20%; }
.homepage-1-footer-button-right { margin: 40px 0 0 0; display: flex; width: 40%; justify-content: center; } 
div.fbs1 { background-color: #ffffff; border: 0; margin: 0 8px; }
div.fbs2 { background-color: #ffffff; border: 0; margin: 0 8px; }

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

.navbar-inner.navbar-inner-style.header-top-button { margin-top: 14.16px; z-index: 5; position: absolute; width: 100%; box-sizing: border-box; }
.header-screen2-left.header-top-button-left {margin-left: 0px; }
.homepage-1-header-back-icn {width: 32px; height: 32px; background-color: white; border-radius: 50%; position: absolute; top: 11%; right: 31%; }
.homepage-1-header-back-icn:before { font-family: 'yago' !important; content: "\e917"; color: #8168DD; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.navbar.home-screen3-header { position: absolute; background: transparent; width: 100%; top: -10px; }
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: #8168DD; 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: #8168DD; }
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: #8168DD; }
.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: #8168DD; 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: #8168DD; }
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: #8168DD; 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: #8168DD; 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; width: 40%; padding-left: 16px; }
.footer-fix-right { margin: 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: #8168DD; }
button.footer-fix-right-button { font-family: Raleway; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    color: #FFF; 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: #8168DD !important; }
.tour-details li.active:after { content: ''; background: #8168DD; 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: #8168DD; }
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; margin-bottom: 40px; }
h2.tour-details-tabbing-overview-key-details-heading { font-style: normal; font-weight: bold; font-size: 20px; line-height: 27px; color: #8168DD; }
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: #8168DD; position: absolute; top: 53%;
    left: 50%; transform: translate(-50%, -50%); }
p.tour-details-tabbing-overview-key-details-list-li-text {margin: auto 4px; padding: 15px; font-family: Raleway; font-style: normal; font-weight: 600; font-size: 14px; width: 100%;
    line-height: 1.5; 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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #8168DD; 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: #000; }
p.tour-details-tabbing-review-user-name a { color: #8168DD; }
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: #8168DD; 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 #0d124c; 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: #000; 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: 0px; 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: #8168DD; 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: 20px; 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: #000; 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%); }

.photo-pinterest-page { padding: 15px; box-sizing: border-box; }
.photo-pinterest-page .toolbar.tabbar.tabbar-labels.toolbar-bottom { margin: 0 -15px; 	position: relative; }

/*------------- 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: 190px; 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 20px; font-family: Raleway; font-style: normal; font-weight: 600; font-size: 16px;
    line-height: 19px; color: #8168DD; border-radius: 20px; }
.search-flight-content-tab-li.active { background-color: #8168DD; 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: #8168DD; margin-top: 4px; width: 100%; height: 40px; }
.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: #8168DD; }
.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: #000; 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: #8168DD;
    background: #FFFFFF; border: 2px solid #F0C1F8; padding: 11px 12px 13px 12px; border-radius: 12px; box-sizing: border-box;s }
.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: #8168DD; 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: #0d124c; 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); width: 100%; }
button.search-flight-content-button-flight-search a { color: #fff; }
.search-flight-best-value-offer { padding: 10px	 16px; }

/*------------ 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 { z-index: 9999; 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: #0d124c; 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: #8168DD; margin-left: 21px; }
.flight-booking-content-flight-list-area { padding: 270px 16px 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: #8168DD; }
[type="radio"]:checked + label:before { content: ''; position: absolute; left: 0; top: 0;
    width: 18px; height: 18px; border: 2px solid #8168DD; 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: #8168DD; 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: #8168DD; 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:before { font-family: 'yago' !important; content: "\e92d"; color: #8168DD; 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: #8168DD; 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: #8168DD; }
p.sort-filter-content-departure-btn-up-morning-text1.active { color: #fff; }
p.sort-filter-content-departure-btn-up-morning-text2.active { color: #fff; }
.sort-filter-content-departure-btn-up-evening-icn:before { font-family: 'yago' !important; content: "\e92c"; color: #8168DD; 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: #fff; 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: #0d124c; }
span.flight-details-content-flight-title-name-span { color: #0d124c; }
p.flight-details-content-flight-title-date { font-family: Raleway; font-style: normal; font-weight: 600; font-size: 14px; line-height: 16px; color: #0d124c; }
.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: #000; }
p.flight-details-content-fields-form-group-right-text { font-style: normal; font-weight: bold; font-size: 24px; line-height: 32px; color: #000; }
.flight-details-content-next-btn-area { padding-left: 37px; padding-right: 36px; margin-top: 38px; margin-bottom: 38px; }

/*------------- 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  { margin-top: 260px; padding: 0 15px; box-sizing: border-box; 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; box-sizing: border-box; }

/*------------- 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: 100%; }
.my-ticket-content { width: 100%; margin-top: 115px; }
.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: #fff; }
.my-ticket-content-details { padding: 19px 22px; position: relative; z-index: 1; background-color: #fff; }
.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: #0d124c; 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: #0d124c;
    background-color: #ffffff; padding: 8px 0; width: 108px; border: 1px solid #0d124c; 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: 11px; line-height: 12px; color: #000; }
p.my-ticket-content-details-box-text2 { font-style: normal; font-weight: 600; font-size: 18px; line-height: 24px; color: #000; }
.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: 230px; padding-left: 16px; padding-right: 25px; margin-bottom: 40px; }

/*-------------- 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: 100%; }
.flight-checkout-content-payment-details-area { position: relative; z-index: 1; 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: #0d124c; }
p.my-ticket-content-details-box-payment-details-text2 { font-style: normal; font-weight: 600; font-size: 20px; line-height: 27px; color: #000; }
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: #000; }
.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 #0d124c; margin-top: 20px; padding-top: 12px; }
.flight-details-content-next-btn-area.my-ticket-btn.flight-checkout-btn { margin-top: 100px; display: inline-block; width: 100%; box-sizing: border-box; }

/*-----------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: #0d124c; }
.flight-booking-successfully-content-text h3 { font-style: normal; font-weight: bold; font-size: 38px; line-height: 48px; color: #0d124c; }
.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: #8168DD; 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: #8168DD; 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: normal; font-size: 12px; line-height: 1.1; color: #8168DD; }
p.best-deals-item-text3-price { font-style: normal; font-weight: bold; font-size: 11px; line-height: 19px; color: #8168DD; 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: #000; margin: 0; }
.flight-noti-right p { font-size: 10px; font-weight: 400; line-height: 12px; color: #000; padding: 5px 0; margin: 0; }
.flight-noti-right span { font-size: 10px; font-weight: 500; line-height: 12px; color: #000; }
.clear-all-btn { padding-bottom: 15px; }
.clear-all-btn a { float: right; font-size: 10px; font-weight: 400; color: #000; }
.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: inherit; width: 100%; }
select.select-fild {font-family: Raleway; font-style: normal; font-weight: bold; font-size: 14px; line-height: 16px; color: #8168DD; 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: #000; 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: #000; 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: #000; 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 { width: 100%; background: #0d124c; }

.deals-section { padding: 0 20px; box-sizing: border-box; }
.deals-section .homepage1-top-hotels { margin: 30px -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: -5px; }

.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-x: scroll;
    padding-left: 10px; box-sizing: border-box; background: transparent; }
.search-map-products .best-deals-item1 { min-width: 360px; margin: 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 0; }
.calendar-banner img { width: 100%; }

.choose-room-section { padding: 120px 20px 50px; 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: #0d124c; 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: #8168DD; color: #fff; border: solid 1px #8168DD; }  
.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 { 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: #0d124c; 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: #0d124c; 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: #8168DD; }
.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: #0d124c; position: relative; padding: 20px 20px 0; box-sizing: border-box; }
.details-title:before { content: ''; background: #0d124c; 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; color: #000; background: #fff url(../image/select-icon.svg) no-repeat center 20px; border: solid 1px #ccc; height: 22px; }
.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: #000; padding: 20px 10px 0; box-sizing: border-box; }
.perhaps-text a { display: flex; align-items: center; font-weight: 600; color: #000; padding: 0; position: relative; top: 5px; }
.perhaps-text a:after { display: inline-block; font-family: 'yago'; content: "\e931"; color: #000; font-size: 10px; margin-left: 5px; }
.search-flight-content-fields-form-group-text .form-control.search-flight-content-fields-input { font-size: 13px; height: 32px; padding: 0 10px; box-sizing: border-box; border: solid 1px #ddd;  }
.search-flight-content-button .search-flight-content-button-area { padding: 0 10px 40px; }
.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: #0d124c; position: relative; padding: 0; box-sizing: border-box; }
.details-photos-top strong:before { content: ''; background: #0d124c; 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: #000; }
.details-photo-ul { display: flex; overflow-x: scroll; padding: 15px 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: #000; 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: #0d124c; 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: #000; margin: 0; padding: 0 0 8px 0; }
.select-room-top-left span { font-size: 14px; font-weight: 400; color: #000; }
.select-room-top-left p { font-size: 12px; font-weight: 400; color: #000; }
.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: #000; }
.select-room-price-left span { display: block; font-size: 13px; font-weight: 600; color: #000; }
.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: #0d124c; 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: #0d124c; 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 18px 0; }
.booking-name-box span { display: block; font-size: 14px; font-weight: 400; color: #000; line-height: 30px;}
.booking-name-box strong { font-size: 16px; font-weight: 500; color: #000; 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: #000; line-height: 30px; }
.payment-price strong { font-size: 20px; font-weight: 500; color: #000; line-height: 28px; }
.payment-price.total { border-top: solid 5px #0d124c; margin-top: 10px; }
.checkout-payment .choose-text { font-size: 18px; font-weight: 500; color: #000; 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: #0d124c; 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: #0d124c; }
.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: #000; line-height: 28px; border: solid 1px #F1EEFF; border-radius: 15px; 
padding: 3px 10px; 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: 18px; font-weight: 500; color: #000; }

.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: #8168DD; }
.room-beds .stepper .stepper-input-wrap input { width: 50px; height: 28px; font-size: 16px; font-weight: 500; color: #000; text-align: center; margin: 0 8px; }

.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: #0d124c; }
.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: #342861; 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: #0d124c; }
.rating-top-right { text-align: center; width: 60%; }
.rating-top-right .revi-text { font-size: 14px; font-weight: 500; color: #000; 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 #0d124c; border-radius: 25px; margin: 35px 20px 0 0; }
.follow-text a { display: inline-block; font-size: 10px; font-weight: 600; color: #0d124c; 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: 22px; 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: #8168DD; 
	border-radius: 10px; padding: 20px; position: relative; box-shadow: 0px 3px 58px rgba(0, 0, 0, 0.102); box-sizing: border-box; }
.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; margin-bottom: 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: #8168DD; 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: #8168DD; }
.tour-details-features-item4-icn.my-trips:before { content: "\e916"; font-size: 35px; color: #8168DD; }
.tour-details-features-item4-icn.notifications:before { content: "\e900"; font-size: 35px; color: #8168DD; }
.tour-details-features-item4-icn.payments:before { content: "\e912"; font-size: 35px; color: #8168DD; }
.tour-details-features-item4-icn.favourite:before { content: "\e911"; font-size: 35px; color: #8168DD; }
.tour-details-features-item4-icn.settings:before { content: "\e913"; font-size: 35px; color: #8168DD; }

.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: #0d124c; 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: #0d124c; margin: 20px 0; position: relative; }
.about-fild-box .about-title:after { content: ''; background: #0d124c; 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: #000; }
.about-fild input { display: inline-block; width: 100%; font-size: 14px; font-weight: 600; color: #000; 
	height: 30px; line-height: 30px; border: none; box-sizing: border-box; }
.about-fild input::placeholder { color: #000 !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: #8168DD; 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: #8168DD; 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%; }
.my-trips-past-section .about-title { display: inline-block; width: 100%; font-size: 20px; font-weight: 600; color: #0d124c;
    margin: 10px 0 0; position: relative; }
.my-trips-past-section .about-title:after { content: ''; background: #0d124c; 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: #000; margin: 0; padding: 0; }
.trips-product-right p { font-size: 10px; font-weight: 400; color: #000; 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 #0000; border-radius: 25px; font-size: 10px; font-weight: 600; color: #000; line-height: 19px; margin-right: 5px; }
.trips-text img { margin: 0 4px; }	
.trips-month { font-size: 10px; font-weight: 500; color: #000; padding-left: 15px; position: relative; margin: 0 0 10px 0; }
.trips-month:before { font-family: 'yago'; content: "\e926"; color: #000; font-size: 10px; position: absolute; left: 0; }
.trips-product-right span.price { font-size: 14px; font-weight: 600; color: #000; }

.upcoming-banner-box { display: inline-block; width: 100%; }
.upcoming-banner-box strong { font-size: 38px; font-weight: 600; color: #8168DD; }
.upcoming-banner-box strong b { font-weight: 600; color: #8168DD; }
.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: #0d124c; 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: #000; }
.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 #000; }
.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: #000; }

.about-fild.add-new-credit-fild { display: flex; align-items: center; }
.about-fild.add-new-credit-fild input { width: 80%; font-size: 12px; color: #8168DD; }
.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: #8168DD; 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: #000; margin: 0; padding: 0; }  
.favourite-right p { font-size: 10px; font-weight: 500; color: #000; }
.favourite-right .star-icon { margin: 4px 0 0 -10px; }
.price-text strong { font-size: 14px; font-weight: 600; color: #000; }
.price-text span { font-size: 8px; font-weight: 600; color: #000; }
.delete-icon { background: #8168DD; 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: #000; display: flex; align-items: center; justify-content: space-between; position: relative; 
	width: 100%; background: #fff; padding: 15px 50px 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: #000; 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: #8168DD; 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: #000; }
.friend-list-box .friend-list-pro p { font-size: 11px; font-weight: 400; color: #000; 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: #0d124c; border: solid 1px #0d124c;  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: 375px; 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: #0d124c; 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: #000; }
.onboarding-btns-box a.next-btn { display: inline-block; font-size: 16px; font-weight: 500; color: #fff; background: #0d124c; 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: #0d124c; 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: #8168DD; position: relative; }
.sign-btns-box a.signin-link:after { font-family: 'yago'; content: "\e936"; color: #8168DD; 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 { padding-top: 10px; padding-bottom: 80px; }
.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: #8168DD; font-size: 12px; }
.header-main-section span { font-size: 18px; font-weight: 600; color: #0d124c; padding-left: 50px; box-sizing: border-box; }

.verify-phone-number p { font-size: 14px; font-weight: 400; color: #000; line-height: 23px; }
.verify-phone-number p a { color: #000; }
.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: #0d124c; color: #fff; }

.reset-section { position: absolute; width: 100%; left: 0; top: 0; padding-bottom: 60px; }
.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: #0d124c; 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: #8168DD; 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 10px; box-sizing: border-box;
  overflow-x: scroll;	
  scrollbar-color: #D8D8D8 #1D1D1D;
  scrollbar-width: thin;
  -ms-overflow-style: none;
 }
.home-tab-section::-webkit-scrollbar {
  height: 5px;
}
.home-tab-section::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.home-tab-section::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #d5ac68;
}
.home-tab-section::-webkit-scrollbar-thumb:hover {
  background-color: #f1db9d;
}
.home-tab-section::-webkit-scrollbar:vertical {
  display: none;
}

.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: #333; text-align: left; width: auto; height: auto; position: relative; }
.home-page-box .toolbar-inner a.tab-link.tab-link-active { color: #0d124c; font-weight: 600; }
.home-page-box .toolbar-inner a.tab-link.tab-link-active:before { content: ''; background: #0d124c; 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: #333; 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: #000; 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: #0d124c; color: #fff; }
.my-trips-past-section { padding: 0 20px; box-sizing: border-box; }


/*new css add*/
a { text-decoration: none; }
img { max-width: 100%; }
.credit-card-banner { padding-top: 10px; }
.credit-card-banner img { width: 100%; }
.profile-page { background-color: #fff; }
.searchbar-input-wrap { display: flex; align-items: center; padding: 0 10px; box-sizing: border-box; }
.searchbar-input-wrap input { width: 100%; height: 40px; padding: 0 10px; box-sizing: border-box; margin-right: 8px; }

.view-main { position: relative; }
.ios .toolbar { background: #fff; box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.11); height: 80px; }
.sidebar { position: absolute; top: 0; left: 0; height: 100%; width: 260px; background: #0d124c; 
  z-index: 100; /*transition: all 0.3s ease;*/ }
.sidebar.close { width: 0px; }

.sidebar {
  overflow-y: scroll;
  scrollbar-color: #D8D8D8 #1D1D1D;
  scrollbar-width: thin;
  -ms-overflow-style: none;
}
.sidebar::-webkit-scrollbar {
  height: 5px;
}
.sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0);
}
.sidebar::-webkit-scrollbar-thumb {
  height: 5px;
  background-color: #d5ac68;
}
.sidebar::-webkit-scrollbar-thumb:hover {
  background-color: #f1db9d;
}
.sidebar::-webkit-scrollbar:vertical {
  display: none;
}
.product.segments-bottom .row { display: flex; align-items: flex-start; justify-content: center; }
.product.segments-bottom .row .col-50 { display: inline-block; width: 50%; padding: 0 5px; box-sizing: border-box; }

.sidebar .logo-details { height: 60px; width: 100%; display: flex; align-items: center; }
.sidebar .logo-details i { font-size: 30px; color: #fff; height: 50px; min-width: 78px; text-align: center; line-height: 50px; }
.sidebar .logo-details .logo_name { font-size: 22px; color: #fff; font-weight: 600; transition: 0.3s ease; transition-delay: 0.1s; }
.sidebar.close .logo-details .logo_name { transition-delay: 0s; opacity: 0; pointer-events: none; }
.sidebar .nav-links { padding: 20px; padding-bottom: 0; }
.sidebar .nav-links::-webkit-scrollbar { display: none; }
.sidebar .nav-links li { position: relative; list-style: none; transition: all 0.4s ease; padding: 8px 0;  }
.sidebar .nav-links li .icon-link { display: flex; align-items: center; justify-content: space-between; }
.sidebar.close .nav-links li .icon-link { display: block; }
.sidebar .nav-links li i { height: 50px; min-width: 78px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; cursor: pointer; transition: all 0.3s ease; }
.sidebar .nav-links li.showMenu i.arrow { transform: rotate(-180deg); }
.sidebar.close .nav-links i.arrow { display: none; }
.sidebar .nav-links li a { display: flex; align-items: center; text-decoration: none; justify-content: start; }
.sidebar .nav-links li a .link_name { font-size: 16px; font-weight: 400; color: #fff; transition: all 0.4s ease; }
.sidebar.close .nav-links li a .link_name { opacity: 0; pointer-events: none; }
.sidebar .nav-links li .sub-menu { padding: 6px 6px 14px 80px; margin-top: -10px; background: #1d1b31; display: none; }
.sidebar .nav-links li.showMenu .sub-menu { display: block; }
.sidebar .nav-links li .sub-menu a { color: #fff; font-size: 15px; padding: 5px 0; white-space: nowrap; opacity: 0.6; transition: all 0.3s ease; }
.sidebar .nav-links li .sub-menu a:hover { opacity: 1; }
.sidebar.close .nav-links li .sub-menu { position: absolute; left: 100%; top: -10px; margin-top: 0; padding: 10px 20px;
  border-radius: 0 6px 6px 0; opacity: 0; display: block; pointer-events: none; transition: 0s; }
.sidebar.close .nav-links li:hover .sub-menu { top: 0; opacity: 1; pointer-events: auto; transition: all 0.4s ease; }
.sidebar .nav-links li .sub-menu .link_name { display: none; }
.sidebar.close .nav-links li .sub-menu .link_name { font-size: 18px; opacity: 1; display: block; }
.sidebar .nav-links li .sub-menu.blank { opacity: 1; pointer-events: auto; padding: 3px 20px 6px 16px; opacity: 0; pointer-events: none; }
.sidebar .nav-links li:hover .sub-menu.blank { top: 50%; transform: translateY(-50%); }
.sidebar .profile-details { position: fixed; bottom: 0; width: 260px; display: flex; align-items: center;
  justify-content: space-between; background: #1d1b31; padding: 12px 0; transition: all 0.5s ease; }
.sidebar.close .profile-details { background: none; }
.sidebar.close .profile-details { width: 78px; }
.sidebar .profile-details .profile-content { display: flex; align-items: center; }
.sidebar .profile-details img { height: 52px; width: 52px; object-fit: cover; border-radius: 16px; margin: 0 14px 0 12px; background: #1d1b31; transition: all 0.5s ease; }
.sidebar.close .profile-details img { padding: 10px; }
.sidebar .profile-details .profile_name,
.sidebar .profile-details .job {color: #fff; font-size: 18px; font-weight: 500; white-space: nowrap; }
.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job { display: none; }
.sidebar .profile-details .job { font-size: 12px; }
.home-section { position: relative; background: #e4e9f7; height: 100vh; left: 260px; width: calc(100% - 260px); transition: all 0.5s ease; }
.sidebar.close ~ .home-section { left: 0; width: 100%; }
.home-section .home-content { height: 60px; display: flex; align-items: center; }
.home-section .home-content .bx-menu,
.home-section .home-content .text { color: #11101d; font-size: 35px; }
.home-section .home-content .bx-menu { margin: 0 15px; cursor: pointer; }
.home-section .home-content .text { font-size: 26px; font-weight: 600; }
.nav-links.nav-links-first .link_name { display: flex; justify-content: space-between; width: 100%; }
.nav-links.nav-links-first .link_name .maclean-box { width: 100%; padding-top: 0; margin: 0; }
.nav-links-first .link_name .maclean-box .menu-pic { width: 65px; }

@media (max-width: 420px) {
  .sidebar.close .nav-links li .sub-menu {
    display: none;
  }
}

/*new css end*/

.body-container { display: flex; align-items: center; justify-content: center; background: #4DCCFF; }
.main-container { max-width: 375px; margin: 0 auto; }
.homepage-1-trenditem1.home-trenditem1 { margin-right: 30px; }
.about-flight-title01 { margin-top: -80px; }
.search-flight-title.add-new-credit-card-title { margin-left: -80px; }
.notification-flight.add-new-credit-card-notification { padding-top: 20px; padding-bottom: 20px; }
.add-new-credit-card-price-range { padding: 10px 0 12px 0; }
.icon-box.add-new-credit-icon-box { width: 56px; }
.add-new-credit-searching-btn { padding: 20px 0 30px; }
.about-fild-box.change-password-fild { margin-top: 50px; }
.about-fild.change-password-about-fild { padding-bottom: 5px; }
.about-fild.change-password-about-fild input { padding-left: 0; }
.about-fild.change-password-about-fild02 { padding-bottom: 5px; }
.about-fild.change-password-about-fild02 input { padding-left: 0; }
.search-flight-title.favourite-title { margin-left: -80px; }
.about-fild-box.forgot-password { margin-top: 50px; }
.forgot-password .about-fild input { padding-left: 0; } 
.notification-flight.notification-page { padding-top: 30px; padding-bottom: 30px; }
.page.onboarding-page { background: #fff !important; }
.credit-card-box.payment-method-text { padding-bottom: 10px; }
.searching-btn.payment-method-searching-btn { padding: 40px 0; }
.about-fild-box.phone-verification-text { margin: 30px 0; }
.photo-pinterest-img img { width: 100%; }
.hotel-details-top-box.profile-user-name { min-height: 70px; }
.pro-support.profile-pro-support { background: #0d124c; }
.review-details { padding-top: 30px; }
.reviews-page-text { padding-top: 30px; }
.room-main-box.support-center-details { margin: 0; }
.about-fild-box.verify-phone-number { margin-top: 30px; }