body { font-family: 'Barlow', 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: 'Barlow', 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; }
img { max-width: 100%; }
.page.page-home { padding-bottom: 0px !important; }
.ios a { color: #3160A2; }
.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: 12px !important; padding-right: 12px !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*/
.footer.toolbar { background: #fff; box-shadow: 0px 0px 16px rgba(20, 121, 255, 0.35); height: 75px; max-width: 100%; margin: 0 auto; border-radius: 0px; }
.footer.toolbar .toolbar-inner { display: flex; justify-content: center; align-items: center; height: 100%; }
.ios .toolbar::before { display: none; }
.footer.toolbar a.tab-link { padding: 0 22px; color: #888; font-size: 0; position: relative; text-decoration: none; }
.footer.toolbar a.tab-link.tab-link-active:before {display: flex; align-items: center; justify-content: center; background: #0d124c; width: 52px;
   height: 52px; border-radius: 100px; color: #fff; }
.footer.toolbar 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 .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; }
.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: #fff; width: 10px; height: 10px; }
/*--- 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; }

/*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: 12px 0 0; border: 0; background: #eee; width: 25px; }
.stepper .stepper-button-minus::after { width: 10px; height: 2px; background: #999; }
.stepper .stepper-input-wrap { border: 0; }
.stepper .stepper-input-wrap input { color: #1948ff; font-size: 13px; font-weight: 500; width: 30px; }
.stepper .stepper-button-plus { border-radius: 0 0 12px 0; border: 0; background: #eee; width: 25px; }
.stepper .stepper-button-plus::before { height: 10px !important; height: 2px; background: #999; }
.stepper .stepper-button-plus::after { width: 10px; height: 2px; background: #999; }

/*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: #1D3A62; }
.sheet-modal .sheet-modal-inner.segments { padding: 10px 0 0; }
.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); }
/*Home page*/
.navbar.navbar-home-page { position: absolute; right: 0; left: 0; top: 12px; margin: 0 auto; background: transparent; border: none; }
.navbar.navbar-home-page:before,
.navbar.navbar-home-page:after { display: none; }
.home-main-banner { text-align: center; position: relative; }
.home-main-banner img { width: 100%; }
.home-main-banner .banner-text { width: 100%; text-align: left; padding-left: 15px; padding-right: 15px; position: absolute; left: 0; top: 32%; box-sizing: border-box; }
.home-main-banner .banner-text h2 { font-size: 50px; font-weight: 700; color: #1D1D1D; padding: 0; }
.home-main-banner .banner-text h3 { font-size: 13px; font-weight: 600; color: #1D1D1D; padding: 0 0 8px 0; }
.home-main-banner .owl-carousel .owl-dots { display: flex; justify-content: flex-start; align-items: center; position: absolute; bottom: 28px; left: 0; right: 0; 
box-sizing: border-box; padding: 0 15px; }
.home-main-banner .owl-carousel .owl-dots .owl-dot { padding: 0 5px; }
.home-main-banner .owl-carousel .owl-dots .owl-dot span { background: #B1B1B1; width: 5px; height: 5px; border-radius: 50%; display: inherit; }
.home-main-banner .owl-carousel .owl-dots .owl-dot.active span { background: #B1B1B1; width: 10px; height: 10px; }
.home-main-banner .banner-shop-now { padding-top: 12px; }
.home-main-banner .banner-shop-now .shop-now { font-size: 10px; font-weight: 600; text-transform: uppercase; color: #fff; background: #1D1D1D; border-radius: 50px; padding: 4px 10px; }

.home-cloth-title { display: flex; align-items: center; justify-content: space-between; padding: 28px 15px 14px 15px; }
.home-cloth-title .cloth-title-left { padding-right: 20px; position: relative; }
.home-cloth-title .cloth-title-left:before { content: ''; width: 16px; height: 3px; background: #FEB300; position: absolute; left: 0; top: -8px; }
.home-cloth-title .cloth-title-left h2 { font-size: 18px; font-weight: 700; color: #1D1D1D; }
.show-all-link a { font-size: 12px; font-weight: 500; color: #949494; }

.home-product-top-bar { padding-bottom: 75px; }
.home-product-main { display: flex; flex-wrap: nowrap; overflow-x: scroll; margin-left: 15px; padding-bottom: 10px; }
.home-product-section .home-product { min-width: 146px; width: 100%; padding: 0 6px; }
.home-product-section .home-product-img .wishlist-icon2 { width: 26px; height: 26px; }
.home-product-section .home-product-img .wishlist-icon2:before { font-size: 8px; }
.home-product-section02 .home-cloth-title { padding-bottom: 20px; }
.home-product-section02 .home-product { min-width: 210px; width: 100%; padding: 0 6px; }
.home-product-section02 .home-product .content { display: flex; align-items: flex-start; justify-content: flex-start; }
.home-product-section02 .home-product .content .home-product-img { width: 82px; margin-right: 12px; }
.home-product-section02 .home-product .content .text { width: 100%; padding: 0; }
/*Home page end*/

.product-page-slider { text-align: center; position: relative; }
.product-page-slider img { width: 100%; }
.product-page-slider .banner-text { width: 100%; padding-left: 15px; padding-right: 15px; position: absolute; left: 0; top: 45%; box-sizing: border-box; }
.product-page-slider .banner-text h2 { font-size: 32px; font-weight: 700; color: #fff; }
.product-page-slider .banner-text h3 { font-size: 12px; font-weight: 400; color: #fff; padding: 8px 0 0 0; }
.product-page-slider .owl-carousel .owl-dots { display: flex; justify-content: center; align-items: center; position: absolute; bottom: 28px; left: 0; right: 0; }
.product-page-slider .owl-carousel .owl-dots .owl-dot { padding: 0 5px; }
.product-page-slider .owl-carousel .owl-dots .owl-dot span { background: #ebc9a7; width: 5px; height: 5px; border-radius: 50%; display: inherit; }
.product-page-slider .owl-carousel .owl-dots .owl-dot.active span { background: #fff; width: 10px; height: 10px; }

.cloth-title { display: flex; align-items: center; justify-content: space-between; padding: 15px 0 20px 0; }
.cloth-title .cloth-title-left h2 { font-size: 24px; font-weight: 700; color: #1D1D1D; }
.cloth-title .cloth-title-left h3 { font-size: 11px; font-weight: 400; color: #949494; padding: 5px 0 0 0; }

.product .content .home-product-img { position: relative; }
.product .content .text .title-product { padding: 0; margin: 0; }
.product .content .text .title-product a { font-size: 13px; font-weight: 700; color: #1D1D1D; line-height: 18px; text-decoration: none; }
.product .content .text .price { font-size: 11px; font-weight: 400; color: #1D1D1D; }
.home-product-img .wishlist-icon2 { display: flex; width: 28px; height: 28px; align-items: center; justify-content: center; position: absolute; right: 10px; top: 10px; font-size: 0; background: #fff; border-radius: 50px; }
.home-product-img .wishlist-icon2:before { font-family: 'medcure'; content: "\e905"; color: #FEB300; font-size: 12px; margin: 2px 0 0 0px; }
.home-product-img .product-new { font-size: 8px; font-weight: 400; color: #1D1D1D; background: #fff; position: absolute; bottom: 18px; left: 18px;
   padding: 3px 10px; border-radius: 50px; }

.header-remove-icon { font-size: 0; position: absolute; left: 10px; top: 23px; cursor: pointer; }
.header-remove-icon:before { font-family: 'medcure'; content: "\e908"; color: #1D1D1D; font-size: 12px; font-weight: 600; }
.search-text-box { width: 100%; text-align: center; padding: 20px 10px; position: relative; }
.search-text-box label { font-size: 14px; font-weight: 600; color: #1D1D1D; }
.collection-box { display: inline-block; width: 100%; padding: 20px 10px 0; box-sizing: border-box;}
.collection-box ul li { display: inline-block; width: 100%; position: relative; font-size: 12px; font-weight: 600; color: #1D1D1D; border-bottom: solid 1px #eaeaea; padding: 20px 15px 20px 28px; box-sizing: border-box; }
.collection-box ul li:before { font-family: 'medcure'; content: "\e909"; color: #949494; font-size: 15px; font-weight: 400; position: absolute; left: 0; top: 18px; }

#tab-cart { background: rgba(39, 39, 39, 1); z-index: 999; }
.cart.segments { padding-top: 10px; background: #fff; border-radius: 0 0 10px 10px; }
.ios .searchbar-icon { right: 0; left: auto; margin-top: 0; width: auto; height: auto; }
.searchbar .searchbar-input-wrap .searchbar-icon:after { font-family: 'medcure'; content: "\e903"; color: #949494; font-size: 25px; }
.mincart-product { width: 100%; border-bottom: solid 1px #eaeaea; padding: 18px 0; }
.checkout-button-box { padding: 40px 30px; box-sizing: border-box; }
.checkout-button-box .checkout-button { font-size: 12px; font-weight: 400; color: #fff; background: #1D1D1D; border: solid 1px #1D1D1D; border-radius: 50px; 
height: 50px; line-height: 48px; filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.161)); }
.navbar.cart-navbar-page:before,
.navbar.cart-navbar-page:after { display: none; }
.header-right .cart-share-icon:before { font-family: 'medcure'; content: "\e90b"; color: #1D1D1D; font-size: 20px; }
.mincart-product .number-goods { position: absolute; bottom: auto; top: 2px; right: 0; }
.mincart-product .number-goods select { border: solid 1px #1D1D1D; border-radius: 50px; width: 48px; height: 20px; padding: 0 10px; color: #1D1D1D; appearance: auto; }
.cart .content-cart .title-product .product-info { padding: 0 0 0 15px; }
.mincart-product .title-product { margin: 0; }
.mincart-product .title-product a { font-size: 12px; font-weight: 600; color: #1D1D1D; }
.mincart-product .price { font-size: 10px; font-weight: 400; color: #1D1D1D; padding: 5px 0 8px 0; }
.mincart-product .size-color { font-size: 10px; font-weight: 400; color: #949494; }

/*New home page css*/
html.with-panel-left-cover .panel-left { background: #1D3A62; width: 300px; padding: 0px; scrollbar-color: #82A3CA #82A3CA; scrollbar-width: thin; }
.remove-icon { font-size: 0; position: absolute; right: 20px; top: 20px; z-index: 999999; width: 30px; height: 30px; left: auto; background: transparent !important; }
.remove-icon::before { font-family: 'medcure'; content: "\e905"; font-size: 15px; color: #fff; position: absolute; right: 20px; top: 0; z-index: 99; cursor: pointer; }

.maclean-box { display: flex; justify-content: space-between; align-items: center; padding: 20px 0px 0 0px; box-sizing: border-box; }
.maclean-box .menu-profile-img { display: inline-block; width: 80%; padding: 10px; box-sizing: border-box; text-align: center; border-radius: 10px;
 background: url("../images/menu-profile-bg.png") no-repeat center center; }
.maclean-box .menu-profile-text { width: 80%; padding-left: 15px; }
.maclean-box .menu-profile-text h2 { font-size: 20px; font-weight: 600; color: #fff; }
.maclean-box .menu-profile-text .profile-email { font-size: 14px; font-weight: 500; color: #fff; }

.list.accordion-list .top-menu { background: #1D3A62; text-align: left; padding: 50px 0 10px 0; }
.list.accordion-list .top-menu:before,
.list.accordion-list .top-menu:after { display: none; }
.list.accordion-list .top-menu li { padding: 5px 0; position: relative; }
.list.accordion-list .top-menu li a { display: flex; width: 80%; align-items: center; font-size: 16px; font-weight: 500; color: #fff; position: relative; 
padding: 10px 25px; box-sizing: border-box; }
.list.accordion-list .top-menu li a:before { display: flex; align-items: center; justify-content: center; font-family: 'medcure'; font-size: 15px; content: ''; width: 28px; height: 28px; 
	margin-right: 12px; background: #000306; border-radius: 10px; }
.list.accordion-list .top-menu li a.active,
.list.accordion-list .top-menu li a:hover { color: #3160A2; background: #edf4ff; border-radius: 0 30px 30px 0; }
.list.accordion-list .top-menu li a.active:before,
.list.accordion-list .top-menu li a:hover:before { background: #fff; color: #000306; }
.list.accordion-list .top-menu li.sign-out { padding-top: 15px; }
.list.accordion-list .top-menu li a.profile:before { content: "\e92c"; }
.list.accordion-list .top-menu li a.appointments:before { content: "\e927"; font-size: 13px; }
.list.accordion-list .top-menu li a.doctors:before { content: "\e903"; }
.list.accordion-list .top-menu li a.medicines:before { content: "\e92f"; }
.list.accordion-list .top-menu li a.reminder:before { content: "\e90f"; }
.list.accordion-list .top-menu li a.payment:before { content: "\e928"; }
.list.accordion-list .top-menu li a.address:before { content: "\e900"; }
.list.accordion-list .top-menu li a.chats:before { content: "\e91d"; font-size: 13px; }
.list.accordion-list .top-menu li a.notification1:before { content: "\e900"; }
.list.accordion-list .top-menu li a.settings:before { content: "\e930"; }
.list.accordion-list .top-menu li a.sign-out1:before { content: "\e931"; }

.toolbar-bottom .toolbar-inner .tab-link { font-family: 'medcure'; color: #000; }
.toolbar-bottom .toolbar-inner .tab-link.home:before { content: "\e801"; font-size: 20px; }
.toolbar-bottom .toolbar-inner .tab-link.search:before { content: "\e805"; font-size: 20px; }
.toolbar-bottom .toolbar-inner .tab-link.wishlist:before { content: "\e804"; font-size: 20px; }
.toolbar-bottom .toolbar-inner .tab-link.cart:before { content: "\e803"; font-size: 20px; }
.toolbar-bottom .toolbar-inner .tab-link.my-account:before { content: "\e802"; font-size: 20px; }

.header-top-bar .header-title { font-size: 18px; font-weight: 500; color: #000; }
.navbar-inner .back-link .back-icon { display: inline-block; margin: 0; position: relative; top: -1px; }
.header-top-bar .right-header { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); display: flex; border-radius: 10px; width: 30px;
height: 30px; box-sizing: border-box; align-items: center; justify-content: center; }

.home-contener { padding: 0 15px; }
.main-container { max-width: 375px; margin: 0 auto; }
.home-main-page { background: #f3f8ff; }
.ios .tabbar a.tab-link, 
.ios .tabbar-labels a.tab-link, 
.ios .tabbar a.link, 
.ios .tabbar-labels a.link { min-width: 60px !important; }
.home-top-bar { padding: 15px; }
.header-top-bar { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); 
	border-radius: 0px; padding: 20px 15px; background: #fff; border-bottom: solid 2px #e8e7e7; }
.back-link { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); display: flex; border-radius: 10px; width: 30px; height: 30px;
	box-sizing: border-box; align-items: center; justify-content: center;  }

.bell-icon { width: 80px; height: 75px; position: absolute; right: 0; top: 20px; background: url("../images/bell-icon-bg.svg") no-repeat center center;
	background-size: 100% 100%; display: flex; align-items: center; justify-content: center; }
.bell-icon span.bell { background: #fff; width: 30px; height: 30px; border-radius: 100px; display: flex; align-items: center;
	justify-content: center; position: relative; top: -15px; right: -9px; }
.bell-icon span.bell:before { font-family: 'medcure'; content: "\e900"; font-size: 16px; color: #000; }
.home-top-text span { display: block; font-size: 14px; font-weight: 500; color: #000; border-bottom: solid 2px #e8e7e7; padding: 20px 15px 30px 15px; margin: 0 -15px 10px; }
.home-top-text strong { font-size: 36px; font-weight: 600; line-height: 42px; color: #000; }

.search-menu-bar { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px 30px; }
.search-box { width: 80%; padding-right: 10px; position: relative; }
.search-box input { width: 100%; height: 46px; border: none; outline: none; background: #fff; font-size: 13px; font-weight: 500; color: #516E95; border-radius: 10px; padding: 0 20px 0 38px; 
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.102); }
.search-box input::placeholder { color: #516E95 !important; }
.search-box .search-icon { font-size: 0; position: absolute; top: 12px; left: 12px; }
.search-box .search-icon:before { font-family: 'medcure'; content: "\e907"; font-size: 16px; color: #000; }

.search-box .search-remove-icon { font-size: 0; position: absolute; top: 12px; right: 20px; background: #E7F0FF; width: 18px;
height: 18px; display: flex; justify-content: center; align-items: center; border-radius: 100px; }
.search-box .search-remove-icon:before { font-family: 'medcure'; content: "\e905"; font-size: 7px; color: #000; }
.search-menu-bar .menu-bar { display: flex; align-items: center; justify-content: center; background: #0d124c; width: 20%; height: 46px; border-radius: 10px; position: relative; }
.search-menu-bar .menu-bar .navbar-inner .header-menu-icon { width: 100%; font-size: 0; }
.search-menu-bar .menu-bar .navbar-inner .header-menu-icon:before { display: flex; font-family: 'medcure'; content: "\e904"; font-size: 16px; color: #fff; justify-content: center; }
.home-banner { position: relative; }
.home-banner-text { position: absolute; top: 12px; left: 20px; }
.home-banner-text h2 { font-size: 33px; color: #fff; font-weight: 500; margin: 0; padding: 0; }
.home-banner-text p { font-size: 12px; color: #fff; font-weight: 500; margin: 0; padding: 5px 0; }
.order-now-btn { display: inline-block; width: auto; padding-top: 10px; }
.order-now-btn .home-order-now { display: flex; align-items: center; justify-content: center; font-size: 10px; color: #000; font-weight: 500; background: #fff; position: relative;
padding: 5px 10px; border-radius: 5px; }
.order-now-btn .home-order-now:after { font-family: 'medcure'; content: "\e906"; font-size: 6px; color: #3160A2; margin-left: 5px; }
.home-banner .swiper-pagination { position: initial !important; margin-top: 15px; }
.home-banner .swiper-pagination-bullets .swiper-pagination-bullet { background: #404040 !important; width: 6px !important; height: 6px !important; border-radius: 5px !important; }
.home-banner .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1D3A62 !important; width: 14px !important; }
/**/
.services-section { padding-top: 20px; }
.services-section h2 { font-size: 22px; font-weight: 600; color: #000; }
.services-section .services-item-box { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 20px 0 0 0; margin: 0 -8px; }
.services-section .services-item-box .services-item { width: 33.33%; text-align: center; padding: 8px; box-sizing: border-box; position: relative; }
.services-section .services-item-box .services-item .services-text { position: relative; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 8px; padding: 10px; }
.services-section .services-item-box .services-item .services-text:before { font-family: 'medcure'; content: ""; font-size: 42px; color: #fff; font-weight: 400; }
.services-section .services-item-box .services-item .doctor { background: #D26096; }
.services-section .services-item-box .services-item .doctor:before { content: "\e903"; }
.services-section .services-item-box .services-item .pharmacy { background: #37A26C; }
.services-section .services-item-box .services-item .pharmacy:before { content: "\e90e"; }
.services-section .services-item-box .services-item .reminder { background: #1D3A62; }
.services-section .services-item-box .services-item .reminder:before { content: "\e90f"; }
.services-section .services-item-box .services-item .ambulance { background: #1D3A62; }
.services-section .services-item-box .services-item .ambulance:before { content: "\e908"; }
.services-section .services-item-box .services-item .hospital { background: #E3941B; }
.services-section .services-item-box .services-item .hospital:before { content: "\e90c"; }
.services-section .services-item-box .services-item .diagnostic { background: #D26096; }
.services-section .services-item-box .services-item .diagnostic:before { content: "\e90a"; }
.services-section .services-item-box .services-item .services-text span { display: inline-block; width: 100%; font-size: 13px; color: #fff; font-weight: 500; }
.services-section .services-item-box .services-item .services-text span a { color: #fff; }
.services-section.offers-box { padding-bottom: 10px; }

.special-title { display: flex; align-items: center; justify-content: space-between; }  
.special-title .view-all-btn { font-size: 13px; color: #000; font-weight: 500; }
.special-main { display: flex; align-items: flex-start; overflow-x: scroll; padding: 20px 0 20px 20px; margin: 0 -15px 0 -25px; scrollbar-color: #1D3A62 #ccc; scrollbar-width: thin; }
.special-main .special-box { min-width: 128px; text-align: center; padding: 5px 8px; box-sizing: border-box; position: relative; }
.special-main .special-box .special-text-box { background: #fff; position: relative; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 8px; padding: 10px; 
	box-sizing: border-box; text-align: center; }
.special-main .special-box .special-text-box:before { font-family: 'medcure'; content: ""; font-size: 48px; color: #1D3A62; font-weight: 400; }
.special-main .special-box .special-text-box.cardiology { background: #fff; }
.special-main .special-box .special-text-box.cardiology:before { content: "\e909"; }
.special-main .special-box .special-text-box.gastrology2 { background: #fff; }
.special-main .special-box .special-text-box.gastrology2:before { content: "\e90b"; }
.special-main .special-box .special-text-box.neurology { background: #fff; }
.special-main .special-box .special-text-box.neurology:before { content: "\e90d"; }

.special-main .special-box .special-text-box.psychologist:before { content: "\e917"; }
.special-main .special-box .special-text-box.pediatrician:before { content: "\e916"; }
.special-main .special-box .special-text-box.surgeons:before { content: "\e918"; }
.special-main .special-box .special-text-box.oncologist:before { content: "\e914"; }
.special-main .special-box .special-text-box.allergist:before { content: "\e910"; }
.special-main .special-box .special-text-box.dentist:before { content: "\e911"; }
.special-main .special-box .special-text-box.dermatologist:before { content: "\e912"; }
.special-main .special-box .special-text-box.gynecologist:before { content: "\e913"; }
.special-main .special-box .special-text-box.orthopedist:before { content: "\e915"; }
.special-main .special-box .special-text-box span { display: inline-block; width: 100%; font-size: 15px; color: #000; font-weight: 500; }
.special-main .special-box .special-text-box span a { color: #000; }
.doctors-box .special-box { min-width: 180px; }
.doctors-box .special-box .special-text-box { padding: 20px 10px; }
.roboto-img { display: inline-block; width: 100%; text-align: center; }
.roboto-img img { display: inline-block; }
.doctors-box .special-box p { font-size: 12px; color: #516E95; font-weight: 400; }
.special-box .home-star { display: inline-block; font-size: 12px; font-weight: 500; color: #fff; background: #1D3A62; 
	position: relative; border-radius: 10px; padding: 3px 10px 4px; margin-top: 15px; }
.special-box .home-star:after { content: ""; background: url("../images/star-icon.svg") no-repeat center center; }
.offers-main-box { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -8px; padding: 20px 0; }
.offers-main-box .offers-box { width: 50%; padding: 8px; box-sizing: border-box; }
.offers-main-box .offers-box .offer-text { display: flex; align-items: flex-end; width: 100%; border-radius: 8px; background: #1D3A62; 
	box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); padding: 18px 15px; box-sizing: border-box; }
.offers-box .offer-left { width: 60%; padding-right: 10px; }
.offers-box .offer-left .medicine-bg { display: inline-block; font-size: 12px; font-weight: 600; color: #fff; padding: 0 15px; margin: 0 0 5px -15px; background: url("../images/medicine-bg.svg") no-repeat left center; }
.offers-box .offer-left strong { display: inline-block; width: 100%; font-size: 15px; font-weight: 500; color: #fff; }
.offers-box .offer-left .home-order-now { display: flex; max-width: 55px; align-items: center; justify-content: center; font-size: 8px; color: #3160A2; font-weight: 500; background: #fff; position: relative;
padding: 4px; border-radius: 5px; margin-top: 5px; }
.offers-box .offer-left .home-order-now:after { font-family: 'medcure'; content: "\e906"; font-size: 6px; color: #3160A2; margin-left: 5px; }
.offers-box .offer-right { width: 40%; }
/**/

.specialties-main { display: inline-block; width: 100%; padding-top: 20px; }
.specialties-box { flex-wrap: wrap; overflow: visible; margin: 0; padding: 0 15px 30px; box-sizing: border-box; }
.special-main.specialties-box .special-box { width: 33.33%; min-width: 33.33%; padding: 8px; }
.special-main.specialties-box .special-box span { font-size: 12px; }

/**/
.tabs-top-section { display: flex; padding: 0 0 0 20px; box-sizing: border-box; overflow-x: scroll; scrollbar-color: #ccc #ccc; scrollbar-width: thin; }
.tabs-top-section .tabs-button { display: block; width: 100%; min-width: 110px; padding: 8px 10px; margin: 20px 5px; font-size: 12px; text-transform: uppercase; cursor: pointer;
    position: relative; color: #000; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; border: none; }
.tabs-bottom-section { display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; }
.tabs-top-section .tabs-button.active { background: #0d124c; color: #fff; }

.tabs-product-main { background: #fff; border-radius: 15px 15px 0 0; margin: 20px 0; }
.tabs-product-box { display: flex; align-items: flex-start; justify-content: space-between; padding: 15px; box-sizing: border-box; }
.tabs-product-box .tabs-product-left { width: 80px; }
.tabs-product-box .tabs-product-right { width: 80%; padding-left: 25px; box-sizing: border-box; }
.tabs-product-box .tabs-product-right h2 { margin: 0; font-size: 16px; font-weight: 500; color: #3160A2; }
.tabs-product-box .tabs-product-right p { margin: 0; padding: 5px 0; font-size: 14px; font-weight: 400; color: #000; }
.tabs-product-box .tabs-product-right .time { font-size: 14px; font-weight: 500; color: #000; position: relative; }
.tabs-product-box .tabs-product-right .time:before { font-family: 'medcure'; content: "\e91b"; font-size: 14px; color: #1D3A62; margin-right: 10px; }
.tabs-product-box .tabs-product-right .price-exp-box { font-size: 13px; font-weight: 600; color: #000; padding-top: 12px; }
.tabs-product-box .tabs-product-right .price-exp-box span { position: relative; }
.tabs-product-box .tabs-product-right .price-exp-box span:after { display: inline-block; content: ''; background: #3160A2; width: 1px; height: 10px; margin: 0 8px; }
.tabs-product-box .tabs-product-right .price-exp-box span:last-child:after { display: none; }
.tabs-product-box .tabs-product-right .price-exp-box span.heart:before { font-family: 'medcure'; content: "\e91c"; font-size: 11px; color: #E8425E; margin-right: 6px; }

.appointment-box { display: flex; align-items: center; justify-content: space-between; padding: 15px; margin-top: 10px; box-sizing: border-box; border-radius: 0 0 10px 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.appointment-box .reviews { font-size: 12px; font-weight: 500; color: #000; border: solid 2px #000; padding: 0 20px 1px 10px; border-radius: 10px; position: relative; }
.appointment-box .reviews::after { font-family: 'medcure'; content: "\e919"; font-size: 22px; line-height: 0; display: inline-block;
	width: 0; height: 0; margin: 0; position: relative; top: 7px; right: 2px; }
.appointment-box .call { display: inline-block; font-size: 12px; font-weight: 500; color: #fff; height: 26px; background: #E8425E; border-radius: 8px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.appointment-box .call a { display: inline-block; color: #fff; padding: 5px 20px 7px; }
.appointment-box .appoint { display: inline-block; font-size: 12px; font-weight: 500; color: #fff; margin-left: 8px; height: 26px; background: #0d124c; border-radius: 8px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.appointment-box .appoint a { display: inline-block; color: #fff; padding: 5px 20px 7px; }
/**/

.detail-main-page { background: #F3F8FF; position: relative; }
.detail-main-page .navbar.navbar-home.product-header { width: 100%; background-color: #fff; top: 0; }
.navbar.navbar-home.product-header { position: absolute; z-index: 5; background: none; box-shadow: none; top: 20px; }
.navbar.navbar-home.product-header .header-top-bar { background: none; box-shadow: none; }
.product-top-bar { display: inline-block; width: 100%; background: #0d124c; text-align: center; min-height: 390px; border-radius: 0 0 15px 15px; 
box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); padding: 100px 0 30px 0; }
.product-top-bar img { display: inline-block; }
.product-main-img { display: inline-block; width: 100%; }
.product-top-bar .product-main-text { padding: 20px 15px 0 15px; box-sizing: border-box; }
.product-top-bar .product-main-text h2 { font-size: 25px; font-weight: 600; color: #fff; margin: 0; padding: 0; }
.product-top-bar .product-main-text p { font-size: 16px; font-weight: 400; color: #fff; margin: 0; padding: 5px 0 0 0; }
.product-call-box { display: flex; align-items: flex-start; justify-content: center; padding: 30px 10px 0 28px; }
.product-call-box a { display: flex; align-items: center; width: 100%; max-width: 100px; height: 35px; border-radius: 10px; background: #4b4e77; margin: 0 10px;
font-size: 13px; font-weight: 500; color: #fff; position: relative; }
.product-call-box a:before { font-family: 'medcure'; font-size: 15px; content: ''; color: #fff; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; 
background: #FB7FB8; border-radius: 100px; margin: 0 6px 0 -20px; }
.product-call-box a.message:before { content: "\e91d"; }
.product-call-box a.voice-call:before { content: "\e91f"; }
.product-call-box a.video-call:before { content: "\e91e"; }

.product-contener { padding: 20px 20px 0; box-sizing: border-box; }
.cardio-box { background: #fff; padding: 20px; box-sizing: border-box; border-radius: 10px; margin: 20px 0; }
.cardio-box strong { display: inline-block; width: 100%; font-size: 25px; font-weight: 600; color: #000; }
.cardio-box span { font-size: 16px; font-weight: 400; color: #000; }
.cardio-box h2 { font-size: 20px; font-weight: 600; color: #000; }
.cardio-box p { font-size: 14px; line-height: 21px; font-weight: 400; color: #000; padding: 10px 0 0 0; }
.star-ratings img { display: inline-block; margin: 3px 0 0 -10px; }

.product-review { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 10px 20px; 
	box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.product-review .view-all-btn { font-size: 13px; font-weight: 500; color: #1D3A62; }

.slider-review .swiper-slide { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.slider-review .review-content { display: flex; align-items: flex-start; padding: 15px 15px 20px; box-sizing: border-box;  margin-top: 10px; }
.slider-review .review-content .review-pic { width: 70px; }
.slider-review .review-content .review-name { width: 80%; padding-left: 20px; box-sizing: border-box; }
.slider-review .review-content .review-name h2 { font-size: 16px; font-weight: 600; color: #000; margin: 0; padding: 0; }
.slider-review .review-content .review-name p { font-size: 12px; font-weight: 400; color: #000; line-height: 17px; margin: 0; padding: 10px 0 12px 0; }
.slider-review .review-content .review-name .reviews { font-size: 11px; font-weight: 500; color: #000; border: solid 2px #000; padding: 3px 20px 4px 10px; border-radius: 10px; position: relative; }
.slider-review .review-content .review-name .reviews::after { font-family: 'medcure'; content: "\e919"; font-size: 22px; line-height: 0; display: inline-block;
	width: 0; height: 0; margin: 0; position: relative; top: 7px; right: 2px; }
.slider-review .swiper-pagination { position: initial !important; margin: 15px 0; }
.slider-review .swiper-pagination-bullets .swiper-pagination-bullet { background: #404040 !important; width: 6px !important; height: 6px !important; border-radius: 5px !important; }
.slider-review .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #1D3A62 !important; width: 14px !important; }

.patient-main-box { display: flex; align-items: flex-start; margin: 0 -5px; padding: 12px 0 0 0; }	
.patient-main-box .patient-box { width: 25%; text-align: center; border-radius: 10px; padding: 10px; margin: 0 5px; box-sizing: border-box; }
.patient-main-box .patient-box strong { display: inline-block; width: 100%; font-size: 24px; font-weight: 600; color: #fff; line-height: normal; }
.patient-main-box .patient-box span { font-size: 12px; font-weight: 400; color: #fff; line-height: normal; }
.patient-main-box .patient-box.patient { background: #707070; }
.patient-main-box .patient-box.yrs { background: #4AACD8; }
.patient-main-box .patient-box.surgery { background: #F59752; }
.patient-main-box .patient-box.rating { background: #6467CB; }
.fee-price { font-size: 22px; font-weight: 600; color: #000; text-align: center; padding: 20px 0; }
.book-an-appoint { display: inline-block; width: 100%; text-align: center; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin-bottom: 20px; }
.book-an-appoint a { display: inline-block; width: 100%; font-size: 16px; color: #fff; font-weight: 600; background: #0d124c; border-radius: 5px; padding: 14px 0 15px; }
/**/

.details-box-main .pay-securely-btn { padding-top: 0; }
.appointment-page { background: #F3F8FF; margin-top: 40px; }
.appointment-section { display: inline-block; width: 100%; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 0 0 30px 30px; }
.appointment-top { display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 0; }
.appointment-top h2 { font-size: 20px; font-weight: 600; color: #000; padding: 0; margin: 0; }
.appointment-top .month { font-size: 14px; font-weight: 500; color: #1D3A62; position: relative; }
.appointment-top .month span { position: relative; top: -1px; padding: 0 10px; }
.appointment-top .month:before { font-family: 'medcure'; content: "\e920"; font-size: 12px; }
.appointment-top .month:after { font-family: 'medcure'; content: "\e921"; font-size: 12px; }
.appointment-bottom { padding: 0 20px; box-sizing: border-box; }
.appointment-bottom ul { display: flex; padding: 25px 0; margin: 0 -5px; list-style: none; }
.appointment-bottom ul li { width: 15%; text-align: center; padding: 0 5px; box-sizing: border-box; }
.appointment-bottom ul li .sun-sat { border-radius: 30px; padding: 8px 0; }
.appointment-bottom ul li .sun-sat strong { display: inline-block; width: 100%; font-size: 12px; font-weight: 600; color: #1D3A62; }
.appointment-bottom ul li .sun-sat span { font-size: 20px; font-weight: 500; color: #000; }
.appointment-bottom ul li .sun-sat:hover { background: #0d124c; border-radius: 20px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.appointment-bottom ul li .sun-sat:hover strong,
.appointment-bottom ul li .sun-sat:hover span { color: #fff; }
.appointment-bottom ul li .sun-sat.active { background: #0d124c; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.appointment-bottom ul li .sun-sat.active strong,
.appointment-bottom ul li .sun-sat.active span { color: #fff; }
.morning-main-box { display: inline-block; width: 100%; padding: 0 20px; box-sizing: border-box; }
.morning-slot { padding: 20px 0 0 0; }
.morning-slot h2 { font-size: 18px; font-weight: 500; color: #000; margin: 0; padding: 0 0 12px 0; }
.morning-slot ul { display: flex; align-items: flex-start; flex-wrap: wrap; padding: 0; margin: 0 -5px; list-style: none;}
.morning-slot ul li { width: 22%; text-align: center; padding: 8px 10px; margin: 10px 8px; font-size: 12px; font-weight: 500; text-transform: uppercase;
	cursor: pointer; position: relative; color: #000; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 5px; border: none; }
.morning-slot ul li.active,
.morning-slot ul li:hover { background: #0d124c; color: #fff; }
.morning-main-box .book-an-appoint { margin-top: 20px; margin-bottom: 30px; } 

.video-call-page .navbar { background: none; position: absolute; top: 30px; }
.video-call-page .header-top-bar { box-shadow: none; border-radius: 0; padding: 0px 25px; }
.video-call-main { display: inline-block; width: 100%; background: #0d124c; }
.video-call-pic { position: relative; }
.video-call-pic .patient-details { position: absolute; top: 35px; right: 20px; }
.video-call-text { position: absolute; top: 75%; left: 20px; }
.video-call-text span { display: inline-block; width: 100%; font-size: 16px; font-weight: 400; color: #EFEFEF; }
.video-call-text strong { font-size: 25px; font-weight: 600; color: #fff; }
.video-call-text strong a { color: #fff; }
.video-call-text .rating { font-size: 15px; font-weight: 600; color: #EFEFEF; background: #9CD6F5; position: relative;
	border-radius: 10px; display: block; width: 100%; max-width: 68px; text-align: center; padding: 1px 0 3px 0; margin-top: 10px; }
.video-call-text .rating:before { display: inline-block; content: ''; background: #EB4B4B; width: 10px; height: 10px; margin-right: 6px; border-radius: 100px; }

.video-bottom { display: flex; justify-content: center; align-items: center; padding: 10px 0 20px 0; }
.video-bottom .bottom-button { font-size: 0; padding: 0 10px; }
.video-bottom .bottom-button:before { display: flex; align-items: center; justify-content: center; font-family: 'medcure'; content: ''; color: #fff; font-size: 22px; 
background: #1D3A62; width: 42px; height: 42px; border-radius: 10px; }
.video-bottom .bottom-button.video-btn:before { content: "\e926"; }
.video-bottom .bottom-button.dictation-btn:before { content: "\e923"; }
.video-bottom .bottom-button.call-btn::before { content: "\e922"; background: #E8425E; border: none; box-shadow: none; border-radius: 100px;
	width: 68px; height: 68px; font-size: 35px; position: relative; top: -40px; }
.video-bottom .bottom-button.message-btn:before { content: "\e924"; }
.video-bottom .bottom-button.more-btn:before { content: "\e925"; }
/**/

.appointment-details { display: inline-block; width: 100%; margin-top: 0px; }
.details-top-section { background: #0d124c; padding-bottom: 30px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 0 0 30px 30px; }
.cardiologist-details { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 0 0 30px 30px; padding: 20px; margin-top: 0px; }
.details-top-bar { display: flex; align-items: center; box-sizing: border-box; }
.details-pic-box { width: 20%; }
.details-top-right { width: 70%; text-align: left; padding-left: 20px; }
.details-top-right h2 { font-size: 22px; font-weight: 600; color: #1D3A62; padding: 0 0 3px 0; }
.details-top-right span { font-size: 16px; font-weight: 400; color: #1D3A62; }
.details-profile { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 10px 0; }
.details-profile h2 { font-size: 17px; font-weight: 500; color: #1D3A62; position: relative; margin: 0; }
.details-profile h2:after { font-family: 'medcure'; content: "\e921"; color: #1D3A62; font-size: 9px; margin-left: 8px; }
.details-profile-icon { display: flex; align-items: center; }
.details-profile-icon span { display: inline-block; height: 38px; }
.details-profile-icon span a { font-size: 0; position: relative; }
.details-profile-icon span a:before { display: flex; align-items: center; justify-content: center; font-family: 'medcure'; font-size: 20px; color: #fff; content: ""; width: 38px; height: 38px; border-radius: 10px; }
.details-profile-icon span.video-call-button { margin-right: 10px; }
.details-profile-icon span.video-call-button a:before { content: "\e926"; background: #56C852; }
.details-profile-icon span.message-button a:before { content: "\e924"; background: #3033AA; }

.clinic-main { padding: 0 20px; box-sizing: border-box; }
.clinic-box { display: flex; align-items: center; flex-wrap: wrap; padding: 22px 0 0; margin: 0 -5px; }
.clinic-box .clinic-text { display: flex; align-items: center; width: 50%; font-size: 16px; font-weight: 600; color: #fff; padding: 12px 5px; box-sizing: border-box; position: relative; }
.clinic-box .clinic-text:before { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; font-family: 'medcure'; font-size: 16px; color: #fff; 
content: ""; font-weight: 400; background: #3033AA; border-radius: 10px; margin-right: 10px; }
.clinic-box .clinic-text.clinic:before { content: "\e902"; }
.clinic-box .clinic-text.minutes:before { content: "\e92b"; }
.clinic-box .clinic-text.august:before { content: "\e927"; }
.clinic-box .clinic-text.clock:before { content: "\e91b"; font-weight: 400; }

.video-call-soon { display: inline-block; width: 100%; text-align: center; padding: 20px 15px 0; box-sizing: border-box; }
.video-call-soon a { display: flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 500; color: #fff; 
	background: #56C852; height: 58px; border-radius: 10px; box-shadow: 0px 16px 35px rgba(86, 200, 82, 0.51); }
.video-call-soon a:before { font-family: 'medcure'; content: "\e926"; font-size: 30px; color: #fff; margin-right: 10px; }
.reschedule-button { display: inline-block; width: 100%; text-align: center; padding: 20px 5px 0; margin: 0 -5px; }
.reschedule-button a { display: inline-block; width: 43.5%; margin: 0 5px; font-size: 18px; font-weight: 500; color: #fff; 
	height: 50px; border-radius: 10px; line-height: 45px; }	
.reschedule-button a.reschedule-btn { background: #3033AA; box-shadow: 0px 16px 35px rgba(29, 59, 97, 0.49); }
.reschedule-button a.cancel-btn { background: #E8425E; box-shadow:0px 16px 35px rgba(232, 66, 94, 0.66); }

.details-bottom-section { display: inline-block; width: 100%; padding: 0 20px; box-sizing: border-box; }
.details-box-main { background: #fff; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin: 30px 0; }
.details-title { font-size: 18px; font-weight: 500; color: #1D3A62; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); 
padding: 15px 20px; box-sizing: border-box; border-radius: 10px 10px 0 0; }
.consu-detail { display: flex; align-items: center; justify-content: space-between; border-top: solid 1px #F2F6FE; padding: 15px 20px; box-sizing: border-box; }
.consu-detail:first-child { border-top: none; }
.consu-detail-left { width: 80%; } 
.consu-detail-left strong { display: inline-block; width: 100%; font-size: 16px; font-weight: 600; color: #1D3A62; padding: 0 0 2px 0; }
.consu-detail-left span { font-size: 14px; font-weight: 500; color: #1D3A62; }
.consu-detail-icon {width: 10%; }
.consu-detail-icon:before { display: inline-block; font-family: 'medcure'; content: ""; font-size: 24px; color: #1D3A62; }
.consu-detail-icon.video:before { content: "\e926"; }
.consu-detail-icon.hour:before { content: "\e92b"; }
.consu-detail-icon.visit:before { content: "\e928"; font-size: 22px; }
.consu-detail-icon.insurance:before { content: "\e92a"; } 
.consu-detail-icon.location:before { content: "\e902"; } 
.detail-map { display: inline-block; width: 100%; text-align: center; padding: 15px 20px; box-sizing: border-box; }
/**/

.payment-details-top { text-align: center; }
.payment-details-top strong { display: block; font-size: 22px; font-weight: 600; color: #000; }
.payment-details-top span { display: block; font-size: 16px; font-weight: 500; color: #000; }
.payment-details-top p { font-size: 15px; font-weight: 400; color: #000; margin: 0; padding: 20px 0 8px 0; }
.charges-details { display: inline-block; width: 100%; padding: 20px 0 0 0; }
.charges-text { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 12px 0; border-bottom: solid 1px #F2F6FE; }
.charges-text span { font-size: 16px; font-weight: 600; color: #fff; }
.date-time-box { display: flex; align-items: flex-start; justify-content: center; padding-top: 20px; margin: 0 -14px; }
.date-time-btn { background: #252686; text-align: center; width: 150px; height: 70px; border-radius: 10px; margin: 0 14px; display: flex; align-items: center; justify-content: center; }
.date-time-btn span { font-size: 16px; font-weight: 600; color: #fff; line-height: 25px; }

.fields-name-section { display: inline-block; width: 100%; padding: 15px 20px; box-sizing: border-box; }
.fields-name-section .fields-name { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; padding: 10px 15px; margin: 20px 0; }
.fields-name-section .fields-name span { display: block; font-size: 13px; font-weight: 400; color: #000; }
.fields-name-section .fields-name strong { display: block; font-size: 14px; font-weight: 600; color: #000; }
.details-payment-method { display: flex; flex-wrap: wrap; padding: 20px; box-sizing: border-box; }
.details-payment-method .payment-icons { display: inline-block; width: 44%; height: 80px; position: relative; margin: 8px; font-size: 0; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; }
.details-payment-method .payment-icons::after { font-family: 'medcure'; content: "\e929"; color: #fff; position: absolute; top: 10px; right: 10px; font-size: 8px; width: 16px; height: 16px; border: solid 1px #fff; border-radius: 50px;
	display: flex; align-items: center; justify-content: center; opacity: 0; }
.details-payment-method .payment-icons.active:after,
.details-payment-method .payment-icons:hover:after { opacity: 1; }
.details-payment-method .payment-icons.visa-icon { background: #fff url("../images/visa-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.active,
.details-payment-method .payment-icons.visa-icon:hover { background: #3033AA url("../images/visa-hover-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.maestro-icon { background: #fff url("../images/maestro-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.maestro-icon:hover { background: #3033AA url("../images/maestro-hover-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.paypal-icon { background: #fff url("../images/paypal-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.paypal-icon:hover { background: #3033AA url("../images/paypal-hover-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.pay-icon { background: #fff url("../images/pay-icon.png") no-repeat center center; }
.details-payment-method .payment-icons.pay-icon:hover { background: #3033AA url("../images/pay-hover-icon.png") no-repeat center center; }
/**/

.credit-card-img { margin-top: 5px; }
.mycard-text-filds { display: inline-block; width: 100%; padding: 20px 0 0 0; }
.mycard-text-filds .mycard-filds { display: inline-block; width: 100%; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; margin: 10px 0; position: relative; }
.mycard-text-filds .mycard-filds input { font-size: 13px; font-weight: 500; color: #000; width: 100%; height: 50px; 
	background: #fdfeff; border-radius: 10px; padding: 0 20px 0 50px; box-sizing: border-box; border: none; outline: none; }
.mycard-text-filds .mycard-filds input::placeholder { color: #000 !important; }	
.mycard-text-filds .mycard-filds label { background: #fff; width: 30px; height: 30px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; 
position: absolute; left: 12px; top: 10px; display: flex; align-items: center; justify-content: center; }
.mycard-text-filds .mycard-filds label.account:before { font-family: 'medcure'; content: "\e92c"; font-size: 14px; color: #000; }
.mycard-text-filds .mycard-filds label.card-number:before { font-family: 'medcure'; content: "\e928"; font-size: 14px; color: #000; }
.mycard-text-filds .mycard-filds label.date-icon:before { font-family: 'medcure'; content: "\e927"; font-size: 14px; color: #000; }
.mycard-text-filds .mycard-filds label.cvv-icon:before { font-family: 'medcure'; content: "\e92e"; font-size: 14px; color: #000; }
.exp-date-box { display: flex; align-items: flex-start; justify-content: space-between; margin: 10px -10px; }
.exp-date-box .mycard-filds { width: 50%; margin: 0 10px; }
.mycard-text-filds .mycard-filds select { font-size: 13px; font-weight: 500; color: #000; width: 100%; height: 50px; border-radius: 10px; 
	padding: 0 20px 0 50px; box-sizing: border-box; background: #fdfeff; border: none; outline: none; }
.mycard-text-filds .mycard-filds label.india:before { font-family: 'medcure'; content: "\e92d"; font-size: 14px; color: #000; }
.pay-securely-btn { padding: 20px 20px 0; box-sizing: border-box; }
/**/
.payment-sucessfully { position: relative; }
.sucessfully-page { padding: 50px 20px; box-sizing: border-box; position: relative; z-index: 5; }
.sucessfully-main { background: #0d124c; text-align: center; padding: 60px 20px 0; box-sizing: border-box; border-radius: 200px; height: 800px; }

.payment-success-top { display: flex; align-items: center; justify-content: center; width: 203px; height: 190px; margin: 0 auto; position: relative;
	background: url("../images/successfully-icon.svg") no-repeat center center; background-size: 100%; }
.payment-success-top:before { font-family: 'medcure'; content: "\e929"; font-size: 45px; color: #fff; position: relative; top: -20px; }
.payment-success-text { text-align: center; margin-top: -20px; }
.payment-success-text h2 { font-size: 22px; font-weight: 600; color: #fff; line-height: 30px; margin: 0 0 20px 0; }
.payment-success-text .consu-detail { display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px #B7B9BB; border-top: none; padding: 15px 0; }
.payment-success-text .consu-detail-left { width: 80%; text-align: left; } 
.payment-success-text .consu-detail-left strong { color: #fff; }
.payment-success-text .consu-detail-left span { color: #fff; }
.payment-success-text .consu-detail-icon { width: 10%; }
.payment-success-text .consu-detail-icon:before { color: #fff; }
.consu-detail-icon.visa-ico:before { content: "\e928"; font-size: 22px; } 
.consu-detail-icon.date-icon:before { content: "\e927"; font-size: 22px; } 
.consu-detail-icon.time-icon:before { content: "\e92b"; font-size: 25px; } 
.sucessfully-bottom { display: inline-block; width: 100%; padding-top: 30px; }
.sucessfully-price { display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 10px;
	border: solid 1px #3160A2; padding: 10px 20px; box-sizing: border-box; }
.sucessfully-price strong { font-size: 25px; font-weight: 500; color: #3160A2; }	
.sucessfully-price span { font-size: 14px; font-weight: 500; color: #516E95; }
.got-it-btn { display: inline-block; width: 100%; padding-top: 15px; }
.got-it-btn a { display: inline-block; width: 100%; font-size: 18px; font-weight: 500; color: #fff; text-align: center; 
	background: #313295; height: 57px; line-height: 57px; border-radius: 10px; box-shadow: 0px 16px 35px rgba(29, 58, 98, 0.55); }
/**/
.navbar.sign-header { position: relative; }
.navbar.sign-header .navbar-inner.verify-top { display: flex; }
.sign-in-page { padding: 20px; box-sizing: border-box; }
.sign-header { background: transparent; border: none; }
.sign-header:after { display: none; }
.sign-up-section { padding-top: 20px; }
.sign-up-top { text-align: center; }
.sign-up-top h2 { font-size: 30px; font-weight: 600; color: #000; }
.sign-up-top p { font-size: 16px; font-weight: 500; color: #000; padding: 5px 0 0 0; }
.sign-up-form { display: inline-block; width: 100%; padding-top: 0px; }
.sign-form-fild { display: inline-block; width: 100%; background: #fff; border-radius: 10px; padding: 10px 15px; box-sizing: border-box; 
	margin: 10px 0; box-shadow: 0px 16px 35px rgba(172, 172, 172, 0.13); position: relative; }
.sign-form-fild label { display: block; font-size: 13px; font-weight: 400; color: #000; padding-bottom: 3px; }
.sign-form-fild input { width: 100%; font-size: 14px; font-weight: 500; color: #000; border: none; box-shadow: none; background: #fff; outline: none; }
.sign-form-fild input::placeholder { color: #000 !important; }
.sign-botton { display: inline-block; width: 100%; padding-top: 35px; }
.sign-botton a { display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #fff; font-weight: 600; background: #0d124c;
	border-radius: 5px; padding: 14px 0; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.sign-form-fild.fild-icon1:after { font-family: 'medcure'; content: "\e938"; font-size: 20px; color: #000; position: absolute; top: 12px; right: 16px; }
.sign-form-fild.fild-icon2:after { font-family: 'medcure'; content: "\e937"; font-size: 18px; color: #000; position: absolute; top: 16px; right: 16px; }
.social-icon { text-align: center; padding-top: 40px; }
.social-icon h3 { font-size: 16px; font-weight: 500; color: #000; }	
.social-icon ul.social { display: flex; align-items: center; justify-content: center; padding: 15px 0 0 0; margin: 0; }
.social-icon ul.social li a { display: flex; align-items: center; justify-content: center; font-size: 0; width: 49px; height: 49px; 
	background: #F3A9AB; border-radius: 100px; margin: 0 5px; }
.social-icon ul.social li a:before { font-family: 'medcure'; content: ""; font-size: 18px; color: #fff; }
.social-icon ul.social li a.google { background: #f1e6ed; }
.social-icon ul.social li a.google:before { content: "\e935"; color: #E85459; }
.social-icon ul.social li a.facebook { background: #dfe7f5; }
.social-icon ul.social li a.facebook:before { content: "\e936"; color: #3B5999; font-size: 20px; }
.social-icon ul.social li a.twitter { background: #d9effe; }
.social-icon ul.social li a.twitter:before { content: "\e932"; color: #03A9F4; }
.sign-bottom-box { display: flex; align-items: center; justify-content: space-between; padding-top: 50px; }
.sign-bottom-box span { font-size: 16px; font-weight: 500; color: #000; }
.sign-bottom-box .signup-btn { font-size: 16px; font-weight: 500; color: #000; position: relative; }
.sign-bottom-box .signup-btn:after { display: inline-block; font-family: 'medcure'; content: "\e934"; font-size: 12px; color: #000; margin: 6px 0 0 5px; }
/**/
.sign-in-logo { text-align: center; padding: 30px 0; }
.sign-in-logo img { display: inline-block; }
.forgot-text { font-size: 16px; font-weight: 500; color: #3160A2; text-align: right; }
.forgot-text a { color: #000; }

.verify-top { justify-content: center !important; }
.verify-top .back-link { position: absolute; left: 0; }
.verify-top h4 { font-size: 18px; font-weight: 600; color: #000; }
.verify-center { text-align: left; padding: 15px 0; }
.sign-form-fild.fild-icon3 .country-code { position: absolute; left: 15px; top: 20px; }
.sign-form-fild.fild-icon3 input { height: 40px; padding-left: 90px; color: #1D3A62; box-sizing: border-box; }
.sign-form-fild.fild-icon3 input::placeholder { color: #1D3A62 !important; }
.sign-form-fild.fild-icon3:after { font-family: 'medcure'; content: "\e933"; font-size: 18px; color: #F66F6F; position: absolute; top: 16px; right: 16px; }
.sign-botton.verify-btn { padding-top: 20px; }
.sucessfully-main.reset-password { height: 500px; }

.phone-verification { padding: 60px 0 0 0; }
.otp-number { display: flex; align-items: flex-start; justify-content: center; margin: 0 -10px; }
.otp-number span { display: flex; align-items: center; justify-content: center; width: 65px; height: 65px; background: #fff; border-radius: 100px; 
font-size: 30px; font-weight: 500; color: #3160A2; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin: 0 10px; }
.otp-number span.active { background: #0d124c; color: #fff; }
.code-text { padding: 45px 0 0 0; }
.code-text p { font-size: 16px; font-weight: 500; color: #000; line-height: 23px; }
.code-text p span { display: block; color: #1D3A62; }
/**/

.pharmacy-top-bar { padding: 10px 0; }
.prescription-btn { display: inline-block; width: 100%; font-size: 18px; color: #fff !important; font-weight: 600; background: #252686;
    border-radius: 5px; padding: 18px 0 20px 0; margin: 10px 0 0 0; text-align: center; position: relative; }
.prescription-btn:before { display: inline-block; font-family: 'medcure'; content: "\e939"; font-size: 18px; color: #fff; margin: 0 12px 0 0; }
.categories-section { padding: 30px 20px; box-sizing: border-box; }
.categories-section h2 { display: block; font-size: 26px; font-weight: 600; color: #000; }
.categories-section p { font-size: 13px; font-weight: 500; color: #000; padding-top: 5px; }
.categories-top-section { margin: 20px -10px 0; padding: 0; }
/**/

.special-main .special-box .special-text-box.wellness:before { content: "\e947"; }
.special-main .special-box .special-text-box.ayurveda:before { content: "\e93b"; }
.special-main .special-box .special-text-box.skin-hair:before { content: "\e945"; }
.special-main .special-box .special-text-box.dental-care:before { content: "\e911"; }
.special-main .special-box .special-text-box.homeopathy:before { content: "\e942"; }
.special-main .special-box .special-text-box.bone-joints:before { content: "\e93c"; }
.special-main .special-box .special-text-box.sex-specialist:before { content: "\e944"; }
.special-main .special-box .special-text-box.eye-specialist:before { content: "\e940"; }
.special-main .special-box .special-text-box.Mental-Wellness:before { content: "\e943"; }
.special-main .special-box .special-text-box.heart:before { content: "\e941"; }
.special-main .special-box .special-text-box.brain-nerves:before { content: "\e93d"; }
.special-main .special-box .special-text-box.digestive-issues:before { content: "\e93e"; }
.special-main .special-box .special-text-box.urinary-issues:before { content: "\e946"; }
.special-main .special-box .special-text-box.kidney-issues:before { content: "\e946"; }
.special-main .special-box .special-text-box.ear-nose-throat:before { content: "\e93f"; }
.pharmacy-banner { padding: 0 20px 20px 20px; box-sizing: border-box; }
.deals-offer-top { padding: 0 20px 20px; box-sizing: border-box; }
.deals-offer-top h2 { display: block; font-size: 26px; font-weight: 600; color: #000; }
.deals-offer-top p { font-size: 13px; font-weight: 500; color: #000; padding-top: 5px; }
.pharmacy-banner .swiper-slide { width: 100%; position: relative; }
.pharmacy-banner .swiper-slide .content img { width: 100%; }
.pharmacy-banner .home-banner-text h2 { font-size: 20px; }
.home-banner-text p { line-height: 15px; padding: 3px 0; }
.pharmacy-banner .order-now-btn { padding-top: 3px; }
.pharmacy-banner .special-main .special-box .special-text-box { padding: 5px; }
.pharmacy-banner .special-main.specialties-box .special-box span { font-size: 11px; }
/**/

.azoran-section { display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; }
.azoran-section p { font-size: 20px; font-weight: 500; color: #000; }
.medicine-product { display: flex; align-items: flex-start; background: #fff; padding: 20px; box-sizing: border-box; border-radius: 10px; 
box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin: 20px 0; }
.medicine-product .medicine-left { width: 120px; padding: 20px 20px 0 0; }
.medicine-product .medicine-right { width: 80%; position: relative; }
.medicine-product .medicine-right h2 { font-size: 16px; font-weight: 500; color: #000; padding-right: 20px; }
.medicine-product .medicine-right h2 a { color: #000; }
.medicine-product .medicine-right p { font-size: 14px; font-weight: 400; color: #000; padding: 3px 0; }
.medicine-product .medicine-right p strong { display: block; font-size: 14px; font-weight: 600; color: #000; }
.medicine-price-box { display: flex; align-items: center; justify-content: space-between; padding: 0 0 10px 0; }
.medicine-price-box .price-left { width: 52%; }
.medicine-price-box .price-left strong { display: block; font-size: 18px; font-weight: 600; color: #000; }
.medicine-price-box .price-left span { display: block; font-size: 12px; font-weight: 600; color: #000; text-decoration: line-through; }
.medicine-price-box .discount { width: 42%; font-size: 13px; font-weight: 500; color: #000; }
.add-top-car-btn { display: inline-block; width: 100% }
.add-top-car-btn a { display: inline-block; font-size: 13px; font-weight: 500; color: #fff; background: #0d124c; border-radius: 5px; 
box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);	padding: 4px 10px 5px; }
.medicine-product .medicine-right .rx { display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 600; color: #E8425E; width: 23px; height: 23px; background: #fdebee; 
	border-radius: 100px; position: absolute; top: -10px; right: -10px; }
/**/

.medicine-details-main { padding: 40px 20px 0; box-sizing: border-box; background: #f3f8ff; }
.medi-details-top { text-align: center; position: relative; background: #fff; border-radius: 10px; }
.details-section-rx { display: inline-block; width: 100%; text-align: center; position: relative; }
.details-section-rx span { display: inline-block; width: 100%; padding-top: 80px; padding-bottom: 20px; }
.details-section-rx img { display: inline-block; }
.details-section-rx .rx-text { display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600; color: #1D3A62; width: 33px; height: 33px; background: #fdebee; 
	border-radius: 100px; position: absolute; top: 12px; left: 10px; }
.details-wishlist { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); display: flex; border-radius: 10px; width: 38px;
height: 38px; box-sizing: border-box; align-items: center; justify-content: center; position: absolute; top: 10px; right: 10px; border-radius: 100px; }	
.details-wishlist .wishlist-icon { font-size: 0; }
.details-wishlist .wishlist-icon:before { font-family: 'medcure'; content: "\e91c"; font-size: 16px; color: #e91c; }

.medi-details-content { text-align: left; padding: 20px; box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.medi-details-content h2 { font-size: 20px; font-weight: 600; color: #000; line-height: 30px; }
.medi-details-content p { font-size: 16px; font-weight: 500; color: #1D3A62; padding: 10px 0; }
.medi-details-content p strong { display: block; font-size: 16px; font-weight: 600; color: #000; }

.details-qut-box { display: flex; width: 100%; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);
	align-items: center; justify-content: space-between; padding: 18px 20px; box-sizing: border-box; }
.details-qut-box strong { font-size: 18px; font-weight: 600; color: #000; }	
.details-qut-box .number-goods .stepper { align-items: center; }
.details-qut-box .number-goods .stepper-button-minus, 
.details-qut-box .number-goods .stepper-button-plus { width: 28px; height: 28px; background: transparent; border: solid 1px #d0e4ff; border-radius: 100px; }
.details-qut-box .number-goods .stepper-input-wrap input { font-size: 18px; font-weight: 400; color: #1D3A62; text-align: center; margin: 0 7px; }
.details-qut-box .check-text { font-size: 14px; font-weight: 600; color: #1D3A62; border: solid 1px #1D3A62; border-radius: 5px; padding: 3px 15px 4px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.details-qut-box .check-text a { color: #1D3A62; }
.add-to-cart-btn { display: flex; align-items: center; justify-content: space-between; padding: 15px 20px; box-sizing: border-box; 
	background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.add-to-cart-btn a { font-size: 15px; font-weight: 600; color: #fff; padding: 5px 12px 8px; border-radius: 5px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.add-to-cart-btn a.question-btn { background: #0d124c; }
.add-to-cart-btn a.add-to-cart { background: #0d124c; }

.product-overview-section .list ul { background: transparent; }
.product-overview-section .list ul li { background: #fff; border-radius: 5px; margin: 10px 0; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.product-overview-section .list ul li .item-content { padding-left: 0; }
.product-overview-section .list .item-cell { display: flex; justify-content: flex-start; font-size: 18px; font-weight: 600; color: #000; padding: 7px 10px 9px; }
.product-overview-section .list .item-content .item-inner:after { display: none; }
.product-overview-section .list .item-cell:before { color: #1D3A62; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border: solid 1px #1D3A62; border-radius: 100px; top: 18px; }
.description-sheet,
.specification-sheet { background: #f7faff; padding-bottom: 0px; }
.description-sheet .toolbar, .specification-sheet .toolbar { background: transparent; box-shadow: none; height: 18px; bottom: -20px; }
.description-sheet .page-content p { font-size: 14px; font-weight: 500; color: #000; line-height: 22px; padding: 5px 0; }
.specification-sheet ul li { font-size: 14px; font-weight: 500; color: #0d124c; line-height: 22px; padding: 2px 0; }

.medicine-details-product { padding: 30px 0 20px 0; }
.medicine-details-product h2 { font-size: 18px; font-weight: 600; color: #000; }
.medicine-product-box { display: flex; overflow-x: scroll; padding: 20px 0; }
.details-product-box { min-width: 180px; background: #fff; padding: 20px; box-sizing: border-box; border-radius: 5px; margin-right: 20px; }
.details-product-box span { display: inline-block; width: 100%; text-align: center; }
.details-product-box span img { display: inline-block; }
.details-product-text { text-align: left; padding: 15px 0 0 0; }
.details-product-text h2 { font-size: 14px; font-weight: 600; color: #3160A2; line-height: 18px; }
.details-product-text h2 a { color: #000; }
.details-product-text p { font-size: 11px; font-weight: 400; color: #000; line-height: 12px; padding: 10px 0; }
.details-product-text p strong { display: block; font-size: 12px; color: #000; letter-spacing: 1px; padding-top: 10px; }
.details-product-text .medicine-price-box { align-items: flex-start; }
.details-product-text .medicine-price-box .discount { padding-top: 5px; }
.details-product-text .add-to-cart { display: inline-block; width: 100%; padding-top: 5px; }
.details-product-text .add-to-cart .cart-btn { display: inline-block; font-size: 12px; font-weight: 500; color: #fff; background: #0d124c; width: 80px; height: 27px; line-height: 25px; 
text-align: center; border-radius: 5px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
/**/

.delete-icon { position: absolute; top: -5px; right: -5px; background: #f9ebeb; border-radius: 100%; padding: 3px; box-shadow: 0px 8px 35px #AFB5BD; }
.medicine-cart .medicine-product .medicine-right h2 { font-size: 14px; line-height: 18px; padding-right: 40px; }
.medicine-cart .medicine-product .medicine-right h2 a { color: #000; }
.medicine-cart .medicine-product .medicine-right p strong { font-size: 12px; }
.medicine-cart .medicine-price-box .price-left { display: flex; width: 100%; align-items: center; padding-top: 8px; }
.medicine-cart .medicine-price-box .price-left strong { font-size: 16px; padding-right: 10px; }
.medicine-cart .medicine-product .medicine-left { padding-top: 5px; }
.medicine-cart .number-goods { padding-top: 5px; }
.medicine-cart .number-goods .stepper { align-items: center; }
.medicine-cart .number-goods .stepper-button-minus, 
.medicine-cart .number-goods .stepper-button-plus { width: 24px; height: 24px; background: transparent; border: solid 1px #d0e4ff; border-radius: 100px; }
.medicine-cart .number-goods .stepper-input-wrap input { font-size: 15px; font-weight: 400; color: #000; text-align: center; margin: 0 7px; }
.medicine-cart .check-text { font-size: 14px; font-weight: 600; color: #166CDD; border: solid 1px #166CDD; border-radius: 5px; padding: 3px 15px 4px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.medicine-cart .check-text a { color: #166CDD; }

.payment-summary { background: #fff; border-radius: 10px; }
.payment-summary h2 { font-size: 18px; font-weight: 600; color: #000; padding: 20px; box-sizing: border-box; }
.summary-text-box { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); padding: 10px 20px; box-sizing: border-box; }
.summary-text-box .summary-text { display: flex; align-items: center; justify-content: space-between; border-top: solid 1px #dce2ea; padding: 10px 0; }
.summary-text-box .summary-text:first-child { border-top: none; }
.summary-text-box .summary-text strong { font-size: 15px; font-weight: 600; color: #000; }
.summary-text-box .summary-text span { font-size: 15px; font-weight: 500; color: #000; }

.edit-coupon-box { display: flex; align-items: center; justify-content: space-between; border: dotted 2px #000; border-radius: 8px; padding: 10px; margin-top: 12px; }
.edit-coupon-box { display: flex; align-items: center; justify-content: space-between; }
.edit-coupon-box p { font-size: 12px; font-weight: 500; color: #000; }
.edit-coupon-box span { font-size: 12px; font-weight: 500; color: #166CDD; }
.edit-coupon-box span a { color: #000; }
.edit-coupon-box .coupon-icn { float: left; position: relative; top: 2px; margin-right: 5px; }

.cart-total-price { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 15px 20px; 
 box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 0 0 10px 10px; }
.cart-total-price strong { font-size: 20px; font-weight: 600; color: #000; }

.checkout-btn { display: inline-block; width: 100%; text-align: center; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin: 20px 0; }
.checkout-btn .checkout { display: inline-block; width: 100%; background: #0d124c; font-size: 16px; font-weight: 600; color: #fff; 
	border-radius: 10px; padding: 14px 0; }
/**/

.charges-details.medicine-payment-details { padding: 50px 0; }
.your-cart-top { display: inline-block; width: 100%; }	
.your-cart-text { display: flex; align-items: center; justify-content: space-between; padding: 2px 0; }
.your-cart-text span { font-size: 16px; font-weight: 400; color: #fff; }
.your-cart-text strong { font-size: 20px; font-weight: 600; color: #fff; }
.map-icon.current-location-map .book-an-appoint.current-button { max-width: 300px; margin: 0 auto; display: block; position: relative; top: -100px; }

.delivery-main-section { padding: 30px 20px; box-sizing: border-box; }
.delivery-address-box { display: inline-block; width: 100%; background: #fff; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); 
padding: 0px; box-sizing: border-box; }
.delivery-address-box h2 { font-size: 18px; font-weight: 500; color: #1D3A62; padding: 15px 20px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px 10px 0 0; }
.address-main-box { padding: 0 20px; box-sizing: border-box; }
.address-text-box { display: flex; align-items: flex-start; padding: 20px; margin: 30px 0; box-sizing: border-box; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); 
	border-radius: 10px; border: solid 2px #fff; position: relative; }
.address-text-box.active,
.address-text-box:hover { border: solid 2px #1D3A62; }
.address-text-left { width: 38px; }
.address-text-right { width: 90%; padding-left: 20px; position: relative; box-sizing: border-box; }
.address-text-right h2 { padding: 0; background: transparent; box-shadow: none; }
.address-text-right p { font-size: 14px; font-weight: 500; color: #516E95; line-height: 22px; padding-top: 5px; }
.address-text-box .radio-btn { position: absolute; right: 0; top: 0; }
.medicine-sucessfully p { font-size: 15px; font-weight: 500; line-height: 22px; color: #fff; }
.arrived-text-box { padding: 70px 0 30px; }
.arrived-text-box h2 { font-size: 40px; font-weight: 600; color: #fff; margin: 0; }
.arrived-text-box h3 { font-size: 20px; font-weight: 600; color: #fff; padding-top: 10px; }

.medicine-payment-details .order-text { font-size: 19px; font-weight: 600; color: #fff; text-align: center; }
.appointment-details .map-icon { margin-top: 0px; position: relative; }
.current-location-page .details-top-section { padding-bottom: 0; }
.page-content.current-location-page { padding-bottom: 0; }

.track-order-top { display: flex; justify-content: space-between; align-items: self-start; }
.track-order-left { width: 80%; padding-top: 40px; }
.track-order-right { width: 60px; padding-top: 40px; }

.track-your-order { background: #fff; }
.track-order-top { display: flex; justify-content: space-between; align-items: self-start; padding: 0 20px;
	background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); position: relative; border-radius: 10px 10px 0 0; padding-bottom: 15px; }
.track-order-top:before { width: 100px; height: 10px; background: url(../images/slide-up.png) no-repeat center top; content: ''; position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; }	
.track-order-left .items span { font-size: 12px; font-weight: 500; color: #516E95; position: relative; padding: 0 10px; }
.track-order-left .items span:before { content: ''; background: #166CDD; width: 4px; height: 4px; position: absolute; left: 0; top: 5px; border-radius: 100px; }
.track-order-left .items span:first-child:before { display: none; }
.track-order-left .items span:first-child { padding-left: 0; }
.track-order-left .azoran-text { font-size: 16px; font-weight: 600; color: #1D3A62; padding: 3px 0 6px 0; }
.track-order-left .delivery-text { font-size: 12px; font-weight: 600; color: #1D3A62; }	

.doctor-details-box { display: flex; align-items: flex-start; padding: 30px 20px 20px; box-sizing: border-box; } 
.doctor-details-box .doctor-details-img { width: 63px; }
.doctor-details-box .doctor-details-text { width: 70%; padding: 0 20px; box-sizing: border-box; }
.doctor-details-box .doctor-details-text h2 { font-size: 16px; font-weight: 600; color: #3160A2; }
.doctor-details-box .doctor-details-text p { font-size: 12px; font-weight: 400; color: #516E95; padding: 3px 0; }
.doctor-details-box .doctor-details-text .doctor-rating { display: flex; font-size: 10px; font-weight: 600; color: #fff; background: #166CDD;
	border-radius: 100px; padding: 1px 8px; align-items: center; width: 100%; max-width: 30px; margin-top: 5px; }
.doctor-details-box .doctor-details-text .doctor-rating img { width: 20px; position: relative; top: 2px; }	
.doctor-details-box .doctor-call-icon { display: flex; width: 25%; }
.doctor-details-box .doctor-call-icon img { margin: 0 5px; }

.order-confirm-main { display: flex; align-items: flex-start; padding: 20px 30px 0; box-sizing: border-box; }
.order-confirm-main .order-confirm-left { width: 35px; margin-right: 20px; }
.order-confirm-main .order-confirm-right { width: 90%; }
.order-confirm-right .confirm-top { border-top: solid 1px #516E95; padding: 12px 0; }
.order-confirm-right .confirm-top:first-child { border-top: none; margin-top: -15px; }
.order-confirm-right .confirm-top strong { font-size: 16px; font-weight: 600; color: #1D3A62; }
.order-confirm-right .confirm-top p { font-size: 12px; font-weight: 500; color: #516E95; }
.order-confirm-right .confirm-top.confirm-bottom strong {  color: #82A3CA; }
.order-confirm-right .confirm-top.confirm-bottom p { color: #82A3CA; }
.refer-earn-banner { padding: 20px; box-sizing: border-box; text-align: center; }
.refer-earn-banner img { display: inline-block; }
/**/

.medicine-order-main { display: inline-block; width: 100%; }
.medicine-order { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); text-align: center; border-radius: 10px; padding: 40px 20px; box-sizing: border-box; margin: 15px 0 20px; }
.medicine-order span { display: inline-block; width: 100%; }
.medicine-order span img { display: inline-block; }
.medicine-order strong { display: block; font-size: 22px; font-weight: 600; color: #000; margin-top: -30px; }
.medicine-order p { font-size: 14px; font-weight: 500; color: #000; line-height: 22px; padding-top: 10px; }

.upload-prescription { background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; padding: 20px; box-sizing: border-box; margin-bottom: 20px; }
.prescription-img { display: inline-block; width: 100%; text-align: center; padding: 20px; box-sizing: border-box; }
.prescription-img img { display: inline-block; }

.prescription-text { text-align: center; padding: 15px; }
.prescription-text h2 { font-size: 20px; font-weight: 600; color: #000; }
.prescription-text p { font-size: 14px; font-weight: 400; color: #000; line-height: 20px; padding-top: 15px; }

.take-picture-button { display: inline-block; width: 100%; padding-top: 15px; }
.take-picture-button a { display: inline-block; width: 100%; text-align: center; font-size: 18px; font-weight: 600; color: #fff;
background: #0d124c; border-radius: 10px; padding: 15px 0; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin: 8px 0; position: relative; }
.take-picture-button a:before { font-family: 'medcure'; content: "\e948"; font-size: 16px; color: #fff; margin-right: 10px; }
.take-picture-button a.gallery-btn { background: #FB7FB8; }
.take-picture-button a.gallery-btn:before { content: "\e928"; }

.payment-summary.prescription { display: inline-block; width: 100%; margin-bottom: 15px; }
.payment-summary ul { display: inline-block; width: 100%; padding: 20px; margin: 0; box-sizing: border-box; border-radius: 0 0 10px 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.payment-summary ul li { float: left; width: 50%; font-size: 14px; font-weight: 500; color: #000; position: relative; padding-left: 25px; box-sizing: border-box; margin: 7px 0; }
.payment-summary ul li:before { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; font-family: 'medcure'; content: "\e929"; font-size: 6px; color: #000; 
border: solid 1px #000; border-radius: 100px; position: absolute; left: 0; top: 2px; }
.uploaded-prescription { text-align: center; padding: 30px 20px 20px; box-sizing: border-box; }
.uploaded-prescription img {  display: inline-block; border: dotted 2px #3160A2; border-radius: 20px; padding: 20px; box-sizing: border-box; }
.prescription .uploaded-h2 { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.prescription .uploaded-item { padding: 30px 20px; }
.uploaded-item li { width: 100% !important; text-align: left; border-top: solid 1px #516E95; padding: 10px 0 10px 25px !important; margin: 0 0 4px 0 !important; }
.uploaded-item li:first-child { border-top: none; }
.uploaded-item li:before { top: 12px !important; }
.uploaded-item li .delete-icon { top: 8px; right: 0; }
/**/

.medicine-select-area-main { display: flex; align-items: center; justify-content: center; flex-wrap: wrap;  width: 100%; height: 80vh; text-align: center; position: relative; }
.medicine-select-area-main:before { width: 100%; height: 100%; content: ''; background: #314b70; position: absolute; top: 0; left: 0; opacity: 0.9; z-index: -1; }
.medicine-select-img { text-align: center; width: 100%; padding: 0 20px; box-sizing: border-box; }
.medicine-select-img img { display: inline-block; }
.selected-next-btn { display: inline-block; width: 100%; text-align: center; padding: 0 20px; box-sizing: border-box; }
.selected-next-btn .next-btn { display: inline-block; width: 100%; font-size: 18px; font-weight: 600; color: #fff; background: #0d124c; 
	border-radius: 10px; box-shadow: 0px 16px 35px #0d124c; padding: 12px 0; } 

.select-checkbox-box { position: absolute; right: 10px; top: 40%; }
.select-checkbox-box .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.select-checkbox-box .checkmark { position: absolute; top: 0; left: 0; height: 32px; width: 32px; background-color: #fff; border-radius: 100px; border: solid 1px #D8D9E9; }
.select-checkbox-box .container input:checked ~ .checkmark { background-color: #0d124c; border: solid 1px #0d124c; }
.select-checkbox-box .checkmark:after { content: ""; position: absolute; display: none; }
.select-checkbox-box .container input:checked ~ .checkmark:after { display: block; }
.select-checkbox-box .container .checkmark:after { left: 12px; top: 8px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.scan-qr-code { background: #0d124c; text-align: center; padding: 70px 20px 30px; margin: -50px -20px 0; box-sizing: border-box; }
.qr-code-box { padding: 100px 0 20px 0; }
.qr-code-box img { display: inline-block; }
.scan-qr-code .qr-code-text { font-size: 16px; font-weight: 500; color: #fff; line-height: 24px; padding: 50px 0 10px 0; }
.qr-code-text { font-size: 14px; font-weight: 500; color: #000; text-align: center; padding: 50px 20px 10px; }
.checkout.qr-code-btn { display: flex; align-items: center; justify-content: center; position: relative; }
.checkout.qr-code-btn .camera-icon { margin-right: 10px; position: initial; }

.pills-reminder-box { display: flex; align-items: center; background: #fff; padding: 25px 15px; box-sizing: border-box;
	border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin: 20px 0; }
.pills-reminder-left { width: 15%; }
.pills-reminder-right { width: 95%; padding-left: 15px; box-sizing: border-box; position: relative; }
.pills-reminder-right h2 { font-size: 18px; font-weight: 600; color: #000; padding: 0; margin: 0; }	
.pills-reminder-right .reminder-text { font-size: 15px; font-weight: 500; color: #000; padding: 10px 0 0 0; margin: 0; }	
.pills-reminder-right .reminder-text span { padding: 0 10px; }
.pills-reminder-right .edit-icon { position: absolute; right: -15px; top: -25px; }
.morning-slot .fyzr-text { font-size: 13px; font-weight: 500; color: #1D3A62; width: 100%; height: 50px; background: #fdfeff; border-radius: 10px;
padding: 0 20px; box-sizing: border-box; border: none; outline: none; }
.morning-slot .fyzr-text::placeholder { color: #1D3A62 !important; }
/**/

.your-cart-top .enter-text { font-size: 22px; font-weight: 600; color: #fff; }
.your-cart-top input { font-size: 14px; font-weight: 500; color: #516E95; width: 100%; background: #fff; border-radius: 10px; height: 39px; padding: 0 20px;
 box-sizing: border-box; margin-top: 10px; border: none; outline: none; }
.your-cart-top input::placeholder { color: #516E95 !important; }
.call-ambulance-main { text-align: center; padding: 50px 20px 40px; box-sizing: border-box; }
.call-ambul { text-align: center; }
.call-ambul img { display: inline-block; }
.call-ambulance-main h2 { font-size: 24px; color: #000; font-weight: 600; padding: 30px 0 10px 0; }
.call-ambulance-main p { font-size: 14px; color: #000; font-weight: 500; line-height: 22px; }
.your-cart-top h3 { font-size: 14px; font-weight: 600; color: #fff; text-align: center; }
.appointment-details .current-location-map { z-index: initial; }
.map-address-box { position: absolute; left: 0; right: 0; padding: 0 20px; bottom: 20px;
 box-sizing: border-box; box-shadow: none; z-index: 9999; }
.map-address-box .map-address { background: #fff; border-radius: 10px; padding: 15px; box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin-bottom: 15px; }
.map-address-box .map-address h3 { font-size: 16px; font-weight: 600; color: #000; }
.map-address-box .map-address h2 { font-size: 18px; font-weight: 700; color: #000; padding-top: 3px; }
.map-address-box .map-address h2 a { color: #000; }
.map-address-box .address-time { display: flex; align-items: center; justify-content: space-between; padding-top: 10px; }
.map-address-box .address-time span { font-size: 14px; font-weight: 500; color: #000; }
.map-address-box .address-time span a { color: #000; }
.current-location-map .current-button a { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.call-ambulance-main .home-banner-text { position: inherit; padding: 40px 0 50px 0; }
.call-ambulance-main .home-banner-text h2 { font-size: 18px; font-weight: 600; color: #000; line-height: 23px; padding: 0; }
.call-ambulance-main .swiper-pagination-bullet { background: #1D3A62 !important; opacity: 5; }
.call-ambulance-main .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f0d3df !important; width: 7px !important; height: 7px !important; opacity: 5; }

.hospital-list .tabs-product-box .tabs-product-left { width: 95px; }
.hospital-list .tabs-product-box .tabs-product-right { padding-left: 20px; }
.hospital-list .tabs-product-box .tabs-product-right h2 { padding-bottom: 5px; }
.hospital-list .map-text { display: flex; align-items: center; width: 100%; font-size: 14px; font-weight: 400; color: #000; position: relative; }
.hospital-list .map-text:before { 	font-family: 'medcure'; content: "\e902"; font-size: 13px; color: #00; margin-right: 5px; }
.hospital-list .time-text { display: flex; align-items: center; width: 100%; font-size: 14px; font-weight: 400; color: #000; padding: 2px 0; position: relative; }
.hospital-list .time-text:before { font-family: 'medcure'; content: "\e91b"; font-size: 12px; color: #000; margin-right: 5px; }
.hospital-list .km-text1 { display: flex; align-items: center; width: 100%; font-size: 14px; font-weight: 400; color: #000; position: relative; }
.hospital-list .km-text1:before { font-family: 'medcure'; content: "\e91c"; font-size: 10px; color: #000; margin-right: 5px; }

.apollo-hospital-img { text-align: center; }
.apollo-hospital-img img { display: inline-block; }
.apollo-hospital-text { display: inline-block; width: 100%; padding: 20px 0 10px; position: relative; }
.apollo-hospital-text h2 { font-size: 22px; font-weight: 700; color: #000; }
.apollo-hospital-text p { font-size: 14px; font-weight: 500; color: #000; padding-top: 5px; }
.apollo-hospital-text .rating-text { font-size: 14px; font-weight: 600; color: #000; position: absolute; right: 0; bottom: 10px; }
.apollo-hospital-text .rating-text:before { font-family: 'medcure'; content: "\e91c"; font-size: 12px; color: #E8425E; margin-right: 8px; }
.hospital-hetails { padding: 0px 20px; box-sizing: border-box; }
.hospital-hetails .payment-summary { margin: 20px 0; }
.hospital-hetails .uploaded-h2 { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.established-text { padding: 20px; box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.established-text p { font-size: 14px; font-weight: 500; color: #000; line-height: 21px; padding: 5px 0 10px; }
.established-text p a { color: #1D3A62; position: relative; }
.established-text p a:after { font-family: 'medcure'; content: "\e921"; font-size: 8px; color: #1D3A62; margin-left: 5px; }

.established-text .book-box { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -6px; }
.established-text .book-box .book-text { width: 25%; text-align: center; padding: 10px 6px; box-sizing: border-box; }
.established-text .book-box .book-text .icon-box { display: flex; align-items: center; justify-content: center; width: 100%; height: 57px; background: #fff; border-radius: 20px; box-shadow: 0px 18px 20px rgba(0, 0, 0, 0.102); position: relative; }
.established-text .book-box .book-text .icon-box:before { font-family: 'medcure'; font-size: 35px; color: #2D4C77; font-weight: 400; }
.established-text .book-box .book-text .text { display: block; font-size: 11px; font-weight: 500; color: #000; line-height: 12px; padding-top: 10px; }

.established-text .book-box .book-text .icon-box.icon1:before { content: "\e954"; }
.established-text .book-box .book-text .icon-box.icon2:before { content: "\e952"; }
.established-text .book-box .book-text .icon-box.icon3:before { content: "\e94d"; font-size: 28px; }
.established-text .book-box .book-text .icon-box.icon4:before { content: "\e950"; }
.established-text .book-box .book-text .icon-box.icon5:before { content: "\e954"; }
.established-text .book-box .book-text .icon-box.icon6:before { content: "\e94f"; }
.established-text .book-box .book-text .icon-box.icon7:before { content: "\e954"; }
.established-text .book-box .book-text .icon-box.icon8:before { content: "\e94d"; }
.established-text .map-icon { padding: 10px 0; }
.established-text .map-icon img { border-radius: 10px; }
.diagnostic-main { display: inline-block; width: 100%; padding: 20px; box-sizing: border-box; }
.diagnostic-main .diagn-text { padding: 20px 0; }
.diagnostic-main .diagn-text h2 { font-size: 26px; font-weight: 600; color: #000; padding: 0 0 2px 0; }
.diagnostic-main .diagn-text p { font-size: 13px; font-weight: 600; color: #000; }

.diagn-city-box { display: flex; align-items: flex-start; flex-wrap: wrap; margin: 0 -10px; }
.diagn-city-box .diagn-city { width: 50%; text-align: center; padding: 10px; box-sizing: border-box; }
.diagn-city-box .diagn-city .icon-box { display: flex; align-items: center; justify-content: center; position: relative; background: #fff; 
	border-radius: 10px; height: 130px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.diagn-city-box .diagn-city .icon-box:before { font-family: 'medcure'; font-size: 70px; color: #1D3A62; font-weight: 400; }	
.diagn-city-box .diagn-city .icon-box.icon1:before { content: "\e951"; }
.diagn-city-box .diagn-city .icon-box.icon2:before { content: "\e94f"; }
.diagn-city-box .diagn-city .icon-box.icon3:before { content: "\e953"; }
.diagn-city-box .diagn-city .icon-box.icon4:before { content: "\e955"; }
.diagn-city-box .diagn-city .icon-box:hover { background: #3033AA; }
.diagn-city-box .diagn-city .icon-box:hover:before { color: #fff; }
.diagn-city-box .diagn-city .text { display: block; font-size: 16px; font-weight: 500; color: #516E95; padding-top: 5px; }
.diagn-city-box .diagn-city .text a { color: #000; }

.pickup-from-main { display: flex; align-items: center; justify-content: space-between; padding: 30px 0 0 0; }
.pickup-from-left { width: 70%; position: relative; padding-left: 28px; box-sizing: border-box; }
.pickup-from-left:before { font-family: 'medcure'; content: "\e902"; font-size: 19px; color: #fff; font-weight: 400; position: absolute; left: 0; top: -3px; }
.pickup-from-left .sample-text1 { display: block; font-size: 13px; font-weight: 400; color: #fff; }
.pickup-from-left .sample-text2 { display: block; font-size: 18px; font-weight: 600; color: #fff; }
.pickup-from-right { width: 30%; text-align: right; } 
.pickup-from-right a { display: inline-block; font-size: 12px; font-weight: 500; color: #000; background: #fff; padding: 4px 10px 5px; 
	border-radius: 5px; box-sizing: border-box; box-shadow: 0px 16px 35px rgba(250, 252, 255, 0.47); }
.lab-test-lists { padding: 0 20px; box-sizing: border-box; }
.lab-test-lists .medicine-product .medicine-left { width: 70px; padding-right: 10px; }
.lab-test-lists .medicine-product .medicine-right { width: 90%; }
.lab-test-lists .medicine-product .medicine-right h2 { padding-right: 0; }
.lab-test-lists .medicine-product .medicine-right h2 a { color: #000; }
.lab-test-lists .medicine-product .medicine-right span { color: #1D3A62; }
.lab-test-lists .medicine-product .medicine-right .save-text { color: #E8425E; text-decoration: none; padding-left: 10px; }
.lab-test-lists .select-button { display: inline-block; width: 100% }
.lab-test-lists .select-button a { display: inline-block; font-size: 14px; font-weight: 500; color: #fff; background: #0d124c; border-radius: 10px; padding: 6px 20px 7px; box-sizing: border-box; }
.lab-test-lists .select-button.remove-button a { background: #E8425E; }
.lab-test-lists .select-button.remove-button a:before { font-family: 'medcure'; content: "\e95c"; font-size: 15px; color: #fff; margin-right: 5px; }

.details-logo-main { display: flex; align-items: center; justify-content: space-between; padding: 12px 0 20px 0; }
.details-logo-main .selected-text { width: 50%; font-size: 11px; color: #1D3A62; font-weight: 500; line-height: 16px; padding: 0 10px; box-sizing: border-box; }
.details-logo-main .change-text { font-size: 12px; font-weight: 500; color: #1D3A62; width: 72px; }

.account-description-details { display: inline-block; width: 100%; padding: 0 20px; box-sizing: border-box; position: relative; }
.account-description-details .account-status-info { background: #fff; border-radius: 10px; padding: 10px 20px 20px; margin-bottom: 20px; }
.account-description-details .toolbar.tabbar { position: inherit; padding: 0; bottom: 0; margin-bottom: 10px; height: auto; background: transparent; 
	box-shadow: none; border-bottom: solid 2px #deeaf9; border-radius: 0; max-width: 100%; }
.account-description-details .toolbar-inner { display: flex; position: inherit; justify-content: start !important; padding: 0; }
.account-description-details .toolbar-inner a { font-size: 18px; font-weight: 600; color: #1D3A62; padding: 10px 10px 12px; }
.account-description-details .toolbar-inner a:first-child { padding-left: 0; }
.account-description-details .toolbar-inner a.tab-link-active { color: #000; border-bottom: solid 2px #1D3A62; }
.account-description-details .container { padding: 0 !important; }
.account-description-details .eosinophil-text { padding-top: 15px;  }
.account-description-details .eosinophil-text p { font-size: 14px; font-weight: 500; color: #000; line-height: 24px; }
.account-description-details .sample-text { font-size: 16px; font-weight: 500; color: #000; padding: 5px 0; }
.account-description-details .sample-text span { width: 140px; display: inline-block; }
.account-description-details .sample-text strong { font-weight: 700; color: #000; }
.pickup-from-left.pharma-left:before { display: none; }
.details-logo-top { width: 100px; }
.pickup-from-left.pharma-left { padding-left: 10px; }
.pickup-from-right.change-lab { width: 38%; }
.lab-test-lists .medicine-product .medicine-right.lab-test-cart h2 { padding-right: 30px; }

.more-tests-box { background: #fff; border-radius: 10px; margin-top: 20px; }
.add-more-tests { padding: 0 20px; box-sizing: border-box; }
.add-more-tests .more-tests { display: flex; align-items: center; justify-content: space-between; font-size: 16px; font-weight: 600; color: #000; }
.payment-lab-test-cart { padding: 20px; box-sizing: border-box; }
.add-more-tests .include-text { font-size: 16px; font-weight: 500; color: #000; border-top: solid 1px #dce2ea; padding: 10px 20px 12px; box-sizing: border-box; }
.add-more-tests .include-text:first-child { border-top: none; }
.add-more-tests .include-text span { display: block; font-size: 14px; font-weight: 500; color: #000; }

.patent-details-main { padding-top: 10px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
.patent-details-box { display: inline-block; width: 100%; border-radius: 10px; background: #fff; margin-bottom: 30px; }
.patent-details-box h2 { font-size: 18px; font-weight: 600; color: #000; padding: 20px; box-sizing: border-box; background: #fff; border-radius: 10px; }
.sign-up-form.personal-up-form { padding: 20px; box-sizing: border-box; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.personal-up-form-box { display: flex; align-items: flex-start; justify-content: space-between; }
.sign-up-form.personal-up-form .sign-form-fild { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.sign-up-form.personal-up-form .personal-up-form-box { margin: 10px -10px 10px; }
.sign-up-form.personal-up-form .personal-up-form-box .sign-form-fild { margin: 0 10px; }
.sign-up-form.personal-up-form .personal-up-form-box .sign-form-fild.fild-icon1:after { display: none; }
.sign-up-form.personal-up-form .personal-up-form-box .sign-form-fild .select-file { font-size: 14px; font-weight: 500; color: #3160A2; margin-left: -4px; }
.sign-up-form.personal-up-form .personal-up-form-box .sign-form-fild .select-file { font-size: 14px; font-weight: 500; color: #1D3A62; margin-left: -4px;
	width: 100%; height: 40px; position: relative; margin-top: -20px; padding-top: 18px; }
.sign-up-form.personal-up-form .personal-up-form-box .sign-form-fild.fild-icon2:after { display: none; }
.sign-up-form.personal-up-form .personal-up-form-box .sign-form-fild.fild-icon2 .select-file { background: url("../images/select-icon.png") no-repeat center right; 
  border: none; background-position: 302px 16px; }
.page-content { padding-bottom: 0px; }
.patent-details-main .address-type-box { display: inline-block; width: 100%; background: #fff; padding: 20px; padding-top: 10px; box-sizing: border-box; }
.patent-details-main .address-type-box h3 { font-size: 17px; font-weight: 600; color: #000; }
.patent-details-main .address-type-box ul { display: flex; align-items: center; padding: 15px 0 20px 0; margin: 0 -10px; list-style: none;  }
.patent-details-main .address-type-box ul li { display: flex; align-items: center; width: 33.33%; background: #fff; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); 
	padding: 10px; box-sizing: border-box; margin: 0 10px; font-size: 14px; font-weight: 500; color: #516E95; position: relative; }
.patent-details-main .address-type-box ul li:before { display: inline-block; font-family: 'medcure'; content: "\e902"; font-size: 15px; color: #516E95; margin-right: 5px; }

.lab-test-main .pharmacy-banner { padding: 0 20px; margin-bottom: 30px; box-sizing: border-box; }
.lab-test-main .pharmacy-banner .swiper-slide { width: 100%; }
.lab-test-main .pharmacy-banner .swiper-slide img { width: 100%; }
.profile-main-img { display: inline-block; width: 100%; text-align: center; position: relative; z-index: 99999; top: -45px; }
.profile-main-img img { display: inline-block; }
.camera-icon { position: absolute; right: 75px; bottom: 60px; }
.profile-main-page { text-align: center; height: 230px; margin-top: 0px; }
.profile-top-title { position: relative; bottom: 75px; }
.profile-top-title h2 { font-size: 24px; font-weight: 600; line-height: 28px; color: #fff; }
.profile-top-title p { font-size: 18px; font-weight: 400; line-height: 21px; color: #fff; }

.profile-content-box { padding: 25px 0; }
.profile-content-box .special-main.specialties-box .special-box { width: 50%; text-align: left; }
.profile-content-box .special-text-box { padding: 10px 20px !important; }
.profile-content-box .appointments { background: #fff; position: relative; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 8px;
	padding: 10px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; margin: 10px auto 10px; }
.profile-content-box .special-main.specialties-box .special-box span { font-size: 16px; }
.product-overview-section .list.profile-list .item-cell { font-size: 16px; font-weight: 500; }
.product-overview-section .list.profile-list ul li { margin: 18px 0; }
.product-overview-section .list.profile-list .item-cell::before { border: none; }
.change-photo-button { display: inline-block; width: 100%; text-align: center; position: relative; z-index: 99999; }
.change-photo-button img { display: inline-block; }

.payment-summary h2 .edit-link { float: right; font-size: 12px; font-weight: 600; color: rgba(81, 110, 149, 1); position: relative; }
.payment-summary h2 .edit-link a { color: #000; }
.payment-summary h2 .edit-link:before { font-family: 'medcure'; content: "\e959"; font-size: 11px; font-weight: 400; margin-right: 8px; color: #000; }

.payment-summary.profile-edit-main { background: #fafcfe; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);}
.payment-summary.profile-edit-main h2 { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.profile-edit-main .summary-text-box { box-shadow: none; padding: 8px 20px; }
.profile-edit-main .summary-text-box .summary-text { border: none; padding: 15px 20px; margin: 15px 0; background: #fff; 
	box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 5px; }

/*----------- Notifiication page css ---------*/

.notifiication-bell-icn { width: 36px; height: 36px; background-color: #585CE5; border-radius: 10px; position: relative; }
.notifiication-bell-icn:before { font-family: 'medcure'; content: "\e900"; font-size: 15.45px; color: #ffffff; position: absolute;
    right: 4.6px; top: 5.3px; transform: rotate(23deg); }
.notifiication-text-box { display: flex; }
.notifiication-text-box-left { width: 80%; }
.notifiication-text-box-right { width: 20%; text-align: end; }
h2.notifiication-text-title { font-size: 16px !important; font-weight: 500 !important; color: #000 !important; }
p.notifiication-text-main-msg { font-size: 14px; font-weight: 400; }
.reminder-text.notifiication-text { padding: 7px 0 0 0; }
.pills-reminder-left.notifiication-icn-left { margin-top: -25px; width: 12%; }
.pills-reminder-box.notifiication-box { padding: 14px 15px; }
.notifiication-bell-icn2 { width: 36px; height: 36px; background-color: #D95656; border-radius: 10px; position: relative; }
.notifiication-bell-icn2:before { font-family: 'medcure'; content: "\e900"; font-size: 15.45px; color: #ffffff; position: absolute; right: 4.6px; top: 5.3px; transform: rotate(23deg); }
.notifiication-bell-icn3 { width: 36px; height: 36px; background-color: #37A26C; border-radius: 10px; position: relative; }
.notifiication-bell-icn3:before { font-family: 'medcure'; content: "\e900"; font-size: 15.45px; color: #ffffff; position: absolute; right: 4.6px; top: 5.3px; transform: rotate(23deg); }
.notifiication-bell-icn4 { width: 36px; height: 36px; background-color: #E3941B; border-radius: 10px; position: relative; }
.notifiication-bell-icn4:before { font-family: 'medcure'; content: "\e900"; font-size: 15.45px; color: #ffffff; position: absolute; right: 4.6px; top: 5.3px; transform: rotate(23deg); }
h2.notifiication-day-text { font-size: 16px !important; font-weight: 500 !important; color: #000 !important; margin: 0 !important; padding: 0 !important; }
.pills-reminder-box.notifiication-box.align { margin: 7px 0 0 0 !important; }
.notifiication-yesterday { margin-top: 25px; }
/*----------- Support page css ---------*/

.charges-details.support-top-baar-details { display: flex !important; width: 100%; padding: 10px 0 0 0 !important; }
.support-top-baar-text-area { margin-left: 12.5px !important; margin-top: 5px; }
h1.support-top-baar-text1 { font-size: 22px !important; font-family: 'Barlow'; font-weight: 500 !important; color: #ffffff; }
h3.support-top-baar-text2 { font-size: 16px; font-weight: 400; color: #ffffff; }
button.support-top-baar-btn { font-size: 12px; color: #3160A2; background-color: #ffffff; border: none; width: 62px; padding: 2px 0;
    border-radius: 25px; margin-top: 13px; }
.details-top-section.support-section { padding: 0; }
.product-overview-section .list .item-cell .text { font-size: 16px; font-weight: 400; }
/*----------- Privacy Policy page css ---------*/

.notifiication-page .privacy-policy-box { padding-left: 16px; padding-right: 10px; margin-top: 38px; margin-bottom: 38px; }
.privacy-policy-box .title { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 15px 15px 0 0; }
.privacy-policy-box .title p {font-size: 18px; font-weight: 400; color: #000; background-color: #ffffff; padding: 21px 20px;
    border-radius: 15px 15px 0 0; }
.privacy-policy-box .main-text-box {box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 0 0 15px 15px; }
.privacy-policy-box .main-text-box .main-text {padding: 34px 21px 27px 22px; }
.privacy-policy-box .main-text-box .main-text p {font-size: 14px; color: #000; }
.privacy-policy-box .main-text-box .main-text .text-align {font-size: 14px; color: #000; margin-top: 20px; }
/*----------- Appointments page css ---------*/

.charges-details.appointments-top-baar-details {display: flex !important; width: 100%; padding: 140px 0 0 0 !important; }
.specialties-main.appointments-specialties-main {display: inline-block; width: 100%; padding-top: 0; }
.toolbar.tabbar.appointment-toolbar { position: absolute; top: 140px; padding: 0; left: 50%; transform: translate(-50%, -50%); background: none; box-shadow: none; }
.toolbar-inner.appointment-toolbar-inner { display: flex; align-items: center; justify-content: center; height: auto; }
a.tab-link.appointment-tab-link { font-size: 18px; padding: 5px 0 10px 0; width: 140px; border: 1px solid #fff; border-radius: 10px; background: transparent; color: #fff; }
a.tab-link.appointment-tab-link.tab-link-active { background: #ffffff; color: #000; border: none; width: 154px; }
img.appointment-dr-call { position: absolute; right: 0px; bottom: -10px; }
.tabs-product-left.appointment-tabs-product-left { position: relative; }
.tabs-bottom-section.appointments-tabs-bottom-section { padding: 0; }
.tabs-product-right.appointment-tabs-product-right { padding-left: 10px; }
.tabs-product-right.appointment-tabs-product-right .title-part { display: flex; }
.tabs-product-right.appointment-tabs-product-right .title-part .left { width: 80%; }
.tabs-product-right.appointment-tabs-product-right .title-part .right { width: 20%; text-align: end; }
.tabs-product-right.appointment-tabs-product-right .title-part .left p { font-size: 16px; font-weight: 600; color: #000; }
.tabs-product-right.appointment-tabs-product-right .title-part .right p { font-size: 12px; color: #0d124c; margin-top: 2px; }
.tabs-product-right.appointment-tabs-product-right .second-part p { font-size: 15px; color: #000; padding: 0; }
.tabs-product-right.appointment-tabs-product-right .third-part p { font-size: 12px; color: #000; padding: 3px 0 0 0; }
.appointment-box.appointment-box-section { margin-top: 0 !important; }
.appointment-box.appointment-box-section .fvrt-numb { margin-right: 66px; padding-top: 0; font-size: 14px; }
.appointment-box.appointment-box-section .fvrt-numb:before { font-family: 'medcure'; content: "\e91c"; font-size: 11.76px; color: #E8425E;
   margin-right: 5px; }
.appointments-past-tab p { font-size: 20px; color: #000; }
.tabs-product-main.align { margin-top: 16px; }
.appointments-upcoming-tab-area .appointments-upcoming-tab-text p { font-size: 26px; line-height: 44px; color: #000; width: 90%; padding-bottom: 70px; }
.appointments-upcoming-tab-area .appointments-upcoming-tab-text p span { color: #1D3A62; }
.appointments-upcoming-tab-area .appointments-upcoming-tab-img-area { margin-left: -15px; margin-top: -40px; }
.appointments-upcoming-tab-area .btn-align { margin: 38px 0; }
.appointments-upcoming-tab-area .appointments-upcoming-tab-btn { padding: 0 30px; }
/*----------- my-doctors page css ---------*/

.my-doctors-area { margin-top: 40px; padding: 0 14px; }
.tabs-product-box .tabs-product-right h2 a { font-size: 14px; line-height: 18px; color: #000; }
.tabs-product-box .tabs-product-right .num-of-tablet { font-size: 12px; line-height: 12px; color: #1D3A62; padding: 3px 0 0 0; }
.tabs-product-box .tabs-product-right .main-mrp { padding: 4px 0 0 0; font-size: 16px; line-height: 12px; color: #000; }
.tabs-product-box .tabs-product-right .main-mrp .del-mrp { font-size: 12px; line-height: 12px; color: #1D3A62; }
.tabs-product-box .tabs-product-right .order-id { padding: 4px 0 0 0; font-size: 12px; line-height: 12px; color: #1D3A62; }
.tabs-product-right .my-doctors-tabs-product-right { padding-left: 16px; }
.appointment-box.my-doctors-appointment-box { margin: 0; }
.my-doctors-appointment-box .date { font-size: 12px; line-height: 12px; color: #000; }
.my-doctors-appointment-box .deliver { font-size: 12px; line-height: 12px; color: #000; margin-left: -40px; }
span.deliver.canceled { color: #E8425E; }
/*----------- My Payments page css ---------*/

.details-title.my-payments-details-title { display: flex; }
.details-box-main .details-title .left { width: 50%; }
.details-box-main .details-title .left p { font-size: 18px; line-height: 30px; color: #000; }
.details-box-main .details-title .right { width: 50%; text-align: end; }
.details-box-main .details-title .right p { font-size: 11px; line-height: 30px; color: #516E95; }
.details-box-main .details-title .right p:after { font-family: 'medcure'; content: "\e921"; font-size: 8px; margin-left: 4px; }
.fields-name-section .my-payments-credit-card-img { margin: 20px 0; }
.fields-name-section .item { display: flex; }
.fields-name-section .item .left { width: 50%; margin-right: 9px; }
.fields-name-section .item .right { width: 50%; margin-left: 9px; }
.fields-name-section .item .left .active{ background: #166CDD; }
.fields-name-section .item .left p { position: relative; padding: 23px 40px; border-radius: 20px; }
.fields-name-section .item .right p { position: relative; padding: 17px 40px; border-radius: 20px; }
.my-payments-item { margin-left: 5px; }
.fields-name-section .item .left p:after { font-family: 'medcure'; content: "\e938"; position: absolute;
    color: #fff; top: 11.5px; right: 12px; }
.pay-securely-btn.my-payments-btn { padding: 10px 0 30px 0; }
/*----------- My Address page csss ---------*/

.payment-mycard-details.my-address-details { padding: 0 14px; margin-top: 10px; margin-bottom: 10px; }
.details-box-main .details-title .address-title-left { display: flex; align-items: center; padding-top: 20px; }
.details-title.my-payments-details-title.my-address-details-title { padding: 0 20px; }
.details-box-main .details-title .address-title-right { width: 50%; text-align: center; position: relative; }
.details-box-main .details-title .address-title-left p { margin-left: 10px; margin-top: -3px; }
.details-box-main .details-title .address-title-right p { font-size: 11px; color: #fff; background-color: #0d124c;
    width: 56px; padding: 4px 0; position: absolute; right: 0; }
.details-payment-method .my-address-content-text { display: flex; border-bottom: 1px solid #516E95; width: 100%; padding: 10.5px 0; }
.details-payment-method .my-address-content-text .my-address-name-icn { width: 28px; height: 28px; background-color: #ffffff;
    position: relative; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.details-payment-method .my-address-content-text .my-address-name-icn:before { font-family: 'medcure'; content: "\e92c";
    font-size: 12px; color: #1D3A62; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.details-payment-method .my-address-content-text .my-address-name-text { font-size: 16px; line-height: 28px; color: #000;
    margin-left: 11px; }
.details-payment-method .my-address-content-text .my-address-call-icn { width: 28px; height: 28px;
    background-color: #ffffff; position: relative; border-radius: 10px;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.details-payment-method .my-address-content-text .my-address-call-icn:before { font-family: 'medcure';
    content: "\e91f"; font-size: 12px; color: #1D3A62; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); }
.details-payment-method .my-address-content-text .my-address-mail-icn { width: 28px; height: 28px; background-color: #ffffff;
    position: relative; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.details-payment-method .my-address-content-text .my-address-mail-icn:before { font-family: 'medcure'; content: "\e956"; font-size: 11px;
    color: #1D3A62; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.details-payment-method .my-address-content-text1 .my-address-location-icn { width: 47px; height: 28px; background-color: #ffffff;
    position: relative; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.details-payment-method .my-address-content-text1 .my-address-location-icn:before { font-family: 'medcure'; content: "\e902"; font-size: 14px;
    color: #1D3A62; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.details-payment-method .my-address-content-text1 .my-address-name-text1 { font-size: 16px; line-height: 23px; color: #000; margin-left: 11px; }
.details-payment-method .my-address-content-text1 { display: flex; width: 100%; padding: 10.5px 0; }
.add-new-address-radio { display: block; position: relative; padding-left: 25px; margin-top: 10px; margin-bottom: 20px; cursor: pointer; }
.add-new-address-radio .text { font-size: 12px; line-height: 28px; color: #1D3A62; }
.add-new-address-radio input { visibility: hidden; cursor: pointer; }
.mark { position: absolute; top: 5px; left: 0; height: 15px; width: 15px; border: 2px solid #1D3A62; border-radius: 50%; }
.add-new-address-radio input:checked ~ .mark { background-color: transparent; }
.mark:after { content: ""; position: absolute; display: none; }
.add-new-address-radio input:checked ~ .mark:after { display: block; }
.add-new-address-radio .mark:after { left: 4px; top: 4px; width: 7px; height: 7px; border-radius: 50%; background-color: #1D3A62; }
.pay-securely-btn.add-new-address-btn { padding: 0; }
.sign-up-form.personal-up-form.add-new-address-up-form { padding: 0; box-shadow: none; }

/*----------- My Address page csss ---------*/

.reviews-area .doctor-review .details .doctor-profile { background-color: #0d124c; padding: 21px 0 17px 0; text-align: center;
    position: relative; border-radius: 15px 15px 0 0; }
.reviews-dr-img { display: flex; justify-content: center; }
.reviews-area .doctor-review .details .doctor-profile .text1 { font-size: 22px; line-height: 36px; color: #ffffff; }
.reviews-area .doctor-review .details .doctor-profile .text2 { font-size: 16px; line-height: 12px; color: #ffffff; }
.reviews-area .doctor-review .details .doctor-profile a { position: absolute; top: 15px; right: 17px; }
.reviews-area .doctor-review .details .doctor-profile .edit-icn:before { font-family: 'medcure'; content: "\e959"; color: #ffffff; font-size: 14px; }
.reviews-area .doctor-review .ratings-area { background-color: #ffffff; padding: 29px 0 31px 0; border-radius: 0 0 15px 15px; }
.reviews-area .doctor-review .ratings-area .star-ratings { text-align: center; }
.reviews-area .doctor-review .ratings-area .star-ratings p { font-size: 21px; line-height: 28px; color: #3160A2; }
.reviews-area .doctor-review .ratings-area .ratings-for .items { display: flex; padding: 0 32px; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left { width: 50%; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left .item1 { font-size: 14px; line-height: 36px; color: #516E95; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left .item1:before { font-family: 'medcure'; content: "\e92b";
    font-size: 14.67px; margin-right: 8.2px; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .right { width: 50%; display: flex; justify-content: end; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .right .text { font-size: 14px; line-height: 41px; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .right img { margin-top: 5px; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left .item2 { font-size: 14px; line-height: 36px; color: #516E95; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left .item2:before { font-family: 'medcure'; content: "\e95a";
    font-size: 12px; margin-right: 8.2px; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left .item3 { font-size: 14px; line-height: 36px; color: #516E95; }
.reviews-area .doctor-review .ratings-area .ratings-for .items .left .item3:before { font-family: 'medcure'; content: "\e958";
    font-size: 14.67px; margin-right: 9.2px; }
.reviews-section { padding: 30px 14px; box-sizing: border-box; }
.review-item { margin-top: 23px; background: #fff; border-radius: 10px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.review-item .prsn-details { background: #ffffff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); padding: 12px; display: flex;
    border-radius: 15px 15px 0 0; }
.review-item .prsn-details .prsn-img { width: 20%; }
.review-item .prsn-details .prsn-img .prsn-img-area { width: 62px; height: 62px; background-color: #ffffff;
    position: relative; border-radius: 15px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); }
.review-item .prsn-details .prsn-img .prsn-img-area .reviews-prsn-img { width: 48.75px; position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); border-radius: 10px; }
.review-item .prsn-details .prsn-name { width: 60%; }
.review-item .prsn-details .prsn-name .text-box { margin-left: 10px; }
.review-item .prsn-details .prsn-name .text-box .name { font-size: 18px; line-height: 36px;
    color: #000; font-weight: 500; margin-top: 5px; }
.review-item .prsn-details .prsn-name .text-box .time { font-size: 14px; line-height: 28px; color: #000; margin-top: -10px; }
.review-item .prsn-details .review-fvt-btn { width: 20%; position: relative; margin-top: -20px; }
.review-item .prsn-details .review-fvt-btn .icn-bg-main { width: 42px; height: 42px; background-color: #ffffff; opacity: 48%;
    box-shadow: 0px 16px 35px rgb(232 66 94 / 61%); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.review-item .prsn-details .review-fvt-btn .icn-bg { width: 32px; height: 32px; background-color: #ffffff; box-shadow: 0px 16px 35px rgb(232 66 94 / 61%);
    border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.review-item .prsn-details .review-fvt-btn .icn-bg .icn:before {font-family: 'medcure'; content: "\e91c"; font-size: 13.76px; color: #E8425E; position: absolute; top: 52%;
    left: 50%; transform: translate(-50%, -50%); }
.review-item .prsn-review { padding: 19px 17px 7px 17px; }
.review-item .prsn-review .up { display: flex; }
.review-item .prsn-review .up .ratings-box { width: 50%; display: flex; }
.review-item .prsn-review .up .ratings-box img { margin-left: -10px; }
.review-item .prsn-review .up .ratings-box p { font-size: 16px; line-height: 28px; color: #3160A2; margin-top: 1px; }
.review-item .prsn-review .up .like-comments-box { width: 50%; display: flex; justify-content: end; }
.review-item .prsn-review .up .like-comments-box .like-icn-box {width: 27px; height: 27px; background-color: #ffffff; position: relative; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);
    border-radius: 10px; }
.review-item .prsn-review .up .like-comments-box .like-icn-box:hover { background-color: #166CDD; }
.review-item .prsn-review .up .like-comments-box .like-icn-box:hover .like-icn:before { color: #ffffff; }
.review-item .prsn-review .up .like-comments-box .like-icn-box .like-icn:before {font-family: 'medcure'; content: "\e95b"; color: #166CDD; font-size: 14.17px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.review-item .prsn-review .up .like-comments-box .comments-icn-box { width: 27px; height: 27px; background-color: #fff; margin-left: 11px;
    position: relative; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); border-radius: 10px; }
.review-item .prsn-review .up .like-comments-box .comments-icn-box:hover { background-color: #3160A2; }
.review-item .prsn-review .up .like-comments-box .comments-icn-box:hover .comments-icn:before { color: #ffffff; }
.review-item .prsn-review .up .like-comments-box .comments-icn-box .comments-icn:before { font-family: 'medcure'; content: "\e957";
    color: #3160A2; font-size: 13.18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.review-item .prsn-review .down { margin-top: 20px; }
.review-item .prsn-review .down p { font-size: 15px; line-height: 24px; color: #000; margin-bottom: 10px; }

.review-details-main .review-item .prsn-details { box-shadow: none; }
.review-details-main .review-item .prsn-review { padding-top: 0; }
.review-details-main .review-item .prsn-review .down { margin-top: 0; }
.review-details-main .review-details-input { display: inline-block; width: 100%; padding: 0 0 10px 0; box-sizing: border-box; }
.review-details-main .review-details-input input { border: solid 2px #B4C7DE; width: 100%; height: 50px; border-radius: 10px; padding: 0 10px; font-size: 15px; font-weight: 400; 
	box-sizing: border-box; outline: none; }

.write-review-main { padding-top: 50px; }
.write-review-title { font-size: 30px; font-weight: 600; text-transform: uppercase; text-align: center; color: #000; }
.write-review-title span { color: #1D3A62; }
.write-review-main p { font-size: 15px; font-weight: 400; color: #000; text-align: center; padding-top: 15px; }
.star-ratings2-img { text-align: center; padding-top: 25px; }
.star-ratings2-img img { display: inline-block; }
.write-review-textarea { box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); margin-top: 30px; }
.write-review-textarea textarea { background: #fff; width: 100%; height: 150px; padding: 15px; box-sizing: border-box; border-radius: 10px; font-size: 18px;
color: #516E95; font-weight: 400; border: none; outline: none; }

.appointment-toolbar .appointment-toolbar-inner a.tab-link { width: auto; padding: 5px 20px 8px; min-width: 130px !important; margin-left: 5px;
text-align: center; }
.sort-filters-main .details-box-main .details-title .right p::after { display: none; }

.sort-filters-reset { display: flex; width: 100%; justify-content: center; padding: 20px 15px; box-sizing: border-box; }
.sort-filters-reset .prsn-img { width: 33.33%; padding: 0 5px; }
.sort-filters-reset .prsn-img .prsn-img-area { width: 100%; height: auto; background-color: #fff; position: relative; text-align: center;
    border-radius: 15px; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); padding: 10px 0; }
.sort-filters-reset .prsn-img .prsn-img-area img { display: inline-block; }
.sort-filters-reset .prsn-img .prsn-img-area h2 { font-size: 14px; font-weight: 500; color: #000; padding-top: 3px; } 

.sort-filters-gender { padding: 20px 5px; } 
.sort-filters-gender .sort-gender { display: inline-block; width: 100%; }
.sort-filters-gender .sort-gender .label { display: inline-block; width: 100%; font-size: 17px; font-weight: 600; color: #000; padding: 0 10px 10px; box-sizing: border-box; }  
.sort-filters-gender .sort-gender .radio-box { float: left; font-size: 16px; font-weight: 600; color: #000; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);
    background: #fff; width: 43%; padding: 15px 10px; border-radius: 10px; margin: 0 10px; box-sizing: border-box; position: relative; }
.sort-filters-gender .sort-gender.gender-box { padding: 20px 10px 0; box-sizing: border-box; }
.sort-filters-gender .sort-gender.gender-box .label { padding: 0 0 10px; }
.sort-filters-gender .sort-gender select { width: 100%; height: 60px; background: #fff; box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102); font-size: 16px; 
    font-weight: 600; color: #000; border-radius: 10px; padding: 0 10px; box-sizing: border-box; outline: none; border: none; }
.visit-type-img { padding: 5px 10px 0; box-sizing: border-box; }

.chat-main-box { padding: 20px; box-sizing: border-box; }
.chat-main-box h2 { font-size: 14px; font-weight: 500; color: #000; }
.chat-main-box .review-item { margin-top: 18px;  }
.chat-main-box .review-item .prsn-details .prsn-name { width: 80%; }
.chat-main-box .review-item .prsn-details { border-radius: 15px; }
.chat-main-box .review-item .prsn-details .prsn-name .text-box .name { font-size: 18px; margin-top: 0; }
.chat-main-box .review-item .prsn-details .prsn-name .text-box .time { font-size: 12px; }
.review-item .prsn-details .review-fvt-btn { text-align: center; margin-top: 0; }
.chat-main-box .review-fvt-btn .min-text { display: block; font-size: 12px; color: #000; font-weight: 500; }
.chat-main-box .review-fvt-btn .number-text { display: inline-block; font-size: 14px; color: #fff; padding: 1px 7px 4px; border-radius: 5px; background: #0d124c; margin-top: 5px; }
.settings-main-box .details-box-main .details-title .address-title-left { padding: 15px 0; }
.sign-out-main .sucessfully-main { height: 636px; }
.sign-out-main .sign-out-text h2 { font-size: 36px; }
.sign-out-main .sign-out-text p { font-size: 18px; font-weight: 500; color: #f8c6cf; }
.sign-out-main .sign-out-text .got-it-btn { padding-top: 30px; }
.sign-out-text .link.cancel { color: #3160A2; background: #fff; margin-top: 20px; }
.sign-out-main .payment-success-top.logout-icon:before { content: "\e931"; }

.body-container { background: #494f8a; }

/*new css add*/
.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 #0d124c;
  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.nav-links-first { padding-top: 20px; padding-bottom: 10px; }
.sidebar .nav-links.nav-links-first li { border-top: none; }
.sidebar .nav-links { padding: 0px; }
.sidebar .nav-links::-webkit-scrollbar { display: none; }
.sidebar .nav-links li { position: relative; list-style: none; transition: all 0.4s ease; padding: 12px 20px; border-top: solid 1px #fff; }
.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: 18px; 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; }
.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*/
.sort-filters-main .details-box-main { margin: 0; }
.page-content.cardiologist-details { padding: 0; }
.cardio-box.cardio-cardiologist { padding-bottom: 10px; }
.cardio-box.cardiologist01 { padding: 0; }
.cardiologist01 .product-review h2 { font-size: 18px; }
.cardiologist01 .product-review p { padding: 0; }
.tabs-container.city.cardiologist-city { display: none; }
.book-an-appoint.book-an-appoint-text { margin: 20px 0 0 0; }
.specialties-main.hospital-list { padding-top: 0px; }
.summary-text.edit-account-summary-text strong { text-align: right; }
.payment-lab-test-cart.edit-account-lab-test-cart { padding-top: 0; }
.chat-main-box.chat-text h2 { padding-top: 22px; }
.details-bottom-section.details-bottom-text { padding: 0; }
.medicine-details-main.details-text { padding-top: 20px; }
.medicine-cart.lab-test-lists.lab-test { padding-top: 20px; }
.payment-success-text.medicine-sucessfully h2 { padding-top: 30px; }
.medicine-details-main.medicine-details-text { padding-top: 50px; }
.medicine-details-main.prescription-page-text { padding-top: 40px; }
.book-an-appoint.book-an-appoint-btn { margin: 20px 0; }
.payment-success-text.sign-out-text .success-text { padding-top: 30px; }
.details-box-main.visa { margin-top: 0; }
.payment-success-text.sign-out-text .log-out-text { padding-top: 30px; }
.wrap-info .list.profile-list ul li.first-item { margin-top: 0; }
.sucessfully-page.reset-password-page { padding: 120px 20px; }
.reset-password-page .got-it-btn .link.back { width: 188px; }
.write-review-main.write-review-text .book-an-appoint { margin: 30px 0; }
.sort-gender.sort-gender-padding-top { padding-top: 20px; }
.sort-gender.sort-filters01 { padding-top: 10px; }
.sheet-modal .toolbar { display: none; }