@import url("https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&family=Manrope:wght@200..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
body {
    font-family: "Manrope", 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: 58px !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: #ff6f61;
    /* box-shadow: 0px 0px 16px rgba(20, 121, 255, 0.35); */
    height: 55px;
    margin: 0 auto;
    border-radius: 0px;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    max-width: 430px;
    right: 0;
    padding: 8px 0px !important;
    border-radius: 20px 20px 0px 0px;
}

.footer.toolbar .toolbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0px 30px;
}

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

.footer.toolbar a.tab-link {
    padding: 0 22px;
    color: #fff;
    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: #fff;
    width: 52px;
    height: 52px;
    border-radius: 100px;
    position: absolute;
    top: -12px;
    left: 8px;
    z-index: -1;
}

.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.html);
    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 0.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 0.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 0.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: 430px;
    margin: 0 auto;
    min-height: 100vh;
    border-left: 2px solid #eee;
    border-right: 2px solid #eee;
}

.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;
    background: #ff6f61;
    padding-bottom: 20px !important;
    margin-bottom: 22px;
    border-radius: 0px 0px 20px 20px;
    padding-top: 5px;
    text-align: center;
}

.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: 0px;
    /*     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: -14px;
    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: #fff;
    border-bottom: solid 2px #e8e7e7;
    padding: 0px 15px 22px 15px;
    margin: 0 -15px 10px;
}

.home-top-text strong {
    font-size: 20px;
    font-weight: 600;
    line-height: 42px;
    color: #fff;
}

.search-menu-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0px 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: auto;
    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;
    height: 100%;
}

.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;
    font-size: 11px;
}

.doctors-box .special-box {
    min-width: 180px;
    max-width: 180px;
}

.doctors-box .special-box .special-text-box {
    padding: 20px 0px;
    height: 100%;
}

.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;
    margin-top: 6px;
    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: #f4b942;
    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;
    margin-bottom: 20px;
    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,
.sign-form-fild textarea {
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    border: none;
    box-shadow: none;
    background: #fff;
    outline: none;
    padding: 7px 0px;
}

.sign-form-fild input::placeholder {
    color: #000 !important;
}

.sign-botton {
    display: inline-block;
    width: 100%;
    padding-top: 35px;
}

.sign-botton a,
.sign-botton button {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    background: #ff6f61;
    border-radius: 5px;
    padding: 14px 0;
    box-shadow: 0px 14px 40px rgba(0, 0, 0, 0.102);
    border: 0px;
}

/*.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;
    width: 150px;
}

.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: 0px 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: #ffffff;
    margin: 0px;
}

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

#app {
    height: 100%;
}

.p-15 {
    padding: 15px;
}

.px-15 {
    padding: 0px 15px;
}

.pt-0-important {
    padding-top: 0px !important;
}

.box_round_firm span {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 2px !important;
    /* background-color: #fff1ec; */
    color: #ff6f61 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: auto;
    border-radius: 100%;
    font-size: 14px !important;
    font-weight: 500 !important;
    background-color: #fdf0ed;
}

.doctors-box .special-box .special-text-box {
    padding: 20px 10px;
    padding-top: 10px !important;
}

.mnop_service_box {
    overflow-x: inherit;
}

.mnop_service_box .special-box {
    min-width: 25% !important;
    max-width: 25% !important;
    width: 25% !important;
    height: 100%;
}

.p-0-x {
    padding: 0px !important;
}

.mnop_service_box {
    padding-bottom: 0px;
}

.medicine-right-updated {
    width: 100% !important;
}

.bidds_button {
    display: grid !important;
    gap: 10px;
}

.bidds_button a {
    text-align: center;
    padding: 16px 10px !important;
    background-color: #f4b942 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 17px !important;
}

.offcanvas-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    width: 430px;
    right: 0;
    margin: auto;
}

.offcanvas {
    position: fixed;
    bottom: -500%;
    left: 0;
    width: 430px;
       height: 90%;
    background: #fff;
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.3);
    z-index: 100;
    transition: bottom 0.3s ease;
    padding: 0px;
    right: 0;
    margin: auto;
    border-radius: 20px 20px 0px 0px;
}

.offcanvas.show {
    bottom: 0;
}

.open-btn {
    cursor: pointer;
}

.close-btn {
    float: right;
    padding: 5px 10px;
    background: #dc3545;
    color: white;
    border: none;
    border-radius: 3px;
    cursor: pointer;
}

.boxv2 {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    overflow-y: auto;
    height: 100%;
    /* Hide scrollbar for Webkit browsers */
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE and Edge */
}

.boxv2::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
}

.hidemenu::before {
    content: "" !important;
}

.boxv2 .profile-top-title {
    bottom: 0px;
}

.boxv2 .charges-details.medicine-payment-details {
    padding: 20px 0;
}

.boxv2 .profile-main-page {
    text-align: center;
    margin-top: 0px;
    height: fit-content;
    padding-bottom: 0px;
}

.home-top-text div {
    color: #ffffffd4;
}

.sign-form-fild input::placeholder {
    color: #a7a7a7 !important;
    /* Light gray, soft look */
    opacity: 1;
    /* Keep visible */
}

.sign-form-fild {
    border: 1px solid #ff6f61;
}

.informationp {
    font-size: 15px;
    line-height: 27px;
    text-align: justify;
}

.iaccept_box {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    cursor: pointer;
    margin-top: 14px;
}

.iaccept_box input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ff6f61;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: 0.3s ease;
}

.iaccept_box input[type="checkbox"]:checked {
    background-color: #ff6f61;
    border-color: #ff6f61;
}

.iaccept_box input[type="checkbox"]::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    opacity: 0;
    transition: 0.2s ease;
}

.iaccept_box input[type="checkbox"]:checked::after {
    opacity: 1;
}

.yourrequestsBox {
    padding: 0px 10px;
}

.yourrequestsBox p {
    color: #000;
    font-size: 15px;
    font-weight: 700;
}

.form-control {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    border: none;
    box-shadow: none;
    background: #fff;
    outline: none;
    padding: 7px 18px;
    width: -webkit-fill-available;
}

.yourrequestsBox .d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f4b942;
    padding-left: 14px;
}

.myHealingRequests .left-box svg {
    width: 25px;
    height: 25px;
    background-color: #eee;
    padding: 9px;
    color: #000;
}

.myHealingRequests {
    padding: 0px 10px;
    margin-top: 20px;
    display: grid;
    gap: 15px;
}

.listBox {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 15px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 14px;
}

.right-box {
    width: 100%;
}

.right-box button {
    float: right;
    color: #fff;
    border: none;
    background-color: #ff6f61;
    padding: 8px 12px;
    font-size: 11px;
    border-radius: 6px;
    margin-top: 4px;
}

.right-box p {
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.successbox .left-box svg {
    background-color: #28a745;
    color: #fff;
}

.left-box {
    display: flex;
}

.newRequestBox a {
    background-color: #f4b942;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
}

.healing-input {
    font-size: 14px;
    padding: 13px 13px;
    border-bottom: 1px solid #ff6f61;
}

.form-group label {
    display: flex;
    color: #000;
    font-size: 14px;
    margin-bottom: 9px;
    font-weight: 500;
}

.submitButton {
    background-color: #000000;
    border: 0px;
    padding: 14px;
    color: #fff;
    border-radius: 10px;
}

.bidsbox .listBox {
    display: flex;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s;
}

.bidsbox .left-box {
    margin-right: 16px;
    display: flex;
    align-items: center;
}

.bidsbox .custom-checkbox {
    width: 22px;
    height: 22px;
    border: 2px solid #28a745;
    border-radius: 4px;
    position: relative;
    display: inline-block;
}

.bidsbox .custom-checkbox input {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.bidsbox .custom-checkbox::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid #28a745;
    border-width: 0 2px 2px 0;
    opacity: 0;
    transform: rotate(45deg);
    transition: opacity 0.2s;
}

.bidsbox .custom-checkbox input:checked + .custom-checkbox::after {
    opacity: 1;
}

.bidsbox .right-box {
    flex-grow: 1;
}

.bidsbox .right-box p {
    margin: 0;
    font-weight: 500;
}

.bidsbox .right-box div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 6px;
}

.bidsbox .right-box span {
    font-size: 14px;
    color: #888;
}

.bidsbox .right-box button {
    background: #dc3545;
    border: none;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
}

.right-box ul li {
    list-style: disc;
    margin-left: 19px;
    color: #000;
    margin-top: 10px;
}

.reportbox {
    background-color: #fff;
    padding: 15px;
}

p.updatetext {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-bottom: 7px;
}

.special-main.specialties-box input {
    margin-bottom: 10px;
}

.special-main button {
    width: 100%;
}

.tab-link-active svg {
    color: #ff6f61;
}

.spinner {
    display: inline-block !important;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.6s linear infinite;
    vertical-align: middle;
    margin-left: 8px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

#submitBtn .spinner {
    display: none;
}

span.error-text {
    color: #ff6f61;
    font-size: 13px;
    font-weight: 700;
}

.d-none {
    display: none !important;
}

.custom-alert {
    position: relative;
    padding: 15px 20px;
    margin: 20px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffe6e6;
    color: #b30000;
    border-left: 5px solid #ff1a1a;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.custom-alert i {
    margin-right: 10px;
}

.close-alert {
    background: none;
    border: none;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    color: #b30000;
    line-height: 1;
}

.home-top-bar {
    text-align: center;
}

.navbar.navbar-home {
    margin-bottom: 10px;
}

.link.back svg {
    width: 26px;
}

.newRequestBox {
    margin-top: 10px;
}

.left0crbox {
    width: 24% !important;
}

.yourrequestsBox .d-flex.minorbox {
    width: 86%;
}

.yourrequestsBox .d-flex button {
    border: 0px;
    background-color: transparent;
    color: #fff;
    padding: 10px;
}

#toast-container > div {
    opacity: 1 !important;
}

.special-main {
    padding-left: 10px !important;
}

.doctors-box .special-box {
    min-width: 50%;
    max-width: 50%;
}

.special-main {
    display: flex;
    align-items: flex-start;
    padding: 20px 0 20px 20px;
    margin: 0 -15px 0 -25px;
    scrollbar-color: #1d3a62 #ccc;
    scrollbar-width: thin;
    flex-wrap: wrap;
}

.special-main .special-box:nth-child(1) .special-text-box {
    border-radius: 25px 0 0 0;
}

/* Top Right */

.special-main .special-box:nth-child(2) .special-text-box {
    border-radius: 0 25px 0 0;
}

/* Bottom Left */

.special-main .special-box:nth-child(3) .special-text-box {
    border-radius: 0 0 0 25px;
}

/* Bottom Right */

.special-main .special-box:nth-child(4) .special-text-box {
    border-radius: 0 0 25px 0;
}

.bidscount {
    display: inline-block;
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 4px;
    margin-left: 8px;
}

.notificationIcon {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #ffffff;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notificationIcon svg {
    color: #ff6f61;
}