:root{
    --clr-primary:#03AD98;
    --clr-primary-light:#D7F6F1;
    --clr-white: #FFFFFF;
    --clr-black: #000000;
    --clr-black-800: #2C2C2C;
    --body-font-family: 'Source Sans Pro', sans-serif;
    --title-font-family: 'Oswald', sans-serif;
}
body{
    font-family:source sans pro,sans-serif;
    font-weight:400;
    font-size:16px
}
h1,h2,h3,h4,h5,h6{
    font-family:oswald,sans-serif
}
.ribbon{
    --ribbon-size: 20px;
    --ribbon-padding-inline: 6px;
    padding: 2px 10px 2px 30px;
    /* border-radius:4px; */
    background-color: #EA4335;
    color: #fff;
    width: fit-content;
    clip-path: polygon(0 0, var(--ribbon-size) 50%, 0 100%, 100% 100%, 100% 0);
}

.discount {
    position: absolute;
    right: 0;
    font-size: .75rem;
    line-height: 22px;
}

.underline {
    position: relative;
    z-index: 1;
}

.underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 18px;
    background: #D8EDE9;
    z-index: -1;
}


/*===== Section header =====*/

.section-header {
    margin-bottom: 1.5rem;
}

.section-header .title {
    color: #2C2C2C;
    font-size: 1.5rem;
    font-weight: 400;
}

.section-header .sup-title {
    color: #03AD98;
    position: relative;
}

.section-header .sup-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 20px;
    background-color: #00665A;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .section-header {
        margin-bottom: 2rem;
    }
    .section-header .title {
        color: #2C2C2C;
        font-size: 2.75rem;
    }
}

@media (min-width: 768px) {}


/*===== Button =====*/

.btn {
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
}

.btn:focus {
    box-shadow: none;
}

.btn,
.btn-text {
    font-size: 1rem;
}

.btn-solid-light {
    color: #3B3F48;
    padding: .75rem 2rem;
    border-radius: 6px;
    background-color: #D7F6F1;
}

.btn-solid,
.btn-solid-light:hover {
    color: #ffffff;
    padding: .75rem 2rem;
    border-radius: 6px;
    background-color: #03AD98;
}

.btn-solid-ol {
    color: #03AD98;
    border: 1px solid #03AD98;
}

.btn-solid-ol:hover {
    color: #ffffff;
    background-color: #03AD98;
}

.btn i {
    margin-left: 6px;
}

.btn-text {
    color: #03AD98;
    font-weight: 600;
    padding: 1rem 0;
    text-decoration: none;
}

.btn-fluid {
    display: block;
    width: 100%;
    padding: .375rem 1rem;
}

a {
    text-decoration: none;
}

.sec-py,
.sec-pt {
    padding-top: 1.5rem;
}

.sec-py,
.sec-pb {
    padding-bottom: 1.5rem;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .sec-py,
    .sec-pt {
        padding-top: 50px;
    }
    .sec-py,
    .sec-pb {
        padding-bottom: 50px;
    }
}

@media (min-width: 992px) {
    .sec-py,
    .sec-pt,
    .sec-lg-py,
    .sec-lg-pt {
        padding-top: 80px;
    }
    .sec-py,
    .sec-pb,
    .sec-lg-py,
    .sec-lg-pb {
        padding-bottom: 80px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Header
================================================*/


/* .home-header{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
} */

.header.sticky-top {
    background-color: #EAF4F3;
}

.navbar {
    width: 100%;
    padding: 0;
}

.navbar .navbar-brand {
    width: 150px;
}

.cart-btn {
    position: relative;
}

.cart-btn .badge {
    position: absolute;
    transform: translate(-50%, -50%);
    border-radius: 50rem;
    background-color: #EA4335;
}

.nav-item .nav-link {
    color: #2C2C2C;
}

.header .navbar-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.header .navbar-right .nav-link.get-link {
    color: #03AD98;
}

.header .navbar-right .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: row;
}

.header .navbar-right ul li a {
    display: block;
    padding: 10px 12px;
    color: #2C2C2C;
    font-size: 1.125rem;
    font-weight: 400;
}

.header .navbar-right .link {
    color: #2C2C2C;
}

.navbar-right .dropdown .link {
    color: #2C2C2C;
}

.navbar-right .dropdown .dropdown-menu {
    min-width: 100px;
    padding: .5rem .75rem;
}

.navbar .dropdown-toggle::after {
    border: none;
}

.mobile-nav-right .cart-btn {
    color: #2C2C2C;
    margin-right: 1rem;
}


/*====== Modal =========*/

.modal-dialog {}

.modal-content {
    padding: 1rem;
    border-radius: 20px;
}

.modal-content form .form-control {
    height: 50px;
}

.modal-content .modal-header {
    border-bottom: none;
    padding: 0;
}

.modal-content .modal-header .modal-title {
    display: flex;
    align-items: center;
}

.modal-content .modal-header .modal-title i {
    color: #03AD98;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center;
    background-color: #EAF4F2;
    margin-right: 16px;
}

.modal-content .modal-header .modal-close i {
    font-size: 20px;
    color: #2C2C2C;
}

.modal-content {}

.modal-content .modal-body {
    padding: 1rem 0;
}

.modal-content .modal-body .btn-solid {
    padding: 6px 16px;
    width: 100%;
    height: 100%;
}

.modal-content .modal-footer {
    border-top: none;
    padding: .5rem 0;
    justify-content: center;
    margin-bottom: 1rem;
    background-color: #EAF4F2;
    border-radius: 8px;
}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .mobile-header-nav {
        display: none;
    }
    .modal-dialog {
        max-width: 600px;
    }
}

@media (max-width: 991px) {
    .desktop-header-nav {
        display: none;
    }
    .navbar .dropdown-toggle i {
        float: right;
    }
}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*=============================================
NAVBAR TOGGLER
===============================================*/

button.navbar-toggler {
    box-shadow: none;
}

.navbar-toggler {
    padding: 8px 0;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active {
    border: none;
    background: 0 0;
    outline: none;
    box-shadow: none;
}

.navbar-toggler .icon-bar {
    background-color: #ffffff;
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all .2s;
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #2C2C2C;
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-toggler .icon-bar:nth-child(2) {
    width: 16px;
    transition: ease all .2s;
}

.navbar-toggler:hover>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}

.navbar-toggler:active>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
    transition: ease all .2s;
}


/*==============================================
    Hero Section
================================================*/

.hero-carousel-section {
    padding: 40px 0;
    position: relative;
    background-color: #EAF4F3;
}

.hero-carousel {}

.hero-carousel .hero-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}

.hero-carousel .hero-item .hero-content {
    margin-bottom: 1.25rem;
}

.hero-carousel .hero-item .hero-title {
    font-size: 2.25rem;
    font-weight: 400;
}

.hero-carousel .hero-item .hero-img {
    width: 250px;
}

.hero-carousel.owl-carousel .owl-nav .owl-next,
.hero-carousel.owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.hero-carousel.owl-carousel .owl-nav .owl-next i,
.hero-carousel.owl-carousel .owl-nav .owl-prev i {
    font-size: 1rem;
}

.hero-carousel.owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.hero-carousel.owl-carousel .owl-nav .owl-next {
    right: 0;
}

.hero-carousel .hero-item p {
    text-align: left;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .hero-carousel .hero-item {
        flex-direction: row;
        justify-content: space-between;
    }
    .hero-carousel .hero-item .hero-title {
        font-size: 80px;
    }
    .hero-carousel .hero-item .hero-img {
        width: 500px;
    }
    .hero-carousel.owl-carousel .owl-nav .owl-next,
    .hero-carousel.owl-carousel .owl-nav .owl-prev {
        width: 50px;
        height: 50px;
    }
    .hero-carousel.owl-carousel .owl-nav .owl-prev {
        left: -100px;
    }
    .hero-carousel.owl-carousel .owl-nav .owl-next {
        right: -100px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {
    .hero-carousel .hero-item {
        text-align: center;
    }
    .hero-carousel .hero-item p {
        text-align: center;
    }
}


/*==============================================
    Banner Section
================================================*/

.banner-section {
    padding: 40px 0 80px;
    background-color: #EAF4F3;
    z-index: -1;
}

.banner-section .banner-content {
    text-align: center;
}

.banner-section .banner-title {
    font-size: 30px;
    font-weight: 400;
}

.banner-img {
    position: relative;
    text-align: center;
    z-index: 1;
}

.banner-img .rotate {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}

.banner-doc-img {
    position: absolute;
    top: 0;
}

.rotate {
    animation: rotation 12s infinite linear;
}

@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

@media (min-width: 992px) {
    .banner-section {
        padding: 40px 0 100px;
    }
    .banner-section .banner-content {
        text-align: left;
    }
    .banner-section .banner-title {
        font-size: 80px;
        line-height: 104px;
    }
}

@media (max-width: 991px) {
    .banner-section .banner-content {
        margin-bottom: 30px;
    }
    .doctor-img img {
        width: 80%;
    }
}

@media (max-width: 767px) {
    .rotate {
        width: 250px;
    }
    .banner-img .rotate {
        right: 0;
        left: 13%;
    }
}


/*==============================================
    Search Section
================================================*/

.search-section {
    z-index: 999;
}

.wrapper {
    max-width: 100%;
    margin: auto;
}

.wrapper .search-input {
    background: #fff;
    width: 100%;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.12);
}

.search-input input {
    height: 55px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 0 60px 0 20px;
    font-size: 18px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}

.search-input.active input {
    border-radius: 5px 5px 0 0;
}

.search-input .autocom-box {
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 280px;
    overflow-y: auto;
}

.search-input.active .autocom-box {
    padding: 10px 8px;
    opacity: 1;
    pointer-events: auto;
}

.autocom-box li {
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
}

.search-input.active .autocom-box li {
    display: block;
}

.autocom-box li:hover {
    background: #efefef;
}

.search-input .icon {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #03AD98;
    cursor: pointer;
}

.search-p {
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    margin-top: -107px;
    background: #fff;
    z-index: 999;
    position: relative;
}

.search-tab {
    margin-top: 12px;
}

.search-tab ul {
    list-style: none;
    margin: 0;
    padding-left: 10px;
}

.search-tab ul li {
    display: inline-block;
    margin-right: 10px;
}

.search-tab ul li a {
    text-decoration: underline;
    color: #03AD98 !important;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
}

.animate {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}


/*==============================================
    How Work Section
================================================*/

.work-section {}

.work-section .work-item-wrap {}

.work-section .work-item {
    padding: 1rem;
}

.work-section .work-item.active {
    border-radius: 8px;
    padding: 1rem;
    background-color: #03AD98;
}

.work-section .work-item .title-wrap {
    position: relative;
    display: inline-block;
    padding-left: 46px;
}

.work-section .work-item .title-wrap .numbers {
    position: absolute;
    left: 0;
    color: #2C2C2C;
    font-size: 1rem;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EAF4F3;
}

.work-section .work-item .title-wrap .title {
    font-size: 1.125rem;
}

.work-section .work-item .title-wrap a {
    color: #2C2C2C;
}

.work-section .work-item .work-content {
    padding-left: 46px;
}

.work-section .work-item .work-content p {
    font-size: .875rem;
    margin-bottom: 0;
}

.work-section .work-item.active .title-wrap .numbers {}

.work-section .work-item.active .title-wrap a {
    color: #ffffff;
}

.work-section .work-item.active .work-content p {
    color: #ffffff;
}

.work-section .work-img {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-image: url(../../images/how-work-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

.work-section .work-item-img {
    text-align: center;
    margin-top: -85px;
}

.work-section .work-item-img img {
    /* width: 75%; */
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .work-section .work-item {
        padding: 1.125rem 1.75rem;
    }
    .work-section .work-item.active {
        padding: 1.75rem;
        border-radius: 12px;
    }
    .work-section .work-item .title-wrap,
    .work-section .work-item .work-content {
        padding-left: 60px;
    }
    .work-section .work-item .title-wrap .title {
        font-size: 1.5rem;
    }
    .work-section .work-item .title-wrap .numbers {
        font-size: 1.25rem;
        width: 40px;
        height: 40px;
    }
    .work-section .work-item .work-content {}
    .work-section .work-item .work-content p {
        font-size: 1rem;
    }
    .work-section .work-img {
        /* width: 400px;
        height: 348px; */
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Featured Section
================================================*/

.featured-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.featured-item {
    text-align: center;
}

.featured-item .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #EAF4F3;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 1rem;
}

.featured-item .icon-box img {
    width: 80px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .featured-container {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Best Health Package Section
================================================*/

.health-packages {}

.health-packages .card {
    border: none;
    padding: 1rem;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.health-packages .card-header {
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    background-color: transparent;
    padding: 0;
}

.health-packages .card-header img {
    width: 60px;
}

.health-packages .card .card-body {
    padding: 1rem 0 0;
}

.health-packages .card-body .title {
    font-size: 1rem;
    font-weight: 600;
}

.health-packages .card-body span,
.health-packages .card-body ul li,
.health-packages .card-body ul li a {
    font-size: 14px;
}

.health-packages .card-body ul li a {
    color: #03AD98;
    font-weight: 600;
    text-decoration: none;
}

/* .health-packages .card-body ul li:last-child {
    list-style: none;
} */

.health-packages .card-body .price-tag {
    margin-bottom: .75rem;
}

.health-packages .card-body .price-tag span i {
    font-size: 1.375rem;
    margin-right: .25rem;
}

.health-packages .card-body .price-tag span del {
    margin-left: .5rem;
}

.health-packages .card-body .price-tag span del i {
    font-size: .875rem;
}

.health-packages .card-body .price-tag .offer-price,
.tab-carousel .card-body .price-tag .offer-price {
    color: #2C2C2C;
    font-size: 1.75rem;
    font-weight: 700;
}

.health-packages .card-body .price-tag .price,
.tab-carousel .card-body .price-tag .price {
    color: #ccc;
    font-size: 1rem;
}

.health-packages .card-body .btn-solid {
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}

.health-packages .more-card {
    height: 93%;
}

.health-packages .card-body.more {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    border-radius: .5rem;
    background-color: #EAF4F2;
}

.more span.number {
    display: block;
    font-size: 2.25rem;
    font-weight: 700;
}

.more p {
    font-size: 1.5rem;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Health Risk Section
================================================*/

.health-risk-section {
    text-align: center;
}

.health-risk-section .card {
    border: none;
    text-align: left;
    padding: 1.5rem;
    border-radius: .75rem;
    background-color: #EAF4F2;
    margin-bottom: 1.5rem;
}

.health-risk-section .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ffffff;
    margin-bottom: .75rem;
}

.health-risk-section .card .icon-box img {
    width: 100%;
}

.health-risk-section .heart-line {
    position: absolute;
    right: 0;
}

.health-risk-section .card-body {
    padding: 0;
}

.health-risk-section .card-body .title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: .5rem;
}

.health-risk-section .btn-solid {
    padding: .75rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Health Checkup package Section
================================================*/

.health-checkup-section {}

.health-checkup-tab {}

.health-checkup-tab .nav-tabs {
    margin-bottom: 1.5rem;
    border-bottom: none;
}

.health-checkup-tab .nav-tabs .nav-item {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.health-checkup-tab .nav-tabs .nav-item .nav-link {
    color: #2C2C2C;
    font-size: 1.25rem;
    font-weight: 400;
    padding: .5rem 1rem;
    border-radius: .5rem;
    border: none;
    background-color: #f1f1f1;
}

.health-checkup-tab .nav-tabs .nav-item .nav-link.active {
    color: #ffffff;
    font-weight: 600;
    background-color: #03AD98;
}

.tab-carousel .card {
    padding: 1rem;
    background: #FFFFFF;
    border: none;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin: .75rem .75rem 1.5rem;
}

.tab-carousel .card img {
    border-radius: .5rem;
}

.tab-carousel .card .discount {
    top: 1.75rem;
    right: 1rem;
}

.tab-carousel .card-body {
    padding: 1rem 0 0;
}

.tab-carousel .card-body .title {
    color: #2C2C2C;
    font-weight: 600;
    font-size: 1rem;
}

.tab-carousel .card-body .title a {
    color: #2C2C2C;
    text-decoration: none;
}

.tab-carousel .card-body p {
    font-size: 14px;
}

.tab-carousel .card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    background-color: transparent;
}

.tab-carousel .card-body .price-tag {}

.tab-carousel .card-body .btn-solid {
    padding: .25rem 2rem;
    border-radius: 4px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: .75rem;
    padding: 4px 7px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    width: 70px;
    height: 70px;
    border-radius: .5rem;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
    background-color: #D7F6F1;
}

.owl-carousel .owl-nav button.owl-next i,
.owl-carousel .owl-nav button.owl-prev i {
    color: #2C2C2C;
    font-size: 2rem;
}

.owl-carousel .owl-nav button.owl-next:hover i,
.owl-carousel .owl-nav button.owl-prev:hover i {
    color: #ffffff;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
    background-color: #03AD98;
}

.owl-carousel .owl-nav button.owl-next {}

.owl-carousel .owl-dots {
    display: none;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .owl-carousel .owl-dots {
        display: none;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {
    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev {
        width: 40px;
        height: 40px;
        border-radius: .5rem;
    }
    .owl-carousel .owl-nav button.owl-next i,
    .owl-carousel .owl-nav button.owl-prev i {
        font-size: 1rem;
    }
}


/*==============================================
    Health Plan Section
================================================*/

.health-plan-section {}

.health-plan-section .container-fluid {
    /* background-color: #EAF4F3; */
}

.health-plan-section .health-plan-content {
    position: relative;
    border-radius: 12px;
    background-color: #EAF4F3;
    text-align: center;
}

.heartline {
    position: absolute;
    top: 38px;
    left: 0;
}

.health-plan-section .card {
    text-align: left;
    padding: 1rem;
    flex-direction: row;
    margin-bottom: 1.5rem;
    border-radius: 8px;
    border: none;
}

.health-plan-section .card img {
    width: 116px;
    height: 116px;
    object-fit: cover;
    border-radius: 12px;
    margin-right: 1rem;
}

.health-plan-section .card-body {
    padding: 0;
}

.health-plan-section .card-body .title {
    font-size: 1rem;
    font-weight: 600;
}

.health-plan-section .card-body p {
    font-size: 14px;
    text-align: left;
}

.health-plan-section .card-body .btn-text {}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {
    .health-plan-section .health-plan-content {
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .heartline {
        top: 20px;
    }
    .heartline img {
        height: 40px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    why Us Section
================================================*/

.why-us-section {}

.why-us-section .card {
    border: none;
    text-align: center;
}

.why-us-section .card .icon {}

.why-us-section .card-body {}

.why-us-section .card-body .title {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .75rem;
}

.why-us-section .card-body p {}

.why-us-section .card-body a {}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Call To Action Section
================================================*/

.cta-section {
    position: relative;
}

.cta-container {
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../../images/cta-front.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    border-radius: 12px;
    width: 100%;
    height: 180px;
}

.cta-content {
    position: absolute;
    right: 0;
    width: 240px;
}

.cta-content .title {
    font-size: 1.5rem;
    font-weight: 400;
}

.cta-content .btn-text {
    display: flex;
    align-items: center;
    color: #2C2C2C;
    font-size: 1.25rem;
    font-weight: 400;
}

.cta-content .btn-text i {
    color: #ffffff;
    font-size: rem;
    margin-left: 1rem;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #03AD98;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .cta-container {
        min-height: 500px;
    }
    .cta-content {
        width: 500px;
    }
    .cta-content .title {
        font-size: 5rem;
    }
    .cta-content .btn-text {
        font-size: 2.75rem;
    }
    .cta-content .btn-text i {
        font-size: 2rem;
        line-height: 50px;
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
   Testimonial Carousel
================================================*/

.testimonial-carousel .card {
    padding: 1rem;
    height: 100%;
    min-height: 320px;
    border-radius: 12px;
}


/* .testimonial-carousel .card img{
    position: absolute;
    right: 0;
    width: 200px;
    height: 200px;
    bottom: 15px;
    object-fit: cover;
} */

.testimonial-carousel .card-body {
    padding: 0;
    padding-right: 74px;
}

.testimonial-carousel .card-body p {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 1rem;
}

.testimonial-carousel .card-body .link {
    color: #03AD98;
    margin-bottom: .75rem;
}

.testimonial-carousel .card-body .link i {}

.testimonial-carousel .card-body .customer-info {
    margin-top: 1rem;
}

.testimonial-carousel .card-body .customer-info .customer-name {}

.testimonial-carousel .card-body .customer-info p {
    margin-bottom: 0;
}

.testimonial-carousel.owl-carousel .owl-nav {}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .testimonial-carousel .card {
        width: 480px;
        padding: 1.5rem;
    }
    .testimonial-carousel .card-body {
        padding: 0;
        padding-right: 74px;
    }
    .testimonial-carousel.owl-carousel .owl-nav {
        position: absolute;
        top: -120px;
        right: 8%;
    }
    .testimonial-carousel.owl-carousel .owl-nav .owl-prev {
        right: 94px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {
    .testimonial-carousel .card {
        max-width: 340px;
    }
}


/*==============================================
    Download Section
================================================*/

.download-section {
    position: relative;
}

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

.app-screen {
    background-image: url('../../images/mobileback_739x721.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .download-content {
        text-align: left;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .download-section {
        padding-bottom: 60px;
    }
    .download-app {
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .download-app img {
        width: 120px;
    }
}

@media (max-width: 575px) {}


/*==============================================
    Blog Section
================================================*/

.blog-section {
    position: relative;
}

.blog-section .rightplus {
    position: absolute;
    top: -20px;
    left: 0;
    width: 60px;
}

.blog-carousel .card {
    padding: 1rem;
    border: none;
    border-radius: 12px;
    background-color: #EAF4F2;
}

.blog-carousel .card img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    max-height: 165px;
}

.blog-carousel .card-body {
    padding: 1rem 0 0;
}

.blog-carousel .card-body .blog-meta {
    margin-bottom: .25rem;
}

.blog-carousel .card-body .blog-meta .date {
    position: relative;
}

.blog-carousel .card-body .blog-meta .date::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 6px;
    background: #03AD98;
    opacity: 0.3;
}

.blog-carousel .card-body .title {
    font-size: 1.5rem;
    font-weight: 400;
}

.blog-carousel .card-body .title a {
    color: #2C2C2C;
}

.blog-carousel .card-body .btn-text {}

.blog-carousel .card-body .btn-text i {
    margin-left: .375rem;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .blog-section .rightplus {
        position: absolute;
        top: -100px;
        left: 0;
        width: 130px;
    }
    .blog-carousel .card {
        padding: 1.5rem;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Footer Section
================================================*/

.main-footer {
    background-color: #00AE99;
}

.main-footer .footer-top-nav {
    padding-left: 0;
    text-align: center;
}

.main-footer .footer-top-nav li {
    list-style: none;
    display: inline-block;
    margin-bottom: .75rem;
}

.main-footer .footer-top-nav li+li {
    padding-left: 12px;
    margin-left: 12px;
    border-left: 2px solid #ffffff;
}

.main-footer .footer-top-nav li:nth-child(5) {
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}

.main-footer .footer-top-nav li a {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.125rem;
    line-height: 1;
    color: #ffffff;
}

.main-footer .footer-logo {
    width: 160px;
}

.main-footer .footer-about {
    margin-bottom: 1rem;
}

.main-footer .footer-about p {
    color: #ffffff;
    text-align: center;
}

.main-footer .desktop-footer-about {}

.mobile-footer-about {
    text-align: center;
    margin: 1.75rem 0;
}

.main-footer .mobile-footer-about .download-btn,
.main-footer .desktop-footer-about .download-btn {
    margin-top: 1.5rem;
}

.main-footer .footer-widget .footer-title {
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
}

.main-footer .footer-widget.footer-link ul {
    padding: 0;
}

.main-footer .footer-widget.footer-link ul li {
    list-style: none;
}

.main-footer .footer-widget.footer-link ul li a {
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}

.main-footer .footer-contact {}

.main-footer .footer-contact .contact-links {}

.main-footer .footer-contact .contact-links li {
    color: #ffffff;
}

.main-footer .footer-contact .contact-links li a {
    font-size: 1rem;
    color: #ffffff;
}

.main-footer .footer-contact .social-links {}

.main-footer .footer-contact .social-links ul {
    display: flex;
    align-items: center;
}

.main-footer .footer-contact .social-links ul li+li {
    margin-left: .5rem;
}

.main-footer .footer-contact .social-links ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50px;
    background-color: #FFFFFF;
}

.main-footer .footer-contact .social-links ul li a i {
    font-size: 1.25rem;
    color: #00AE99;
}

.copyright {
    padding: 1rem 0;
    background-color: #00665A;
}

.copyright p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .main-footer {
        padding: 60px 0;
    }
    .mobile-footer-about {
        display: none;
    }
    .main-footer .footer-about {
        margin-bottom: 2.5rem;
    }
    .main-footer .footer-top-nav {
        padding-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .desktop-footer-about {
        display: none;
    }
}


/*==============================================
    About Page
================================================*/

.banner-section.about-banner {
    padding-bottom: 0;
}

.about-banner .banner-content {
    padding: 0;
}

.about-banner-img {
    width: 100%;
    height: 320px;
    position: relative;
    background-image: url(../../images/about-banner-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.about-banner-img .doctor-img {
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
}


/*========== About-Section ==========*/

.about-section {}

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

.about-content p {
    font-size: 1rem;
}

.featured-wrap {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
}

.featured-wrap .featured-item {}

.about-content .featured-wrap .featured-item {
    padding: 1.5rem;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    background-color: #ffffff;
}

.featured-wrap .featured-item .icon-box {}

.featured-wrap .featured-item .icon-box img {
    width: 40px;
}

.featured-wrap .featured-item p {
    font-weight: 600;
    margin-bottom: 0;
}

.docopd-about .featured-wrap {
    grid-gap: 1.5rem;
}

.docopd-about .about-content .featured-wrap .featured-item {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}

.docopd-about .featured-wrap .featured-item p {
    font-size: 1rem;
}


/*=========== How to Section =============*/

.how-to-section {}

.how-to-wrap {}

.how-to-img {
    position: relative;
}

.how-to-content {}

.how-to-content .sup-title {
    display: block;
}

.how-to-content {}

.how-to-content p {
    font-size: 1rem;
}


/*=========== Founder Section =============*/

.founder-section {
    text-align: center;
}

.founder-testimonial {
    z-index: 2;
}

.founder-testimonial.owl-carousel .owl-stage-outer {}

.founder-testimonial .testimonial-item {
    position: relative;
}

.founder-testimonial .testimonial-item .testimonial-content {
    position: relative;
    padding: 1.5rem;
    text-align: left;
    border-radius: 12px;
    background-color: #EAF4F3;
}

.founder-testimonial .testimonial-item .testimonial-content p {}

.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta {}

.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta .title {}

.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta .label {}

.founder-testimonial .testimonial-item .testimonial-img {}

.founder-testimonial .testimonial-item .testimonial-img img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}


/*=========== Expert Team Section =============*/

.expert-team-section {}

.expert-testimonial {}

.expert-testimonial .card {
    border: none;
}

.expert-testimonial .card-body {
    padding: 1rem 0;
}

.expert-testimonial .card .title {
    font-size: 1.5rem;
}

.expert-testimonial .card .title a {
    color: #03AD98;
}

.expert-testimonial .card .expert-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.expert-testimonial .card .expert-info span {
    font-size: 1rem;
}

.expert-testimonial .card .expert-info ul li {
    list-style: none;
    display: inline-block;
}

.expert-testimonial .card .expert-info ul li+li {
    margin-left: 4px;
}

.expert-testimonial .card .expert-info ul li a {
    color: #2C2C2C;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .about-banner .banner-content {
        padding: 40px 0 100px;
    }
    .about-banner-img {
        height: 380px;
    }
    .about-banner-img .doctor-img {
        width: 80%;
    }
    .about-content p {
        font-size: 1.5rem;
    }
    .about-content p:first-child {
        font-weight: 600;
    }
    .featured-wrap {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 2rem;
    }
    .docopd-about .featured-wrap {
        grid-template-columns: repeat(4, 1fr);
    }
    .docopd-about .featured-wrap .featured-item p {
        font-size: 1.25rem;
    }
    .how-to-content p {
        font-size: 1.5rem;
    }
    .founder-testimonial .testimonial-item {
        position: relative;
        height: 524px;
        clear: both;
    }
    .founder-testimonial .testimonial-item .testimonial-content {
        max-width: 1102px;
        padding: 80px 280px 70px 70px;
    }
    .founder-testimonial .testimonial-item .testimonial-img {
        position: absolute;
        top: 9%;
        right: 0;
        z-index: 999;
        background: #000;
        border-radius: 25px;
    }
    .founder-testimonial .testimonial-item .testimonial-img img {
        width: 330px;
        height: auto;
    }
    .founder-testimonial .owl-nav {
        position: relative;
        margin-top: -110px;
        z-index: 999 !important;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Opd page Opd Featured
================================================*/

.opd-featured-section {}

.opd-featured-section .card {
    border: none;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1.5rem;
}

.opd-featured-section .card .icon {
    max-width: 85px;
}

.opd-featured-section .card-body {
    padding: .5rem;
    margin-left: 15px;
}

.opd-featured-section .card-body .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.opd-featured-section .card-body p {
    margin-bottom: 0;
    text-align: left;
}

.why-us-section .card-body a {}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Opd page Opd Section
================================================*/

.opd-section {}

.opd-section .opd-item {
    position: relative;
    text-align: center;
    padding: 1.5rem;
    border-radius: 12px;
    background: radial-gradient(108.08% 162.12% at 50% 50%, #F2FAFD 0%, #ECF6F8 15%, #DCEBEB 35%, #C1DAD6 58%, #AFCFC7 82%, #9AC5B8 100%);
    margin-bottom: 1.5rem;
}


/* .opd-section .opd-item .item-content-wrap{

}    */

.opd-section .opd-item .opd-animate-top,
.opd-section .opd-item .opd-animate-bottom {
    position: absolute;
    content: '';
    opacity: .3;
}

.opd-section .opd-item .opd-animate-top {
    top: 0;
    left: 0;
}

.opd-section .opd-item .opd-animate-bottom {
    right: 0;
    bottom: 0;
}

.opd-bg-1,
.opd-bg-2,
.opd-bg-3,
.opd-bg-4 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.opd-bg-1 {
    background-image: url(../../images/Medical-prescription-bro-bg.png);
}

.opd-bg-2 {
    background-image: url(../../images/Blood-test-bro-bg.png);
}

.opd-bg-3 {
    background-image: url(../../images/First-aid-kit-bro-bg.png);
}

.opd-bg-4 {
    background-image: url(../../images/Gynecology-consultation-pana-bg.png);
}

.opd-section .opd-content {}

.opd-section .opd-content .title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.opd-section .opd-content .title-wrap .icon {
    width: 40px;
    margin-right: 1rem;
}

.opd-section .opd-content .title-wrap .title {
    font-size: 22px;
    margin-bottom: 0;
}

.opd-section .opd-content p {
    text-align: left;
}

.opd-suraksha-group {
    position: relative;
}

.opd-suraksha-group .opd-suraksha-item {
    display: flex;
    align-items: center;
}

.opd-suraksha-group .opd-suraksha-item p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.5rem;
}

.opd-suraksha-group .opd-suraksha-item img {
    width: 40px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .opd-section .opd-item {
        margin-bottom: 40px;
    }
    .opd-section .opd-item .section-header {
        width: 400px;
        margin: auto;
    }
    .opd-section .opd-item .section-header .title {
        font-size: 40px;
    }
    .opd-section .opd-item {
        padding: 40px 80px 30px;
    }
    .opd-suraksha-group .opd-suraksha-item.one,
    .opd-suraksha-group .opd-suraksha-item.two,
    .opd-suraksha-group .opd-suraksha-item.three,
    .opd-suraksha-group .opd-suraksha-item.four {
        position: absolute;
    }
    .opd-suraksha-group .opd-suraksha-item img {
        width: 60px;
    }
    .opd-suraksha-group .opd-suraksha-item.one {
        left: -220px;
        top: 60px;
        flex-direction: row-reverse;
    }
    .opd-suraksha-group .opd-suraksha-item.two {
        top: 16px;
        right: -158px;
    }
    .opd-suraksha-group .opd-suraksha-item.one p,
    .opd-suraksha-group .opd-suraksha-item.three p {
        margin-right: .75rem;
    }
    .opd-suraksha-group .opd-suraksha-item.three {
        left: -115px;
        bottom: 38px;
        flex-direction: row-reverse;
    }
    .opd-suraksha-group .opd-suraksha-item.four {
        right: -124px;
        bottom: 44px;
    }
    .opd-suraksha-group .opd-suraksha-item.two p,
    .opd-suraksha-group .opd-suraksha-item.four p {
        margin-left: .75rem;
    }
}

@media (max-width: 991px) {
    .opd-section .opd-item {
        background-image: url(../../images/mobile-opd-bg.png);
        background-repeat: repeat-y;
    }
    .opd-suraksha-group .opd-suraksha-item p {
        margin-left: 10px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Opd page Opd Health Plan
================================================*/

.price-tag .offer-price {
    font-size: 1.75rem;
    font-weight: 700;
    margin-right: .5rem;
}

.price-tag .offer-price i {
    font-size: 1.375rem;
}

.price-tag .price {
    color: #868686;
    font-size: 1rem;
    font-weight: 400;
}

.price-tag .price i {
    font-size: .875rem;
}

.opd-health-plan {}

.opd-plan-carousel .card {
    padding: 1rem;
    flex-direction: row;
    border: none;
    background-color: #EAF4F3;
    border-radius: 12px;
}

.opd-plan-carousel .card .icon {
    margin-right: 1rem;
}

.opd-plan-carousel .card-body {
    padding: 0;
}

.opd-plan-carousel .card-body .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}

.opd-plan-carousel .card-body .title a {
    color: #2C2C2C;
}

.opd-plan-carousel .card-body p {}

.why-us-section .card-body a {}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .opd-plan-carousel .card {
        width: 480px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {
    .opd-plan-carousel .card {
        width: 300px;
    }
    .opd-plan-carousel .card-body .title {
        font-size: 1rem;
    }
    .opd-plan-carousel .card-body p {
        font-size: 14px;
    }
}


/*==============================================
    Opd page Doctor Carousel
================================================*/

.top-doctor-section {
    background-color: #f5f5f5;
}

.doctors .card {
    padding: 1rem;
    border: none;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

.doctors .card-header {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
}

.doctors .card-header .badge {
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #27AE60;
}

.doctors .card-header .badge i {
    color: #ffffff;
    font-size: .675rem;
}

.doctors .card-body {
    padding: 0;
    margin-bottom: 12px;
}

.doctors .card-header .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}

.doctors .card-header .title a {
    color: #2C2C2C;
}

.doctors .card-body p {
    margin-bottom: 0;
}

.doctors .card-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    background-color: transparent;
}

.doctors .card-footer .offer-price {
    font-size: 1.75rem;
    font-weight: 700;
}

.doctors .card-footer .price {
    font-size: 1rem;
    font-weight: 400;
}

.doctors .card-footer .btn {
    font-size: 1rem;
    font-weight: 600;
    padding: .375rem 1.5rem;
    text-transform: uppercase;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Opd page
================================================*/

.we-treat-section {}

.we-treat-content {
    text-align: center;
    background-color: #EAF4F3;
    border-radius: 12px;
}

.we-treat-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.we-treat-container .card {
    padding: 1.25rem 1rem;
    border: none;
    border-radius: 12px;
    text-align: center;
}

.we-treat-container .card img {
    width: 120px;
    margin: auto;
    margin-bottom: .75rem;
}

.we-treat-container .card-body {
    padding: 0;
}

.we-treat-container .card-body .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 600;
}

.we-treat-container .card-body .title a {
    color: #2C2C2C;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .we-treat-container {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .we-treat-container .card {
        padding: 1.5rem 2rem;
    }
    .we-treat-container .card-body .title {
        font-size: 1.5rem;
    }
}

@media (max-width: 991px) {
    .we-treat-container .card img {
        width: 100px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Opd page Specialist Section
================================================*/

.specialist-section {}

.specialist-carousel .card {
    border: none;
    text-align: center;
}

.specialist-carousel .card img {
    width: 175px;
    border-radius: 12px;
}

.specialist-carousel .card-body {
    padding: .75rem 0;
}

.specialist-carousel .card-body .title {}

.specialist-carousel .card-body a {
    color: #2C2C2C;
    font-size: 1.25rem;
    font-weight: 600;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Lab List page
================================================*/

.filter-section .search-terms {
    margin-top: 1rem;
}

.filter-section .search-terms ul {
    margin: 0;
    padding: 0;
}

.filter-section .search-terms ul li {
    display: inline-block;
    margin-right: .75rem;
    margin-bottom: .5rem;
}

.filter-section .search-terms ul li .term {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border: 1px solid #2C2C2C;
    border-radius: 19px;
}

.filter-section .search-terms ul li a {
    color: #2C2C2C;
    font-size: 14px;
    font-weight: 400;
}

.filter-section .search-terms ul li a .close {
    font-size: 1rem;
    margin-left: 6px;
}

.sidebar-filter {
    background-color: #ffffff;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

.search-bar {}

.search-box {}

.search-box .input-group-text {
    border-right: none;
    padding-right: 0;
    background-color: transparent;
}

.search-box .form-control {
    border-left: none;
}

.search-box .form-control:focus {
    box-shadow: none;
}

.sidebar-filter .sidebar-title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}

.sidebar-filter .filter-panel {
    border-bottom: 1px solid #ddd;
}

.sidebar-filter .filter-panel .card-header {
    padding: 1rem 1rem 0;
}

.sidebar-filter .filter-panel .card-header .card-title {
    margin-bottom: 0;
    font-size: 1rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}

.sidebar-filter .filter-panel .card-header .card-title a {
    color: #2C2C2C;
}


/*======== Faq Section  ========*/

.faq-section {}

.faq-section .accordion {}

.faq-section .accordion-item {
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-bottom: 1rem;
    border: none;
}

.faq-section .accordion-item .accordion-header {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #2C2C2C;
}

.faq-section .accordion-item .accordion-header .accordion-button {
    border-radius: 12px;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #EAF4F3;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}

.accordion-button:not(.collapsed) {
    color: #2C2C2C;
    background-color: transparent;
    box-shadow: none;
    border-radius: 12px 12px 0 0;
}

.faq-section .accordion-item .accordion-body {}

.faq-section .accordion-item .accordion-body p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .filter-section .location .form-select,
    .filter-section .search-box .input-group-text,
    .filter-section .search-bar .form-control {
        height: 70px;
        border-radius: 8px;
        padding: 1rem;
    }
    .filter-section .search-box .input-group-text {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .sidebar {
        margin-bottom: 24px;
    }
}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Lab Details page
================================================*/

.lab-details-section {}

.lab-details-content.health-packages .card {
    border: 1px solid #CCCCCC;
    box-shadow: none;
}

.health-packages .card-footer {
    display: flex;
    align-items: center;
    border: none;
    padding: 1rem 0 0;
    justify-content: space-between;
    background-color: transparent;
}

.health-packages .card-footer .btn {
    margin-left: .75rem;
}

.lab-details-tab {}

.lab-details-tab .nav-tabs {
    margin-bottom: .75rem;
}

.nav-tabs .nav-link {
    color: #2C2C2C;
    margin-bottom: -1px;
    background: 0 0;
    border: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #2C2C2C;
    font-weight: 600;
    background-color: #fff;
    border-bottom: 2px solid #00AE99;
}

.lab-details-tab .tab-content ul {
    margin: 0;
    padding: 0;
}

.lab-details-tab .tab-content ul li {
    list-style: none;
}

.lab-details-tab .tab-content ul li+li {
    margin-top: .5rem;
}

.lab-details-tab .tab-content ul li .icon-img {
    margin-right: .75rem;
}

.lab-details-tab .tab-content ul li .icon-img img {
    width: 20px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .lab-details-tab .tab-content ul {
        columns: 2;
    }
}

@media (max-width: 991px) {
    .lab-details-img {
        text-align: center;
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .lab-details-content .card-footer {
        display: block;
    }
    .health-packages .card-footer .btn {
        margin-left: 0;
    }
    .card-footer-btn {
        margin-top: 12px;
        display: block;
    }
    .card-footer-btn .btn-solid {
        margin-bottom: 8px;
    }
}

@media (max-width: 575px) {}


/*==============================================
    Doctors Section
================================================*/

.doc-filter-bar {
    margin-top: 1rem;
}

.doc-filter-bar .dropdown {
    background-color: #f7f7f7;
}

.doc-filter-bar .dropdown ul {
    padding: 10px;
    width: 100%;
    min-width: 100%;
}

.doc-filter-bar .dropdown-toggle::after {
    border: none;
    content: '\f078';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transition: all .3s ease;
}

.doc-filter-bar .dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.doctors-section .section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doctors-section .switch-btn .btn {
    background-color: #f7f7f7;
}

.doctors-section .switch-btn .btn.active {
    color: #ffffff;
    background-color: #03AD98;
}

#doctors .thumbnail {
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#doctors .item {
    margin-bottom: 24px;
}

#doctors .item.list-group-item {
    padding: 0;
    border: none;
    margin-bottom: 24px;
    width: 100%;
    background-color: transparent;
}

#doctors .item.list-group-item .thumbnail img {
    width: 130px;
    border-radius: 12px;
}

#doctors .card-body {
    margin-bottom: 0;
}

#doctors .card-footer {
    margin-top: 16px;
}

#doctors .item.list-group-item .card-footer {
    margin-top: 0;
}

#doctors .item.list-group-item .card-footer .price-tag {
    margin-right: 16px;
}

#doctors .item.list-group-item .thumbnail {
    margin-bottom: 0px;
    margin-right: 16px;
}

#doctors .item.list-group-item .card {
    flex-direction: row;
}

.doctors-section .load-more {
    text-align: center;
    margin-top: 16px;
}

.doctors-section .btn-solid-ol {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    width: 320px;
    padding: 8px 20px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .doc-filter-bar {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 1rem;
    }
    .doc-filter-bar .dropdown {
        margin-left: 1rem;
        background-color: #f7f7f7;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {
    .doc-filter-bar .dropdown {
        margin-bottom: 1rem;
    }
    .doctors-section .switch-btn {
        display: none;
    }
}

@media (max-width: 575px) {
    .doc-filter-bar .dropdown {
        width: 100%;
    }
    .doc-filter-bar .dropdown .btn {
        text-align: left;
    }
    .doc-filter-bar .dropdown .dropdown-toggle::after {
        position: absolute;
        right: 1rem;
    }
}


/*==============================================
    Home Page ltr Section
================================================*/

.plus-sign {
    position: absolute;
    width: 80px;
}

.rightplus {
    top: 0;
    left: 0;
}

.leftplus {
    top: 0;
    right: 0;
}

.clr-primary {
    color: #03AD98;
}

.docopd-section {
    position: relative;
}

.docopd-content p {
    font-size: 16px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .plus-sign {
        width: 130px;
    }
    .docopd-content p {
        font-size: 1.5rem;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Home Page ltr Section
================================================*/

.ltr-section,
.rtl-section {
    position: relative;
}

.ltr-content p,
.rtl-content p {
    font-size:24px;
}

.ltr-content .btn,
.rtl-content .btn {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 16px 26px;
    text-transform: uppercase;
}

.ltr-content .btn i,
.rtl-content .btn i {
    margin-left: 6px;
}

.ltr-section .ltr-img {
    background-image: url(../../images/ltr-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .ltr-content p {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .ltr-content,
    .rtl-content {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .ltr-img img,
    .rtl-img img {
        width: 80%;
    }
}

@media (max-width: 575px) {}


/*==============================================
    Home Page rtl Section
================================================*/

.rtl-section {}

.rtl-section .rtl-img {
    background-image: url(../../images/rtl-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Home Page Docopd Stats Section
================================================*/

.docopd-stats-section {}

.docopd-stats-content {
    padding: 80px 0 60px;
    position: relative;
    border-radius: 12px;
    background-color: #EAF4F2;
}

.docopd-stats-content .heartline,
.docopd-stats-content .heartline-footer {
    position: absolute;
}

.docopd-stats-content .heartline {
    top: 20px;
    left: 0;
}

.docopd-stats-content .heartline img,
.docopd-stats-content .heartline-footer img {
    height: 40px;
}

.docopd-stats-content .heartline-footer {
    right: 0;
    bottom: 16px;
}

.docopd-stats-content .card {
    border: none;
    padding-top: 24px;
    padding-bottom: 30px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 24px;
}

.docopd-stats-content .card .stat-bg {
    position: absolute;
    bottom: 0;
}

.docopd-stats-content .card .stat-bg img {
    width: 80px;
    height: 80px;
}

.docopd-stats-content .card .title {
    font-size: 30px;
    font-weight: 400;
}

.docopd-stats-content .card p {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .docopd-stats-content {
        padding: 120px 0;
    }
    .docopd-stats-content .heartline img,
    .docopd-stats-content .heartline-footer img {
        height: 58px;
    }
    .docopd-stats-content .card {
        padding-top: 60px;
        padding-bottom: 90px;
    }
    .docopd-stats-content .card .title {
        font-size: 60px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Home Page ceo Sdection
================================================*/

.ceo-section {}

.ceo-section .card {
    border: none;
    text-align: center;
}

.ceo-section .section-header .title {
    margin-bottom: 1rem;
}

.ceo-section .section-header p {
    font-size: 18px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .ceo-section .section-header p {
        font-size: 24px;
    }
}

@media (max-width: 991px) {}

@media (max-width: 767px) {}

@media (max-width: 575px) {}


/*==============================================
    Home Page Enroll Sdection
================================================*/

.enroll-section {}

.enroll-wrap {
    position: relative;
    background-color: #EAF4F2;
    border-radius: 12px;
}

.enroll-wrap .doc-sign {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.enroll-wrap .doc-sign img {}

.enroll-wrap .enroll-img {}

.enroll-wrap .enroll-content {}

.enroll-wrap .enroll-content p {
    font-size: 1rem;
}

.enroll-wrap .enroll-content ul {
    margin: 0;
    padding: 0;
}

.enroll-wrap .enroll-content ul li {
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 1rem;
}

.enroll-wrap .enroll-content ul li a {
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
}

.enroll-wrap .enroll-content .btn-solid {
    padding: 8px 20px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .enroll-wrap .enroll-content p {
        font-size: 1.5rem;
    }
}

@media (max-width: 991px) {
    .enroll-wrap .enroll-content {
        padding: 1rem;
    }
}

@media (max-width: 767px) {
    .enroll-wrap .enroll-content .btn-solid {
        font-size: 16px;
        padding: 8px 20px;
    }
}


/*==============================================
    Contact Page
================================================*/

.fluid-content {
    position: relative;
    border-radius: 12px;
    background-color: #EAF4F3;
    text-align: center;
}

.fluid-content {}

.contact-form-section {}

.contact-form-section .contact-form {}

.contact-form-section .contact-form .title {
    font-family: 'Source Sans Pro', sans-serif;
}

.contact-form-section .contact-form .form-group {
    margin-bottom: 1rem;
}

.contact-form-section .contact-form .form-control {}

.contact-form-section .contact-form textarea.form-control {}

.contact-form-section .contact-form .btn-submit {
    display: block;
    width: 100%;
}

.contact-form-section .contact-map {}

.contact-form-section .contact-map iframe {
    border-radius: 12px;
}

.contact-info-section {}

.contact-info-wrap {}

.contact-info-wrap .card {
    padding: 1rem;
    border: none;
    border-radius: 12px;
}

.contact-info-wrap .card .icon-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #00AE99;
}

.contact-info-wrap .card .icon-box i {
    color: #ffffff;
    font-size: 1.75rem;
}

.contact-info-wrap .card .card-body {
    text-align: left;
    padding: 1rem 0;
}

.contact-info-wrap .card .card-body h3 {}

.contact-info-wrap .card .card-body p:last-child {
    margin-bottom: 0;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .contact-form-section .contact-form .form-group {
        margin-bottom: 1.5rem;
    }
    .contact-info-wrap .card {
        padding: 1.5rem;
        height: 100%;
    }
    .contact-info-wrap .card .icon-box {
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background-color: #00AE99;
    }
    .contact-info-wrap .card .icon-box i {
        color: #ffffff;
        font-size: 2.4rem;
    }
}

@media (max-width: 991px) {
    .contact-form-section .contact-form {
        margin-bottom: 1.5rem;
    }
    .contact-info-wrap .card {
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 767px) {
    .contact-form-section .contact-form {
        margin-bottom: 1rem;
    }
    .contact-info-wrap .card {
        margin-bottom: 1rem;
    }
}


/*===============================================
    My Cart Page
=================================================*/

.cart-section {}

.cart-section-header,
.appointment-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-section-header a,
.appointment-section-header a {
    color: #03AD98;
}

.cart-container {}

.cart-container .section-header,
.appointment-container .section-header {
    text-align: center;
}

.cart-container .cart-content {}

.cart-container .cart-content .cart-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
}

.cart-container .cart-content .cart-header span {
    color: #3B3F48;
    font-size: 1rem;
}

.cart-container .cart-content .cart-header i {
    margin-right: .5rem;
}

.cart-container .cart-content .cart-header a {
    color: #00AE99;
}

.cart-container .cart-content .card {
    border: none;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-bottom: 1.5rem;
    padding: 1rem;
}

.cart-container .cart-content .card-body {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 1rem;
}

.cart-container .cart-content .addons .card-body {
    align-items: center;
}

.cart-container .cart-content .card-body .price-tag {}

.cart-container .cart-content .card-body .price-tag span {
    display: block;
    line-height: 1;
}

.cart-container .cart-content .card-body .price-tag .offer-price {
    color: #2C2C2C;
    font-size: 1.75rem;
    margin-right: 0;
    margin-bottom: .5rem;
}

.cart-container .cart-content .card-body .price-tag .offer-price i {
    display: inline;
    font-size: 1.3rem;
}

.cart-container .cart-content .card-body .price-tag .price {
    color: #868686;
    font-size: .875rem;
}

.cart-container .cart-content .card-body .price-tag .price i {
    font-size: .875rem;
}

.cart-container .cart-content .card-body .title {
    color: #2C2C2C;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 34px;
}

.cart-container .cart-content .addons .card-body .title {
    font-weight: 400 !important;
}

.cart-container .cart-content .card-body p {
    font-size: .875rem;
    margin-bottom: 0;
}

.cart-container .cart-content .card-body .form-check-input {
    width: 1.5rem;
    height: 1.5rem;
    background-color: #03AD98;
    border-color: #03AD98;
}

.cart-container .cart-content .card-body .btn-light {
    color: #03AD98;
    font-size: 11px;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 12px;
    background-color: #EAF4F3;
}

.cart-container .cart-content .card-footer {
    border: none;
    padding: 0;
    background-color: transparent;
}

.cart-container .cart-content .card-footer a {
    color: #868686;
}

.cart-container .cart-content .card-footer a i {
    margin-right: .5rem;
}

.price-widget {
    padding: 1rem;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

.price-widget .price-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.price-widget .price-title-wrap .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    margin-right: .5rem;
}

.price-widget .price-title-wrap .item-number {
    font-size: .875rem;
}

.price-widget .promocode {
    margin-bottom: .75rem;
}

.price-widget .promocode {}

.price-widget .payment-method, .price-widget .order-payment-method {
    border-top: 1px solid #CCCCCC;
    padding-top: 10px;
    padding-bottom: 15px;
}

.price-widget .payment-method h4, .price-widget .order-payment-method h4 {
    font-size: 16px;
}

.price-widget ul {
    margin-bottom: .5rem;
    border-bottom: 1px solid #CCCCCC;
    margin-left: 0;
    padding-left: 0;
}

.price-widget ul .price-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .75rem;
}

.price-widget ul .price-item span {
    display: block;
}

.price-widget ul .price-item i {
    font-size: .75rem;
}

.price-widget .total-price {
    margin-bottom: 1rem;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .cart-container .cart-content .card {
        padding: 1.5rem;
    }
    .cart-container .cart-content .cart-header span {
        font-size: 1rem;
    }
    .cart-container .cart-content .card-body .cart-info {
        margin-right: 80px;
    }
    .cart-container .cart-content .card-body .title {
        font-size: 1.5rem;
    }
    .cart-container .cart-content .card-body p {
        font-size: 1rem;
    }
    .cart-container .cart-content .card-body .price-tag .offer-price {
        font-size: 1.75rem;
    }
    .cart-container .cart-content .card-body .price-tag .price {
        font-size: 1rem;
    }
    .price-widget {
        padding: 1.5rem;
        margin-top: 2.9rem;
    }
    .price-widget .price-title-wrap .title {
        font-size: 1.5rem;
    }
    .price-widget .price-title-wrap .item-number {
        font-size: 1rem;
    }
    .cart-section-header,
    .appointment-section-header {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {}


/*===============================================
    Appointment Page
=================================================*/

.appointment-section {}

.appointment-container .card {
    border: none;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
}

.appointment-container .card-header {
    border: none;
    padding: 1rem;
    font-size: 1rem;
    background-color: #EAF4F3;
}

.appointment-container .card-header .appointment-call .text {
    font-size: 1rem;
    font-weight: 400;
}

.appointment-container .card-header .text {
    font-family: 'Source Sans Pro';
    font-size: 1rem;
    font-weight: 600;
    margin: 0 .5rem;
}

.appointment-container .card .edit-btn {
    font-size: 1rem;
    color: #03AD98;
}

.appointment-container .doctor-card .card-body {
    /* ss */
}

.appointment-container .card-body .doctor-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.appointment-container .card-body .title {
    font-family: 'Source Sans Pro';
    font-size: 1.25rem;
    font-weight: 600;
}

.appointment-container .card-body .doctor-info {}

.appointment-container .card-body .doctor-info .title {}

.appointment-container .card-body .doctor-info span {
    margin-bottom: 1rem;
}

.appointment-container .card-body .doctor-info .specialization span {
    color: #2C2C2C;
    margin-bottom: 1rem;
}

.appointment-container .card-body .doctor-info .degree span {
    color: #868686;
    margin-bottom: 1rem;
}

.appointment-container .card-body .doctor-info .location {
    margin-top: 10px;
}

.appointment-container .card-body .doctor-info .location span {
    color: #2C2C2C;
}

.appointment-container .card-body .attachment-file {
    display: flex;
    margin-top: 1rem;
}

.appointment-container .card-body .attachment-file ul {
    margin: 0;
    padding: 0;
}

.appointment-container .card-body .attachment-file ul li {
    display: inline-block;
    list-style: none;
    text-align: center;
}

.appointment-container .card-body .attachment-file ul li+li {
    margin-left: 1rem;
}

.appointment-container .card-body .attachment-file ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d1d0d0;
    border-radius: 12px;
}

.appointment-container .card-body .attachment-file ul li a .file-name {
    display: block;
    margin-top: .25rem;
}

.appointment-container .card-body .attachment-file .edit-btn {
    display: flex;
    align-items: flex-end;
    margin-left: 1rem;
    margin-bottom: 20px;
}

.appointment-container .card-body .attachment-file .edit-btn a {
    color: #03AD98;
}

.appointment-container .form-check {
    padding: 0 0 1.5rem 1.5rem;
}

.appointment-container .form-check-input {
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border-color: #03AD98;
    background-color: #03AD98;
}

.appointment-container .form-check-label {
    margin-left: 8px;
}

.appointment-container .appointment-btn {
    text-align: center;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .appointment-container .card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .appointment-container .doctor-card .card-body {
        display: flex;
        align-items: flex-start;
    }
    .appointment-container .card-body .doctor-img {
        margin-right: 1rem;
        width: 140px;
    }
    .appointment-container .card-header {
        padding: 1.5rem;
        font-size: 1.5rem;
    }
    .appointment-container .card-header .text {
        font-size: 1.5rem;
    }
    .appointment-container .card-header .appointment-call .text {
        font-size: 1.25rem;
        font-weight: 400;
    }
    .appointment-container .card-body {
        padding: 1.5rem;
    }
    .appointment-container .card-body .title {
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    .appointment-container .card-body .doctor-info .title {
        margin-bottom: 1rem;
    }
    .appointment-container .card-body .attachment-file {
        margin-top: 2rem;
    }
    .appointment-container .card-body .attachment-file ul li a {
        width: 180px;
        height: 116px;
    }
}

@media (max-width: 991px) {
    .appointment-container .card-body .attachment-file ul li a {
        width: 180px;
        height: 116px;
    }
    .appointment-container .card-body .doctor-img {
        margin-bottom: 1rem;
    }
}

@media (max-width: 767px) {
    .appointment-container .card-body .attachment-file ul li a {
        width: 110px;
        height: 80px;
        border-radius: 5px;
    }
}

@media (max-width: 575px) {
    .appointment-container .card-body .attachment-file ul li a {
        width: 70px;
        height: 50px;
        border-radius: 4px;
    }
}


/*==============================================
    Home Page
================================================*/

.home-featured {}

.home-featured .featured-content {
    position: relative;
}

.home-featured .featured-content .card {
    border: none;
    text-align: center;
    background-color: transparent;
}

.home-featured .featured-content .icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    background-color: #EAF4F3;
    margin: auto;
}

.home-featured .featured-content .icon-box img {
    width: 20px;
}

.home-featured .featured-content .card-body {}

.home-featured .featured-content .card-body .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 600;
}

.home-featured .featured-content .card-body p {}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .home-featured .featured-content .dashed-line {
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        height: 2px;
        border-top: 2px dashed #03AD98;
    }
    .home-featured .featured-content .dashed-line::after,
    .home-featured .featured-content .dashed-line::before {
        position: absolute;
        top: -13px;
        color: #03AD98;
        content: "\f105";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    .home-featured .featured-content .dashed-line::before {
        left: 25%;
        transform: translateX(-50%);
    }
    .home-featured .featured-content .dashed-line::after {
        right: 25%;
        transform: translateX(-50%);
    }
    .home-featured .featured-content .icon-box {
        width: 80px;
        height: 80px;
    }
    .home-featured .featured-content .icon-box img {
        width: 30px;
    }
    .home-featured .featured-content .card-body .title {
        font-size: 24px;
    }
}


/*==============================================
    disease Page
================================================*/


/*======= Section ========*/


/*======= disease-featured Section ========*/

.disease-featured {}

.disease-featured .card {
    border: none;
    background-color: #EAF4F2;
    border-radius: 12px;
    margin-bottom: 24px;
}

.disease-featured .card .icon {
    width: 50px;
    height: 50px;
    /* margin: 1rem 0 1rem 1rem; */
    margin: 1rem auto 0;
}

.disease-featured .card .icon img {
    width: 50px;
}

.disease-featured .card-body {}

.disease-featured .card-body .title {
    font-size: 24px;
    font-weight: 400;
}

.disease-featured .card-body p {
    margin-bottom: 0;
}


/*======= How To Work Section ========*/

.how-work-section {}

.how-work-content {
    position: relative;
}

.how-work-section .ltr-container {}

.how-work-section .rtl-container {}

.how-work-section .ltr-img {
    background-image: url(../../images/ltr-img-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}

.how-work-section .rtl-img {
    background-image: url(../../images/rtl-img-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}

.how-work-section .ltr-content {}

.how-work-section .ltr-content .title,
.how-work-section .rtl-content .title {
    font-size: 24px;
    /* font-family: 'Source Sans Pro';
    font-size: 22px;
    font-weight: 700; */
}

.how-work-section .ltr-content p {
    font-size: 16px;
    font-weight: 400;
}


/*======= Package Section ========*/

.package-section {}

.package-container .card {
    border-radius: 12px;
}

.package-container .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
}

.package-container .card-header .form-select {
    border: none;
    font-size: 22px;
    font-weight: 600;
    color: #03AD98;
}

.package-container .card-header .form-select:focus {
    box-shadow: none;
}

.package-container .card-header select option {
    font-size: 22px;
    font-weight: 600;
    color: #2C2C2C;
}

.package-container .card-header .title {
    font-family: 'Source Sans Pro';
    font-size: 22px;
    font-weight: 700;
}

.package-container .card-body {}

.package-container .card-body p {
    font-weight: 400;
}

.package-container .card-body .plan-list {
    padding-left: 0;
}

.package-container .card-body .plan-list li {
    display: inline-block;
    margin-right: 16px;
}

.package-container .card-body .plan-item {
    display: flex;
    align-items: center;
}

.package-container .card-body .plan-item .icon-box {
    margin-right: 16px;
}

.package-container .card-body .plan-item .icon-box img {
    width: 50px;
}

.package-container .card-body .plan-item .title {
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: 600;
}


/*======= Disease Section ========*/

.disease-faq-section {}

.disease-faq-section .disease-faq-img {
    position: relative;
    z-index: 9;
}

.disease-faq-section .accordion-item .accordion-header .accordion-button {
    font-weight: 600;
}

.disease-faq-section .accordion .accordion-body {
    text-align: left;
    padding-top: 0;
}


/*======= Disease Section ========*/

.disease-section {}

.disease-carousel {}

.disease-carousel .card {
    border: none;
    border-radius: 12px;
}

.disease-carousel .card img {
    border-radius: 12px 12px 0 0;
}

.disease-carousel .card-body {
    background-color: #EAF4F2;
    border-radius: 0 0 12px 12px;
}

.disease-carousel .card-body .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 400;
}

.disease-carousel .card-body .title a {
    color: #2C2C2C;
}

.disease-carousel .card-body .location {}


/*======= Expert Section ========*/

.expert-section {}

.expert-section .card {
    border: none;
    background-color: transparent;
}

.expert-section .card img {
    border-radius: 12px;
}

.expert-section .card-body {
    background-color: transparent;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    /*======= Disease Featured Section ========*/
    .disease-featured .card .icon {
        margin: 1.5rem;
    }
    .disease-featured .card-body {
        padding: 0 1.5rem 1.5rem;
    }
    .disease-featured .card-body .title {
        font-size: 50px;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-content {}
    .v-dashed-line {
        position: absolute;
        content: "";
        left: 50%;
        bottom: 80px;
        transform: translateX(-50%);
        margin: auto;
        width: 2px;
        height: 80%;
        border-left: 2px dashed #03AD98;
        z-index: -1;
    }
    .v-line-number span {
        display: block;
        color: #ffffff;
        font-family: 'Source Sans Pro';
        font-size: 24px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
        border-radius: 50px;
        background-color: #03AD98;
        margin: auto;
        box-shadow: 0 0 0 8px #d5f0ed;
    }
    /*======= Package Section ========*/
    .package-container .card-header .title {
        font-size: 28px;
    }
    .package-container .card-body .plan-list li {
        display: inline-block;
        margin-right: 50px;
    }
}

@media (max-width: 992px) {
    .v-dashed-line {
        display: none;
    }
    .v-line-number span {
        display: none;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-container,
    .how-work-section .rtl-container {
        text-align: center;
    }
    .how-work-section .ltr-img,
    .how-work-section .rtl-img {
        margin-bottom: 24px;
    }
}

@media (max-width: 768px) {
    .disease-featured .card {
        /* flex-direction: row;
        align-items: center; */
        text-align: center;
    }
    .disease-featured .card-body .title {
        margin-bottom: 0;
    }
    .disease-faq-section .disease-faq-img img {
        height: 300px;
        object-fit: contain;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-img img,
    .how-work-section .rtl-img img {
        height: 300px;
        object-fit: contain;
    }
    .package-container .card-header {
        display: block;
    }
    .package-container .card-header select {
        width: 210px;
    }
    .package-container .card-header select option {
        width: auto;
        font-size: 14px;
        color: #2C2C2C;
    }
    .package-container .card-body .plan-list li {
        display: block;
        margin-right: 0;
        margin-bottom: 16px;
    }
}

@media (max-width: 576px) {
    .disease-faq-section .disease-faq-img img {
        width: 180px;
        object-fit: contain;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-img img,
    .how-work-section .rtl-img img {
        height: 200px;
    }
}


/*==============================================
   Corporate Disease Page
================================================*/


/*======= Disease Benefit Section ========*/

.disease-benefit {}

.disease-benefit .card {
    border: none;
    text-align: start;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}

.disease-benefit .card-body {
    padding: 1rem 0 0;
    min-height: 160px;
}

.disease-benefit .card .icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #EAF4F2;
}

.disease-benefit .card .icon-box img {
    width: 22px;
}

.disease-benefit .card-body .title {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}

.disease-benefit .card-body p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3B3F48;
    margin-bottom: 0;
}


/*======= Offering Section ========*/

.offer-carousel {}

.offer-carousel .card {
    border: none;
    padding: 1rem;
    width: 260px;
    height: 260px;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin: 12px;
}

.offer-carousel .card .icon-box {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #EAF4F2;
}

.offer-carousel .card .icon-box img {
    width: 22px;
}

.offer-carousel .card-body {
    padding: 1rem 0 0;
}

.offer-carousel .card-body .title {
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}

.offer-carousel .card-body .title a {
    color: #2C2C2C;
}

.offer-carousel .card-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3B3F48;
    margin-bottom: 0;
}

.offer-carousel .owl-nav {
    display: none;
}

.offering-section .offer-btn {
    margin-top: 20px;
    text-align: center;
}

.register-modal {}

.register-modal .form-control {
    height: 40px;
    margin-bottom: 16px;
}

.register-modal textarea.form-control {
    min-height: 120px;
}


/*======== Media Query =========*/

@media (min-width: 576px) {}

@media (min-width: 768px) {
    /*======= Offering Section ========*/
    .offer-carousel .card {
        height: 350px;
        padding: 1.5rem;
    }
    .offer-carousel .card-body {
        padding: 1rem 0 0;
    }
}

@media (min-width: 992px) {
    /*======= Disease Benefit Section ========*/
    .disease-benefit .card {
        text-align: start;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }
    .disease-benefit .card-body {
        padding: 1rem 0 0;
    }
    /*======= Offering Section ========*/
    .offer-carousel .card {
        height: 344px;
        padding: 1.5rem;
    }
    .offer-carousel .card-body {
        padding: 1rem 0 0;
    }
    .offer-carousel .card-body .title {
        font-size: 20px;
        line-height: 30px;
    }
    .offer-carousel .card-body p {
        font-size: 15px;
    }
    .register-modal .modal-content {
        padding: 2rem;
    }
    .register-modal .modal-content .modal-header .modal-title {
        font-size: 30px;
    }
    .register-modal .modal-content .modal-header {
        margin-bottom: 10px;
    }
    .register-modal .modal-content .btn {
        margin-top: 10px;
        font-size: 17px;
        padding: 9px 30px;
    }
}

@media (max-width: 992px) {}

@media (max-width: 767px) {
    .disease-benefit .section-header {
        margin-top: 40px;
    }
}


/*========== 23/07/2022 =============
    Chemist Page
====================================*/

a,
.clr-primary {
    color: #03AD98;
}

.chemist-page-header {
    padding: 16px 0;
}

.chemist-page-header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.chemist-page-header .user {
    display: flex;
    align-items: center;
}

.chemist-page-header .user img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.chemist-page-header .user-content {
    margin-left: 12px;
}

.chemist-page-header .user-content .title {
    color: #3B3F48;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.chemist-page-header .user-content .location {
    font-size: 12px;
}

.chemist-page-header .paynow {
    display: flex;
    align-items: center;
}

.chemist-page-header .paynow .shopping-cart {
    margin-right: 16px;
}

.chemist-page-header .paynow .btn .text {
    margin-left: 10px;
}

.chemist-page-header .upload-btn label {
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 6px 12px;
    margin-bottom: 0;
}

@media (min-width: 992px) {
    .chemist-page-header {
        padding: 24px 0;
    }
    .chemist-page-header .user-content .title {
        font-size: 24px;
    }
    .chemist-page-header .user-content .location {
        font-size: 16px;
    }
    .chemist-page-header .user img {
        width: 62px;
        height: 62px;
    }
    .chemist-page-header .paynow .shopping-cart {
        margin-right: 24px;
    }
}

@media (max-width: 768px) {
    .chemist-page-header .paynow .btn .text {
        display: none;
    }
}


/*=====================================*/

.chemist-carousel-section {}

.chemist-carousel-section .container {
    padding-left: 16px;
    padding-right: 16px;
}

.chemist-carousel-section .hero-carousel {}

.chemist-carousel-section .hero-carousel .hero-item {
    width: 100%;
}

.chemist-carousel-section .hero-carousel .discount-off {
    font-family: 'Source Sans Pro', sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.chemist-carousel-section .hero-carousel .discount-off .discount-text {
    font-size: 37px;
    font-weight: 700;
    line-height: 30px;
}

.chemist-carousel-section .hero-carousel .discount-off span {
    display: block;
    font-size: 15px;
}

.chemist-carousel-section .hero-carousel .hero-subtitle {
    font-weight: 400;
    text-transform: uppercase;
}

.chemist-carousel-section .hero-carousel .hero-subtitle,
.chemist-carousel-section .hero-carousel p {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.chemist-carousel-section .hero-carousel .symbol {
    line-height: 26px;
    margin-left: 3px;
}

.chemist-carousel-section .hero-carousel .percentage {
    /* font-size: 55px; */
    line-height: 1;
}

.chemist-carousel-section .hero-carousel .off {
    /* font-size: 55px; */
    font-weight: 600;
    line-height: 1;
}

.chemist-carousel-section .hero-carousel.owl-carousel .owl-nav .owl-next,
.chemist-carousel-section .hero-carousel.owl-carousel .owl-nav .owl-prev {
    display: none;
}

.chemist-carousel-section .owl-carousel .owl-dots {
    display: block;
}

.chemist-carousel-section .owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border: 1px solid #03AD98;
    background-color: #FFFFFF;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #03AD98 !important;
}

@media (min-width: 992px) {
    .chemist-carousel-section .hero-carousel .discount-off .discount-text {
        font-size: 90px;
        line-height: 50px;
    }
    .chemist-carousel-section .hero-carousel .discount-off span {
        font-size: 32px;
    }
    .chemist-carousel-section .hero-carousel .hero-subtitle,
    .chemist-carousel-section .hero-carousel p {
        font-size: 50px;
    }
}

@media (max-width: 575.98px) {
    .chemist-carousel-section {
        padding: 24px 0 0;
    }
    .chemist-carousel-section .hero-carousel .hero-item {
        flex-direction: row;
        text-align: start;
        justify-content: space-between;
    }
    .chemist-carousel-section .hero-carousel .hero-item .hero-content {
        margin-bottom: 6px;
    }
    .chemist-carousel-section .hero-carousel .hero-subtitle {
        margin-bottom: 0;
    }
    .chemist-carousel-section .hero-carousel p {
        margin-bottom: 8px;
    }
    .chemist-carousel-section .hero-carousel .btn {
        font-size: 12px;
        padding: 6px 12px;
    }
    .chemist-carousel-section .hero-carousel .hero-item .hero-img {
        width: 150px;
    }
}


/*=====================================*/

.upload-prescription {}

.upload-prescription .card {
    /* border: 1px solid #efefef; */
    align-items: center;
    justify-content: space-between;
}

.upload-prescription .card-body {
    display: flex;
}

.upload-prescription .card {
    border: none;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}

.upload-prescription .card .icon {
    background-color: #ADC8F5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.upload-prescription .card .icon img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.upload-prescription .card-content {
    margin-left: 16px;
}

.upload-prescription .card-content .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.upload-prescription .card-content p {
    font-size: 14px;
}


/*======= Upload Button ========*/

.upload-btn {
    padding-right: 16px;
}

.upload-btn label {
    font-size: 1rem;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 24px 7px;
    border: 1px solid #03AD98;
    background-color: #03AD98;
    border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease;
}

.upload-btn>input[type='file'] {
    display: none;
}

@media (min-width: 992px) {
    .upload-prescription .card {
        flex-direction: row;
    }
    .upload-prescription .card .icon {
        background-color: #ADC8F5;
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    .upload-prescription .card .icon img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    .upload-prescription .card-content .title {
        font-size: 24px;
    }
    .upload-prescription .card-content p {
        font-size: 16px;
    }
}

@media (max-width: 575.98px) {
    .upload-prescription .upload-btn {
        display: block;
        width: 100%;
        padding: 0 16px 16px;
    }
    .upload-prescription .upload-btn label {
        /* font-size: 14px; */
        width: 100%;
        margin-bottom: 0;
    }
}


/*=====================================*/

.ct-action-section {}

.ct-action-section .ct-action {
    position: relative;
    padding: 16px 16px;
    background: rgba(234, 244, 243, 0.1);
    background-image: url("../../images/chemist/bg.png");
    border-radius: 12px;
}

.ct-action-section .ct-action.ct-action-bottom {
    padding-bottom: 0;
}

.ct-action-section .ct-action.ct-action-bottom .ct-action-content {
    padding-bottom: 16px;
}

.ct-action-section .ct-action-content {}

.ct-action-section .ct-action-content .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.ct-action-section .ct-action-img {
    text-align: center;
}

@media (min-width: 992px) {
    .ct-action-section .ct-action {
        padding: 40px 60px 30px;
    }
    .ct-action-section .ct-action-content .title {
        font-size: 50px;
        margin-bottom: 28px;
    }
    .ct-action-section .ct-action.ct-action-bottom .ct-action-content {
        padding-bottom: 30px;
    }
}

@media (max-width: 575.98px) {
    .ct-action-section .ct-action-content .btn {
        font-size: 10px;
        padding: 6px 12px;
    }
}


/*=====================================*/

.sampurn-suraksha-section {}

.sampurn-suraksha {
    border-radius: 12px;
    background-color: #EAF4F3;
}

.suraksha-content {
    padding: 20px 16px;
}

.suraksha-content .title {
    font-size: 24px;
    font-weight: 400;
}

.suraksha-content p {}

.suraksha-content .btn-wrap {
    display: flex;
    flex-direction: column;
}

.suraksha-content .input-group {
    width: 280px;
    border-radius: 25px;
}

.suraksha-content .input-group .form-select {
    color: #03AD98;
    padding: 13px 16px;
    font-size: 16px;
    font-weight: 400;
    border-color: #03AD98;
    border-radius: 8px;
    background-color: transparent;
}

.suraksha-img img {
    border-radius: 0 0 12px 12px;
}

@media (min-width: 992px) {
    .suraksha-content {
        padding: 92px 0 92px 72px;
    }
    .suraksha-content .title {
        font-size: 50px;
        font-weight: 400;
    }
    .suraksha-content .btn-wrap {
        align-items: center;
        flex-direction: row;
    }
    .suraksha-content .btn {
        margin-left: 16px;
    }
}

@media (max-width: 991.98px) {
    .suraksha-content .input-group {
        width: 100%;
        margin-bottom: 16px;
    }
    .suraksha-img {
        margin-top: 16px;
    }
}

@media (max-width: 575.98px) {}


/*=====================================*/

.about-shopkeeper {}

.about-shopkeeper .shopkeeper-container {
    padding: 16px;
    border-radius: 12px;
    background-color: #EAF4F3;
}

.shopkeeper-container .shopkeeper-content {
    margin-bottom: 16px;
}

.shopkeeper-content .shopkeeper-header {
    display: flex;
    flex-direction: column;
}

.shopkeeper-content .shopkeeper-header .shopkeeper-img {}

.shopkeeper-content .shopkeeper-header .shopkeeper-info {
    display: flex;
}

.shopkeeper-content .shopkeeper-header .shopkeeper {
    margin-left: 16px;
}

.shopkeeper-content .shopkeeper-header .title {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #3B3F48;
    display: flex;
    align-items: center;
}

.shopkeeper-content .shopkeeper-header .title .badge {
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #27AE60;
}

.shopkeeper-content .shopkeeper-header .title .badge i {
    color: #ffffff;
    font-size: .675rem;
}

.shopkeeper-content .shopkeeper-header .phone-number {}

.shopkeeper-content .shopkeeper-header .shopkeeper-text {
    margin-top: 12px;
}

.shopkeeper-content .shopkeeper-header p {}

.shopkeeper-content .shop-info {}

.shopkeeper-content .shop-info .shop-wrap {
    display: flex;
    justify-content: space-between;
}

.shopkeeper-content .shop-info .label {
    color: #868686;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.shopkeeper-content .shop-info .title {
    font-family: 'Source Sans Pro', sans-serif;
    color: #3B3F48;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.shopkeeper-content .shop-info .shop-rating i {
    color: #F6BA39;
}

.shopkeeper-container .scan-pay {}

@media (min-width: 992px) {
    .about-shopkeeper .shopkeeper-container {
        padding: 40px;
    }
    .shopkeeper-content .shop-info .label {
        font-size: 16px;
        line-height: 24px;
    }
    .shopkeeper-content .shop-info .title {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width: 575.98px) {}


/*=====================================*/

.gallery-section {}

.gallery-section .card {
    border: none;
}

.gallery-section .gal-col-1 {
    display: block;
    margin: 16px 0;
}

.gallery-section .gal-col-2 {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.gallery-section .card.gal-col-2 {}

.gallery-section .gal-col-2 a {
    padding: 0 8px;
}

.gallery-section .gal-col-2 {
    margin-right: -8px;
    margin-left: -8px;
}

@media (min-width: 992px) {
    .gallery-section .gal-col-1 {
        display: block;
        margin: 16px 0;
    }
    .gallery-section .gal-col-2 {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-top: 16px;
    }
}

@media (max-width: 575.98px) {
    /* .gallery-section .gal-col-2{
        display: flex;
        flex-direction: column;
    } */
}


/*=====================================*/

.service-area {}

.service-area .service-area-list {}

.service-area .service-area-list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.service-area .service-area-list ul li {
    font-size: 24px;
    line-height: 44px;
}

@media (max-width: 575.98px) {
    .service-area .service-area-list ul li {
        font-size: 16px;
        line-height: 20px;
    }
}


/*=====================================*/

.review_form .form-group {
    margin-bottom: 16px;
}

.review_form textarea.form-control {
    min-height: 90px;
}

.review_form .form-group label {
    margin-bottom: 6px;
}

.review_form .form-group .rating-input {}

.review_form .form-group .rating-input i {
    font-size: 20px;
    margin-right: 5px;
}

.review_form .form-group .rating-input .fa-solid {
    color: #F6BA39;
}

.review_form .upload-btn .form-label {
    border: 1px dashed #03AD98;
    background-color: #EAF4F3;
    border-radius: 12px;
}

.review_form .upload-btn .form-label i {
    color: #03AD98;
}


/*===============================================*/

.partenr_logo_box {
    max-width: 260px;
    display: inline-block;
    background: #fff;
    padding: 15px 30px;
    border-radius: 8px;
    margin: 20px 6px 0 6px;
}

.partenr_logo_box img {
    max-width: 100%;
    display: block;
    max-height: 60px;
}

/*
    DASHBOARD PROFILE STYLING
*/

body{
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
h1,h2,h3,h4,h5,h6{
    font-family: 'Oswald', sans-serif;
}
.ribbon{
    --ribbon-size:20px;
    --ribbon-padding-inline:6px;
    padding: 2px 10px 2px 30px;
    /* border-radius:4px; */
    background-color:#EA4335;
    color:#fff;
    width:fit-content;
    clip-path:polygon(0 0, var(--ribbon-size) 50%, 0 100%, 100% 100%, 100% 0);
}
.discount{
    position: absolute;
    right: 0;
    font-size: .75rem;
    line-height: 22px;
}
.underline{
    position: relative;
    z-index: 1;
}
.underline::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 18px;
    background: #D8EDE9;
    z-index: -1;
}
/*===== Section header =====*/
.section-header{
    margin-bottom: 1.5rem;
}
.section-header .title{
    color: #2C2C2C;
    font-size: 1.5rem;
    font-weight: 400;
}
.section-header .sup-title{
    color: #03AD98;
    position: relative;
}
.section-header .sup-title::after{
    content: "";
    position: absolute;
    bottom: 0;
    height: 20px;
    background-color: #00665A;
}
@media (min-width: 768px){}
@media (min-width: 992px){
    .section-header{
        margin-bottom: 2rem;
    }
    .section-header .title{
        color: #2C2C2C;
        font-size: 2.75rem;
    }
}
@media (min-width: 768px){}
/*===== Button =====*/
.btn{
    font-weight: 600;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
}
.btn:focus{
    box-shadow: none;
}
.btn,.btn-text{
    font-size: 1rem;
}
.btn-solid-light{
    color: #3B3F48;
    padding: .75rem 2rem;
    border-radius: 6px;
    background-color: #D7F6F1;
}
.btn-solid,.btn-solid-light:hover{
    color: #ffffff;
    padding: .75rem 2rem;
    border-radius: 6px;
    background-color: #03AD98;
}
.btn-solid-ol{
    color: #03AD98;
    border: 1px solid #03AD98;
}
.btn-solid-ol:hover{
    color: #ffffff;
    background-color: #03AD98;
}
.btn i{
    margin-left: 6px;
}
.btn-text{
    color: #03AD98;
    font-weight: 600;
    padding: 1rem 0;
    text-decoration: none;
}
.btn-fluid{
    display: block;
    width: 100%;
    padding: .375rem 1rem;
}
a{
    text-decoration: none;
}
.sec-py,.sec-pt{
    padding-top: 1.5rem;
}
.sec-py,.sec-pb{
    padding-bottom: 1.5rem;
}
@media (min-width: 576px){}
@media (min-width: 768px){
    .sec-py,.sec-pt{
        padding-top: 50px;
    }
    .sec-py,.sec-pb{
        padding-bottom: 50px;
    }
}
@media (min-width: 992px){
    .sec-py,.sec-pt,.sec-lg-py,.sec-lg-pt{
        padding-top: 80px;
    }
    .sec-py,.sec-pb,.sec-lg-py,.sec-lg-pb{
        padding-bottom: 80px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Header
================================================*/
/* .home-header{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3;
} */
.header.sticky-top{
    background-color: #EAF4F3;
}
.navbar{
    width: 100%;
    padding: 0;
}
.navbar .navbar-brand{
    width: 150px;
}
.cart-btn{
    position: relative;
}
.cart-btn .badge{
    position: absolute;
    transform: translate(-50%,-50%);
    border-radius: 50rem;
    background-color: #EA4335;
}
.nav-item .nav-link{
    color: #2C2C2C;
}
.header .navbar-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.header .navbar-right .nav-link.get-link{
    color: #03AD98;
}
.header .navbar-right .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: row;
}
.header .navbar-right ul li a{
    display: block;
    padding: 10px 12px;
    color: #2C2C2C;
    font-size: 1.125rem;
    font-weight: 400;
}
.header .navbar-right .link{
    color: #2C2C2C;
}
.navbar-right .dropdown .link{
    color: #2C2C2C;
}
.navbar-right .dropdown .dropdown-menu{
    min-width: 100px;
    padding: .5rem .75rem;
}
.navbar .dropdown-toggle::after{
    border: none;
}
.mobile-nav-right .cart-btn{
    color: #2C2C2C;
    margin-right: 1rem;
}

/*====== Modal =========*/
.modal-dialog{}
.modal-content{
    padding: 1rem;
    border-radius: 20px;
}
.modal-content form .form-control{
    height: 50px;
}
.modal-content .modal-header{
    border-bottom: none;
    padding: 0;
}
.modal-content .modal-header .modal-title{
    display: flex;
    align-items: center;
}
.modal-content .modal-header .modal-title i{
    color: #03AD98;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    text-align: center;
    background-color: #EAF4F2;
    margin-right: 16px;
}
.modal-content .modal-header .modal-close i{
    font-size: 20px;
    color: #2C2C2C;
}
.modal-content{}
.modal-content .modal-body{
    padding: 1rem 0;
}
.modal-content .modal-body .btn-solid{
    padding: 6px 16px;
    width: 100%;
    height: 100%;
}
.modal-content .modal-footer{
    border-top: none;
    padding: .5rem 0;
    justify-content: center;
    margin-bottom: 1rem;
    background-color: #EAF4F2;
    border-radius: 8px;
}
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .mobile-header-nav{
        display: none;
    }
    .modal-dialog{
        max-width: 600px;
    }
}

@media (max-width: 991px){
    .desktop-header-nav{
        display: none;
    }
    .navbar .dropdown-toggle i {
        float: right;
    }
}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*=============================================
NAVBAR TOGGLER
===============================================*/
button.navbar-toggler{
    box-shadow: none;
}
.navbar-toggler{
    padding: 8px 0;
}
.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:active{
	border: none;
	background: 0 0;
	outline: none;
    box-shadow: none;
}
.navbar-toggler .icon-bar {
	background-color: #ffffff;
	transform: rotate(0deg) translate(0px, 0px);
	transition: ease all .2s;
}
.navbar-toggler .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #2C2C2C;
}
.navbar-toggler .icon-bar+.icon-bar {
	margin-top: 4px;
}
.navbar-toggler .icon-bar:nth-child(2) {
	width: 16px;
	transition: ease all .2s;
}
.navbar-toggler:hover>.icon-bar:nth-child(2) {
	width: 22px;
	transition: ease all .2s;
}
.navbar-toggler:active>.icon-bar:nth-child(2) {
	width: 22px;
	transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
	transform: rotate(45deg) translate(5px, 4px);
	transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
	opacity: 0;
	transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
	transform: rotate(-45deg) translate(4px, -4px);
	transition: ease all .2s;
}

/*==============================================
    Hero Section
================================================*/
.hero-carousel-section{
    padding: 40px 0;
    position: relative;
    background-color:  #EAF4F3;
}
.hero-carousel{}
.hero-carousel .hero-item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: left;
}
.hero-carousel .hero-item .hero-content{
    margin-bottom: 1.25rem;
}
.hero-carousel .hero-item .hero-title{
    font-size: 2.25rem;
    font-weight: 400;
}
.hero-carousel .hero-item .hero-img{
    width: 250px;
}
.hero-carousel.owl-carousel .owl-nav .owl-next,.hero-carousel.owl-carousel .owl-nav .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.hero-carousel.owl-carousel .owl-nav .owl-next i,.hero-carousel.owl-carousel .owl-nav .owl-prev i{
    font-size: 1rem;
}
.hero-carousel.owl-carousel .owl-nav .owl-prev{
    left: 0;
}
.hero-carousel.owl-carousel .owl-nav .owl-next{
    right: 0;
}
.hero-carousel .hero-item p{
    text-align: left;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .hero-carousel .hero-item{
        flex-direction: row;
        justify-content: space-between;
    }
    .hero-carousel .hero-item .hero-title{
        font-size: 80px;
    }
    .hero-carousel .hero-item .hero-img{
        width: 500px;
    }
    .hero-carousel.owl-carousel .owl-nav .owl-next,.hero-carousel.owl-carousel .owl-nav .owl-prev{
        width: 50px;
        height: 50px;
    }
    .hero-carousel.owl-carousel .owl-nav .owl-prev{
        left: -100px;
    }
    .hero-carousel.owl-carousel .owl-nav .owl-next{
        right: -100px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){
    .hero-carousel .hero-item{
        text-align: center;
    }
    .hero-carousel .hero-item p{
        text-align: center;
    }
}
/*==============================================
    Banner Section
================================================*/
.banner-section{
    padding: 40px 0 80px;
    background-color: #EAF4F3;
    z-index: -1;
}
.banner-section .banner-content{
    text-align: center;
}
.banner-section .banner-title{
    font-size: 30px;
    font-weight: 400;
}
.banner-img{
    position: relative;
    text-align: center;
    z-index: 1;
}
.banner-img .rotate{
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
}
.banner-doc-img{
    position: absolute;
    top: 0;
}
.rotate{
    animation: rotation 12s infinite linear;
}

@keyframes rotation {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(359deg);
    }
}
@media (min-width: 992px){
    .banner-section{
        padding: 40px 0 100px;
    }
    .banner-section .banner-content{
        text-align: left;
    }
    .banner-section .banner-title{
        font-size: 80px;
        line-height: 104px;
    }

}
@media (max-width: 991px){
    .banner-section .banner-content{
        margin-bottom: 30px;
    }
    .doctor-img img{
        width: 80%;
    }
}
@media (max-width: 767px){
    .rotate{
        width: 250px;
    }
    .banner-img .rotate{
        right: 0;
        left: 13%;
    }
}
/*==============================================
    Search Section
================================================*/
.search-section{
    z-index: 999;
}
.wrapper{
    max-width: 100%;
    margin: auto;
  }
  .wrapper .search-input{
    background: #fff;
    width: 100%;
    border-radius: 5px;
    position: relative;
    box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12);
  }
  .search-input input{
    height: 55px;
    width: 100%;
    outline: none;
    border: none;
    border-radius: 5px;
    padding: 0 60px 0 20px;
    font-size: 18px;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
  }
  .search-input.active input{
    border-radius: 5px 5px 0 0;
  }
  .search-input .autocom-box{
    padding: 0;
    opacity: 0;
    pointer-events: none;
    max-height: 280px;
    overflow-y: auto;
  }
  .search-input.active .autocom-box{
    padding: 10px 8px;
    opacity: 1;
    pointer-events: auto;
  }
  .autocom-box li{
    list-style: none;
    padding: 8px 12px;
    display: none;
    width: 100%;
    cursor: default;
    border-radius: 3px;
  }
  .search-input.active .autocom-box li{
    display: block;
  }
  .autocom-box li:hover{
    background: #efefef;
  }
  .search-input .icon{
    position: absolute;
    right: 0px;
    top: 0px;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    font-size: 20px;
    color: #03AD98;
    cursor: pointer;
}
.search-p {
    border-radius: 8px;
    padding: 30px;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05);
    margin-top: -107px;
    background: #fff;
    z-index: 999;
    position: relative;
}
.search-tab {
    margin-top: 27px;
}
.search-tab ul {
    list-style: none;
    margin: 0;
    padding-left: 10px;
}
.search-tab ul li {
    display: inline-block;
    margin-right: 25px;
}
.search-tab ul li a {
    text-decoration: underline;
    color: #03AD98 !important;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
}
.animate {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

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

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

    100% {
        transform: translateY(-10px);
    }
}
/*==============================================
    How Work Section
================================================*/
.work-section{}
.work-section .work-item-wrap{}
.work-section .work-item{
    padding: 1rem;
}
.work-section .work-item.active{
    border-radius: 8px;
    padding: 1rem;
    background-color: #03AD98;
}
.work-section .work-item .title-wrap{
    position: relative;
    display: inline-block;
    padding-left: 46px;
}
.work-section .work-item .title-wrap .numbers{
    position: absolute;
    left: 0;
    color: #2C2C2C;
    font-size: 1rem;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #EAF4F3;
}
.work-section .work-item .title-wrap .title{
    font-size: 1.125rem;
}
.work-section .work-item .title-wrap a{
    color: #2C2C2C;
}
.work-section .work-item .work-content{
    padding-left: 46px;
}
.work-section .work-item .work-content p{
    font-size: .875rem;
    margin-bottom: 0;
}

.work-section .work-item.active .title-wrap .numbers{}
.work-section .work-item.active .title-wrap a{
    color: #ffffff;
}
.work-section .work-item.active .work-content p{
    color: #ffffff;
}
.work-section .work-img{
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-image: url(../../images/how-work-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}
.work-section .work-item-img{
    text-align: center;
}
.work-section .work-item-img img{
    width: 75%;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .work-section .work-item{
        padding: 1.125rem 1.75rem;
    }
    .work-section .work-item.active{
        padding: 1.75rem;
        border-radius: 12px;
    }
    .work-section .work-item .title-wrap,.work-section .work-item .work-content{
        padding-left: 60px;
    }
    .work-section .work-item .title-wrap .title{
        font-size: 1.5rem;
    }
    .work-section .work-item .title-wrap .numbers{
        font-size: 1.25rem;
        width: 40px;
        height: 40px;
    }
    .work-section .work-item .work-content{}
    .work-section .work-item .work-content p{
        font-size: 1rem;
    }
    .work-section .work-img{
        /* width: 400px;
        height: 348px; */
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Featured Section
================================================*/
.featured-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}
.featured-item{
    text-align: center;
}
.featured-item .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #EAF4F3;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 1rem;
}
.featured-item .icon-box img{
    width: 80px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .featured-container{
        grid-template-columns: repeat(5, 1fr);
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Best Health Package Section
================================================*/
.health-packages{}
.health-packages .card{
    border: none;
    padding: 1rem;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 1.5rem;
}
.health-packages .card-header{
    display: flex;
    justify-content: space-between;
    border-bottom: none;
    background-color: transparent;
    padding: 0;
}
.health-packages .card-header img{
    width: 60px;
}
.health-packages .card .card-body{
    padding: 1rem 0 0;
}
.health-packages .card-body .title{
    font-size: 1rem;
    font-weight: 600;
}
.health-packages .card-body span,.health-packages .card-body ul li,.health-packages .card-body ul li a{
    font-size: 14px;
}
.health-packages .card-body ul li a{
    color: #03AD98;
    font-weight: 600;
    text-decoration: none;
}
/* .health-packages .card-body ul li:last-child{
    list-style: none;
} */
.health-packages .card-body .price-tag{
    margin-bottom: .75rem;
}
.health-packages .card-body .price-tag span i{
    font-size: 1.375rem;
    margin-right: .25rem;
}
.health-packages .card-body .price-tag span del{
    margin-left: .5rem;
}
.health-packages .card-body .price-tag span del i{
    font-size: .875rem;
}
.health-packages .card-body .price-tag .offer-price,.tab-carousel .card-body .price-tag .offer-price{
    color: #2C2C2C;
    font-size: 1.75rem;
    font-weight: 700;
}
.health-packages .card-body .price-tag .price,.tab-carousel .card-body .price-tag .price{
    color: #ccc;
    font-size: 1rem;
}
.health-packages .card-body .btn-solid{
    color: #ffffff;
    display: block;
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    text-transform: uppercase;
}
.health-packages .more-card{
    height: 93%;
}
.health-packages .card-body.more{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    border-radius: .5rem;
    background-color: #EAF4F2;
}
.more span.number{
    display: block;
    font-size: 2.25rem;
    font-weight: 700;
}
.more p{
    font-size: 1.5rem;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Health Risk Section
================================================*/
.health-risk-section{
    text-align: center;
}
.health-risk-section .card{
    border: none;
    text-align: left;
    padding: 1.5rem;
    border-radius: .75rem;
    background-color: #EAF4F2;
    margin-bottom: 1.5rem;
}
.health-risk-section .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #ffffff;
    margin-bottom: .75rem;
}
.health-risk-section .card .icon-box img{
    width: 100%;
}
.health-risk-section .heart-line{
    position: absolute;
    right: 0;
}
.health-risk-section .card-body{
    padding: 0;
}
.health-risk-section .card-body .title{
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 34px;
    margin-bottom: .5rem;
}
.health-risk-section .btn-solid{
    padding: .75rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Health Checkup package Section
================================================*/
.health-checkup-section{}
.health-checkup-tab{}
.health-checkup-tab .nav-tabs{
    margin-bottom: 1.5rem;
    border-bottom: none;
}
.health-checkup-tab .nav-tabs .nav-item{
    margin-right: 1rem;
    margin-bottom: 1rem;
}
.health-checkup-tab .nav-tabs .nav-item .nav-link{
    color: #2C2C2C;
    font-size: 1.25rem;
    font-weight: 400;
    padding: .5rem 1rem;
    border-radius: .5rem;
    border: none;
    background-color: #f1f1f1;
}
.health-checkup-tab .nav-tabs .nav-item .nav-link.active{
    color: #ffffff;
    font-weight: 600;
    background-color: #03AD98;
}
.tab-carousel .card{
    padding: 1rem;
    background: #FFFFFF;
    border: none;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin: .75rem .75rem 1.5rem;
}
.tab-carousel .card img{
    border-radius: .5rem;
}
.tab-carousel .card .discount{
    top: 1.75rem;
    right: 1rem;
}
.tab-carousel .card-body{
    padding: 1rem 0 0;
}
.tab-carousel .card-body .title{
    color: #2C2C2C;
    font-weight: 600;
    font-size: 1rem;
}
.tab-carousel .card-body .title a{
    color: #2C2C2C;
    text-decoration: none;
}
.tab-carousel .card-body p{
    font-size: 14px;
}
.tab-carousel .card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    background-color: transparent;
}
.tab-carousel .card-body .price-tag{

}
.tab-carousel .card-body .btn-solid{
    padding: .25rem 2rem;
    border-radius: 4px;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: .75rem;
    padding: 4px 7px;
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
    width: 70px;
    height: 70px;
    border-radius: .5rem;
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
    background-color: #D7F6F1;
}
.owl-carousel .owl-nav button.owl-next i,.owl-carousel .owl-nav button.owl-prev i{
    color: #2C2C2C;
    font-size: 2rem;
}
.owl-carousel .owl-nav button.owl-next:hover i,.owl-carousel .owl-nav button.owl-prev:hover i{
    color: #ffffff;
}
.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover{
    background-color: #03AD98;
}
.owl-carousel .owl-nav button.owl-next{

}
.owl-carousel .owl-dots{
    display: none;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .owl-carousel .owl-dots{
        display: none;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
        width: 40px;
        height: 40px;
        border-radius: .5rem;
    }
    .owl-carousel .owl-nav button.owl-next i,.owl-carousel .owl-nav button.owl-prev i{
        font-size: 1rem;
    }
}
/*==============================================
    Health Plan Section
================================================*/
.health-plan-section{}
.health-plan-section .container-fluid{
    /* background-color: #EAF4F3; */
}
.health-plan-section .health-plan-content{
    position: relative;
    border-radius: 12px;
    background-color: #EAF4F3;
    text-align: center;
}
.heartline{
    position: absolute;
    top: 38px;
    left: 0;
}
.health-plan-section .card{
    text-align: left;
    padding: 1rem;
    flex-direction: row;
    margin-bottom: 1.5rem;
    border-radius: 8px;
    border: none;
}
.health-plan-section .card img{
    width: 116px;
    height: 116px;
    object-fit: cover;
    border-radius: 12px;
    margin-right: 1rem;
}
.health-plan-section .card-body{
    padding: 0;
}
.health-plan-section .card-body .title{
    font-size: 1rem;
    font-weight: 600;
}
.health-plan-section .card-body p{
    font-size: 14px;
    text-align: left;
}
.health-plan-section .card-body .btn-text{}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){
    .health-plan-section .health-plan-content{
        padding-top: 70px;
        padding-bottom: 60px;
    }
    .heartline{
        top: 20px;
    }
    .heartline img{
        height: 40px;
    }
}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    why Us Section
================================================*/
.why-us-section{}
.why-us-section .card{
    border: none;
    text-align: center;
}
.why-us-section .card .icon{}
.why-us-section .card-body{}
.why-us-section .card-body .title{
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: .75rem;
}
.why-us-section .card-body p{

}
.why-us-section .card-body a{}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Call To Action Section
================================================*/
.cta-section{
    position: relative;
}
.cta-container{
    display: flex;
    align-items: center;
    position: relative;
    background-image: url(../../images/cta-front.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    border-radius: 12px;
    width: 100%;
    height: 180px;
}
.cta-content{
    position: absolute;
    right: 0;
    width: 240px;
}
.cta-content .title{
    font-size: 1.5rem;
    font-weight: 400;
}
.cta-content .btn-text{
    display: flex;
    align-items: center;
    color: #2C2C2C;
    font-size: 1.25rem;
    font-weight: 400;
}
.cta-content .btn-text i{
    color: #ffffff;
    font-size: rem;
    margin-left: 1rem;
    line-height: 30px;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #03AD98;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .cta-container{
        min-height: 500px;
    }
    .cta-content{
        width: 500px;
    }
    .cta-content .title{
        font-size: 5rem;
    }
    .cta-content .btn-text{
        font-size: 2.75rem;
    }
    .cta-content .btn-text i{
        font-size: 2rem;
        line-height: 50px;
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
   Testimonial Carousel
================================================*/
.testimonial-section{}
.testimonial-carousel{}
.testimonial-carousel .card{
    padding: 1rem;
    height: 100%;
    border-radius: 12px;
}
.testimonial-carousel .card img{
    position: absolute;
    right: 0;
    width: 200px;
    height: 200px;
    bottom: 15px;
    object-fit: cover;
}
.testimonial-carousel .card-body{
    padding: 0;
    padding-right: 74px;
}
.testimonial-carousel .card-body p{
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 1rem;
}
.testimonial-carousel .card-body .link{
    color: #03AD98;
    margin-bottom: .75rem;
}
.testimonial-carousel .card-body .link i{
}
.testimonial-carousel .card-body .customer-info{
    margin-top: 1rem;
}
.testimonial-carousel .card-body .customer-info .customer-name{}
.testimonial-carousel .card-body .customer-info p{
    margin-bottom: 0;
}
.testimonial-carousel.owl-carousel .owl-nav{}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .testimonial-carousel .card{
        width: 480px;
        padding: 1.5rem;
    }
    .testimonial-carousel .card-body{
        padding: 0;
        padding-right: 74px;
    }
    .testimonial-carousel.owl-carousel .owl-nav{
        position: absolute;
        top: -120px;
        right: 8%;
    }
    .testimonial-carousel.owl-carousel .owl-nav .owl-prev{
        right: 94px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){

}
@media (max-width: 575px){
    .testimonial-carousel .card{
        max-width: 340px;
    }
}
/*==============================================
    Download Section
================================================*/
.download-section{
    position: relative;
}
.download-content{
    text-align: center;
}
.app-screen{
    background-image: url('../../images/mobileback_739x721.png');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .download-content{
        text-align: left;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){
    .download-section{
        padding-bottom: 60px;
    }
    .download-app{
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .download-app img{
        width: 120px;
    }
}
@media (max-width: 575px){}
/*==============================================
    Blog Section
================================================*/
.blog-section{
    position: relative;
}
.blog-section .rightplus{
    position: absolute;
    top: -20px;
    left: 0;
    width: 60px;
}
.blog-carousel .card{
    padding: 1rem;
    border: none;
    border-radius: 12px;
    background-color: #EAF4F2;
}
.blog-carousel .card img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}
.blog-carousel .card-body{
    padding: 1rem 0 0;
}
.blog-carousel .card-body .blog-meta{
    margin-bottom: .25rem;
}
.blog-carousel .card-body .blog-meta .date{
    position: relative;
}
.blog-carousel .card-body .blog-meta .date::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 6px;
    background: #03AD98;
    opacity: 0.3;
}
.blog-carousel .card-body .title{
    font-size: 1.5rem;
    font-weight: 400;
}
.blog-carousel .card-body .title a{
    color: #2C2C2C;
}
.blog-carousel .card-body .btn-text{}
.blog-carousel .card-body .btn-text i{
    margin-left: .375rem;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .blog-section .rightplus{
        position: absolute;
        top: -100px;
        left: 0;
        width: 130px;
    }
    .blog-carousel .card{
        padding: 1.5rem;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Footer Section
================================================*/
.main-footer{
    background-color: #00AE99;
}
.main-footer .footer-top-nav{
    padding-left: 0;
    text-align: center;
}
.main-footer .footer-top-nav li{
    list-style: none;
    display: inline-block;
    margin-bottom: .75rem;
}
.main-footer .footer-top-nav li+li{
    padding-left: 12px;
    margin-left: 12px;
    border-left: 2px solid #ffffff;
}
.main-footer .footer-top-nav li:nth-child(5){
    border-left: none;
    margin-left: 0;
    padding-left: 0;
}
.main-footer .footer-top-nav li a{
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.125rem;
    line-height: 1;
    color: #ffffff;
}
.main-footer .footer-logo{
    width: 160px;
}
.main-footer .footer-about {
    margin-bottom: 1rem;
}
.main-footer .footer-about p{
    color: #ffffff;
    text-align: center;
}
.main-footer .desktop-footer-about{}
.mobile-footer-about{
    text-align: center;
    margin: 1.75rem 0;
}
.main-footer .mobile-footer-about .download-btn,.main-footer .desktop-footer-about .download-btn{
    margin-top: 1.5rem;
}
.main-footer .footer-widget .footer-title{
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
}
.main-footer .footer-widget.footer-link ul{
    padding: 0;
}
.main-footer .footer-widget.footer-link ul li{
    list-style: none;
}
.main-footer .footer-widget.footer-link ul li a{
    color: #ffffff;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.main-footer .footer-contact{}
.main-footer .footer-contact .contact-links{}
.main-footer .footer-contact .contact-links li {
    color: #ffffff;
}
.main-footer .footer-contact .contact-links li a{
    font-size: 1rem;
    color: #ffffff;
}
.main-footer .footer-contact .social-links{ }
.main-footer .footer-contact .social-links ul{
    display: flex;
    align-items: center;
}
 .main-footer .footer-contact .social-links ul li+li{
     margin-left: .5rem;
 }
.main-footer .footer-contact .social-links ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;

    border-radius: 50px;
    background-color: #FFFFFF;
}
.main-footer .footer-contact .social-links ul li a i{
    font-size: 1.25rem;
    color: #00AE99;
}
.copyright{
    padding: 1rem 0;
    background-color: #00665A;
}
.copyright p{
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .main-footer{
        padding: 60px 0;
    }
    .mobile-footer-about{
        display: none;
    }
    .main-footer .footer-about {
        margin-bottom: 2.5rem;
    }
    .main-footer .footer-top-nav{
        padding-left: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){
    .desktop-footer-about{
        display: none;
    }
}
/*==============================================
    About Page
================================================*/
.banner-section.about-banner{
    padding-bottom: 0;
}
.about-banner .banner-content{
    padding: 0;
}
.about-banner-img{
    width: 100%;
    height: 320px;
    position: relative;
    background-image: url(../../images/about-banner-bg.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.about-banner-img .doctor-img{
    width: 100%;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
}
/*========== About-Section ==========*/
.about-section{}
.about-content{
    text-align: center;
}
.about-content p{
    font-size: 1rem;
}
.featured-wrap{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 1rem;
}
.featured-wrap .featured-item{}
.about-content .featured-wrap .featured-item{
    padding: 1.5rem;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    background-color: #ffffff;
}
.featured-wrap .featured-item .icon-box{}
.featured-wrap .featured-item .icon-box img{
    width: 40px;
}
.featured-wrap .featured-item p{
    font-weight: 600;
    margin-bottom: 0;
}
.docopd-about .featured-wrap{
    grid-gap: 1.5rem;
}
.docopd-about .about-content .featured-wrap .featured-item{
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}
.docopd-about .featured-wrap .featured-item p{
    font-size: 1rem;
}
/*=========== How to Section =============*/
.how-to-section{}
.how-to-wrap{}
.how-to-img{
    position: relative;
}
.how-to-content{}
.how-to-content .sup-title{
    display: block;
}
.how-to-content {}
.how-to-content p{
    font-size: 1rem;
}
/*=========== Founder Section =============*/
.founder-section{
    text-align: center;
}
.founder-testimonial{
    z-index: 2;
}
.founder-testimonial.owl-carousel .owl-stage-outer{}
.founder-testimonial .testimonial-item{
    position: relative;
}
.founder-testimonial .testimonial-item .testimonial-content{
    position: relative;
    padding: 1.5rem;
    text-align: left;
    border-radius: 12px;
    background-color: #EAF4F3;
}
.founder-testimonial .testimonial-item .testimonial-content p{}
.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta{}
.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta .title{}
.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta .label{}
.founder-testimonial .testimonial-item .testimonial-img{
}
.founder-testimonial .testimonial-item .testimonial-img img{
    width: 100%;
    height: 100%;
    border-radius: 12px;
}
/*=========== Expert Team Section =============*/
.expert-team-section{}
.expert-testimonial {}
.expert-testimonial .card{
    border: none;
}
.expert-testimonial .card-body{
    padding: 1rem 0;
}
.expert-testimonial .card .title{
    font-size: 1.5rem;
}
.expert-testimonial .card .title a{
    color: #03AD98;
}
.expert-testimonial .card .expert-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.expert-testimonial .card .expert-info span{
    font-size: 1rem;
}
.expert-testimonial .card .expert-info ul li{
    list-style: none;
    display: inline-block;
}
.expert-testimonial .card .expert-info ul li+li{
    margin-left: 4px;
}
.expert-testimonial .card .expert-info ul li a{
    color: #2C2C2C;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .about-banner .banner-content{
        padding: 40px  0 100px;
    }
    .about-banner-img{
        height: 380px;
    }
    .about-banner-img .doctor-img{
        width: 80%;
    }
    .about-content p{
        font-size: 1.5rem;
    }
    .about-content p:first-child{
        font-weight: 600;
    }
    .featured-wrap{
        grid-template-columns: repeat(3, 1fr);
        margin-top: 2rem;
    }
    .docopd-about .featured-wrap{
        grid-template-columns: repeat(4, 1fr);
    }
    .docopd-about .featured-wrap .featured-item p{
        font-size: 1.25rem;
    }
    .how-to-content p{
        font-size: 1.5rem;
    }
    .founder-testimonial .testimonial-item{
        position: relative;
        height: 550px;
        clear: both;
    }
    .founder-testimonial .testimonial-item .testimonial-content{
        width: 995px;
        height: 490px;
        padding: 80px 430px 70px 70px;
    }
    .founder-testimonial .testimonial-item .testimonial-img{
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 80px;
    }
    .founder-testimonial .testimonial-item .testimonial-img img{
        width: 511px;
        height: 466px;
    }
    .founder-testimonial .owl-nav{
        position: relative;
        margin-top: -110px;
        z-index: 999 !important;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Opd page Opd Featured
================================================*/
.opd-featured-section{}
.opd-featured-section .card{
    border: none;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1.5rem;
}
.opd-featured-section .card .icon{}
.opd-featured-section .card-body{
    padding: .5rem;
}
.opd-featured-section .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
}
.opd-featured-section .card-body p{
    margin-bottom: 0;
    text-align: left;
}
.why-us-section .card-body a{}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Opd page Opd Section
================================================*/
.opd-section{
}
.opd-section .opd-item{
    position: relative;
    text-align: center;
    padding: 1.5rem;
    border-radius: 12px;
    background: radial-gradient(108.08% 162.12% at 50% 50%, #F2FAFD 0%, #ECF6F8 15%, #DCEBEB 35%, #C1DAD6 58%, #AFCFC7 82%, #9AC5B8 100%);

    margin-bottom: 1.5rem;

}
/* .opd-section .opd-item .item-content-wrap{

}    */
.opd-section .opd-item  .opd-animate-top,.opd-section  .opd-item .opd-animate-bottom{
    position: absolute;
    content: '';
    opacity: .3;
}
.opd-section .opd-item .opd-animate-top{
    top: 0;
    left: 0;
}
.opd-section .opd-item .opd-animate-bottom{
    right: 0;
    bottom: 0;
}
.opd-bg-1,.opd-bg-2,.opd-bg-3,.opd-bg-4{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.opd-bg-1{
    background-image: url(../../images/Medical-prescription-bro-bg.png);
}
.opd-bg-2{
    background-image: url(../../images/Blood-test-bro-bg.png);
}
.opd-bg-3{
    background-image: url(../../images/First-aid-kit-bro-bg.png);
}
.opd-bg-4{
    background-image: url(../../images/Gynecology-consultation-pana-bg.png);
}
.opd-section .opd-content{}
.opd-section .opd-content .title-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.opd-section .opd-content .title-wrap .icon{
    width: 40px;
    margin-right: 1rem;
}
.opd-section .opd-content .title-wrap .title{
    font-size: 22px;
    margin-bottom: 0;
}
.opd-section .opd-content p{
    text-align: left;
}
.opd-suraksha-group{
    position: relative;
}
.opd-suraksha-group .opd-suraksha-item{
    display: flex;
    align-items: center;
}
.opd-suraksha-group .opd-suraksha-item p{
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.5rem;
}
.opd-suraksha-group .opd-suraksha-item img{
    width: 40px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .opd-section .opd-item{
        margin-bottom: 40px;
    }
    .opd-section .opd-item .section-header{
        width: 400px;
        margin: auto;
    }
    .opd-section .opd-item .section-header .title{
        font-size: 40px;
    }
    .opd-section .opd-item{
        padding: 40px 80px 30px;
    }
    .opd-suraksha-group .opd-suraksha-item.one,.opd-suraksha-group .opd-suraksha-item.two,
    .opd-suraksha-group .opd-suraksha-item.three,.opd-suraksha-group .opd-suraksha-item.four{
        position: absolute;
    }
    .opd-suraksha-group .opd-suraksha-item img{
        width: 60px;
    }
    .opd-suraksha-group .opd-suraksha-item.one{
        left: -220px;
        top: 60px;
        flex-direction: row-reverse;
    }
    .opd-suraksha-group .opd-suraksha-item.two{
        top: 16px;
        right: -158px;

    }
    .opd-suraksha-group .opd-suraksha-item.one p,.opd-suraksha-group .opd-suraksha-item.three p{
        margin-right: .75rem;
    }
    .opd-suraksha-group .opd-suraksha-item.three{
        left: -115px;
        bottom: 38px;
        flex-direction: row-reverse;
    }
    .opd-suraksha-group .opd-suraksha-item.four{
        right: -124px;
        bottom: 44px;
    }
    .opd-suraksha-group .opd-suraksha-item.two p,.opd-suraksha-group .opd-suraksha-item.four p{
        margin-left: .75rem;
    }
}
@media (max-width: 991px){
    .opd-section .opd-item{
        background-image: url(../../images/mobile-opd-bg.png);
        background-repeat: repeat-y;
    }
    .opd-suraksha-group .opd-suraksha-item p{
        margin-left: 10px;
    }
}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Opd page Opd Health Plan
================================================*/
.price-tag .offer-price{
    font-size: 1.75rem;
    font-weight: 700;
    margin-right: .5rem;
}
.price-tag .offer-price i{
    font-size: 1.375rem;
}
.price-tag .price{
    color: #868686;
    font-size: 1rem;
    font-weight: 400;
}
.price-tag .price i{
    font-size: .875rem;
}
.opd-health-plan{}
.opd-plan-carousel .card{
    padding: 1rem;
    flex-direction: row;
    border: none;
    background-color: #EAF4F3;
    border-radius: 12px;
}
.opd-plan-carousel .card .icon{
    margin-right: 1rem;
}
.opd-plan-carousel .card-body{
    padding: 0;
}
.opd-plan-carousel .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}
.opd-plan-carousel .card-body .title a{
    color: #2C2C2C;
}
.opd-plan-carousel .card-body p{}
.why-us-section .card-body a{}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .opd-plan-carousel .card{
        width: 480px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){
    .opd-plan-carousel .card{
        width: 300px;
    }
    .opd-plan-carousel .card-body .title{
        font-size: 1rem;
    }
    .opd-plan-carousel .card-body p{
        font-size: 14px;
    }
}
/*==============================================
    Opd page Doctor Carousel
================================================*/
.top-doctor-section{
    background-color: #f5f5f5;
}
.doctors .card{
    padding: 1rem;
    border: none;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
.doctors  .card-header{
    margin-top: 1rem;
    display: flex;
    align-items: center;
    padding: 0;
    border: none;
    background-color: transparent;
}
.doctors  .card-header .badge{
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #27AE60;
}
.doctors  .card-header .badge i{
    color: #ffffff;
    font-size: .675rem;
}
.doctors  .card-body{
    padding: 0;
    margin-bottom: 12px;
}
.doctors  .card-header .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
}
.doctors  .card-header .title a{
    color: #2C2C2C;
}
.doctors  .card-body p{
    margin-bottom: 0;
}
.doctors  .card-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    border: none;
    background-color: transparent;
}
.doctors  .card-footer .offer-price{
    font-size: 1.75rem;
    font-weight: 700;
}
.doctors  .card-footer .price{
    font-size: 1rem;
    font-weight: 400;
}
.doctors .card-footer .btn{
    font-size: 1rem;
    font-weight: 600;
    padding: .375rem 1.5rem;
    text-transform: uppercase;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Opd page
================================================*/
.we-treat-section{}
.we-treat-content{
    text-align: center;
    background-color: #EAF4F3;
    border-radius: 12px;
}
.we-treat-container{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}
.we-treat-container .card{
    padding: 1.25rem 1rem;
    border: none;
    border-radius: 12px;
    text-align: center;
}
.we-treat-container .card img{
    width: 120px;
    margin: auto;
    margin-bottom: .75rem;
}
.we-treat-container .card-body{
    padding: 0;
}
.we-treat-container .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1rem;
    font-weight: 600;
}
.we-treat-container .card-body .title a{
    color: #2C2C2C;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .we-treat-container{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .we-treat-container .card{
        padding: 1.5rem 2rem;
    }
    .we-treat-container .card-body .title{
        font-size: 1.5rem;
    }
}
@media (max-width: 991px){
    .we-treat-container .card img{
        width: 100px;
    }
}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Opd page Specialist Section
================================================*/
.specialist-section{}
.specialist-carousel .card{
    border: none;
    text-align: center;
}
.specialist-carousel .card img{
    width: 175px;
    border-radius: 12px;
}
.specialist-carousel .card-body{
    padding: .75rem 0;
}
.specialist-carousel .card-body .title{}
.specialist-carousel .card-body a{
    color: #2C2C2C;
    font-size: 1.25rem;
    font-weight: 600;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}

/*==============================================
    Lab List page
================================================*/
.filter-section .search-terms{
    margin-top: 1rem;
}
.filter-section .search-terms ul{
    margin: 0;
    padding: 0;
}
.filter-section .search-terms ul li{
    display: inline-block;
    margin-right: .75rem;
    margin-bottom: .5rem;
}
.filter-section .search-terms ul li .term{
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border: 1px solid #2C2C2C;
    border-radius: 19px;
}
.filter-section .search-terms ul li a{
    color: #2C2C2C;
    font-size: 14px;
    font-weight: 400;
}
.filter-section .search-terms ul li a .close{
    font-size: 1rem;
    margin-left: 6px;
}
.sidebar-filter{
    background-color: #ffffff;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
.search-bar{}
.search-box{}
.search-box .input-group-text{
    border-right: none;
    padding-right: 0;
    background-color: transparent;
}
.search-box .form-control{
    border-left: none;
}
.search-box .form-control:focus{
    box-shadow: none;
}
.sidebar-filter .sidebar-title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
}
.sidebar-filter .filter-panel{
    border-bottom: 1px solid #ddd;
}
.sidebar-filter .filter-panel .card-header{
    padding: 1rem 1rem 0;
}
.sidebar-filter .filter-panel .card-header .card-title{
    margin-bottom: 0;
    font-size: 1rem;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
}
.sidebar-filter .filter-panel .card-header .card-title a{
    color: #2C2C2C;
}
/*======== Faq Section  ========*/
.faq-section{}
.faq-section .accordion{}
.faq-section .accordion-item{
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-bottom: 1rem;
    border: none;
}
.faq-section .accordion-item .accordion-header{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #2C2C2C;
}
.faq-section .accordion-item .accordion-header .accordion-button{
    border-radius: 12px;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #EAF4F3;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
.accordion-button:not(.collapsed) {
    color: #2C2C2C;
    background-color: transparent;
    box-shadow: none;
    border-radius: 12px 12px 0 0;
}
.faq-section .accordion-item .accordion-body{}
.faq-section .accordion-item .accordion-body p{
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .filter-section .location .form-select,.filter-section .search-box .input-group-text,.filter-section .search-bar .form-control{
        height: 70px;
        border-radius: 8px;
        padding: 1rem;
    }
    .filter-section .search-box .input-group-text{
        padding-right: 0;
    }
}
@media (max-width: 991px){
    .sidebar{
        margin-bottom: 24px;
    }
}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Lab Details page
================================================*/
.lab-details-section{}
.lab-details-content.health-packages .card{
    border: 1px solid #CCCCCC;
    box-shadow: none;
}
.health-packages .card-footer{
    display: flex;
    align-items: center;
    border: none;
    padding: 1rem 0 0;
    justify-content: space-between;
    background-color: transparent;
}
.health-packages .card-footer .btn{
    margin-left: .75rem;
}
.lab-details-tab{}
.lab-details-tab .nav-tabs{
    margin-bottom: .75rem;
}
.nav-tabs .nav-link {
    color: #2C2C2C;
    margin-bottom: -1px;
    background: 0 0;
    border: none;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #2C2C2C;
    font-weight: 600;
    background-color: #fff;
    border-bottom: 2px solid #00AE99;
}
.lab-details-tab .tab-content ul{
    margin: 0;
    padding: 0;
}
.lab-details-tab .tab-content ul li{
    list-style: none;

}
.lab-details-tab .tab-content ul li+li{
    margin-top: .5rem;
}
.lab-details-tab .tab-content ul li .icon-img{
    margin-right: .75rem;
}
.lab-details-tab .tab-content ul li .icon-img img{
    width: 20px;
}
@media (min-width: 768px){}
@media (min-width: 992px){
    .lab-details-tab .tab-content ul{
        columns: 2;
    }
}
@media (max-width: 991px){
    .lab-details-img{
        text-align: center;
        margin-top: 24px;
    }
}
@media (max-width: 767px){
    .lab-details-content .card-footer{
        display: block;
    }
    .health-packages .card-footer .btn {
        margin-left: 0;
    }
    .card-footer-btn{
        margin-top: 12px;
        display: block;
    }
    .card-footer-btn .btn-solid{
        margin-bottom: 8px;
    }
}
@media (max-width: 575px){}
/*==============================================
    Doctors Section
================================================*/
.doc-filter-bar{
    margin-top: 1rem;
}
.doc-filter-bar .dropdown{
    background-color: #f7f7f7;
}
.doc-filter-bar .dropdown ul{
    padding: 10px;
    width: 100%;
    min-width: 100%;
}
.doc-filter-bar .dropdown-toggle::after{
    border: none;
    content: '\f078';
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    transition: all .3s ease;
}
.doc-filter-bar .dropdown-toggle.show::after{
    transform: rotate(180deg);
}
.doctors-section .section-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.doctors-section .switch-btn .btn{
    background-color: #f7f7f7;
}
.doctors-section .switch-btn .btn.active{
    color: #ffffff;
    background-color: #03AD98;
}
#doctors .thumbnail{
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#doctors .item{
    margin-bottom: 24px;
}
#doctors .item.list-group-item{
    padding: 0;
    border: none;
    margin-bottom: 24px;
    width: 100%;
    background-color: transparent;
}
#doctors .item.list-group-item .thumbnail img{
    width: 130px;
    border-radius: 12px;
}
#doctors .card-body{
    margin-bottom: 0;
}
#doctors .card-footer{
    margin-top: 16px;
}
#doctors .item.list-group-item .card-footer{
    margin-top: 0;
}
#doctors .item.list-group-item .card-footer .price-tag{
    margin-right: 16px;
}
#doctors .item.list-group-item .thumbnail{
    margin-bottom: 0px;
    margin-right: 16px;
}
#doctors .item.list-group-item .card{
    flex-direction: row;
}
.doctors-section .load-more{
    text-align: center;
    margin-top: 16px;
}
.doctors-section .btn-solid-ol{
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    width: 320px;
    padding: 8px 20px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .doc-filter-bar{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-top: 1rem;
    }
    .doc-filter-bar .dropdown{
        margin-left: 1rem;
        background-color: #f7f7f7;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){
    .doc-filter-bar .dropdown{
        margin-bottom: 1rem;
    }
    .doctors-section .switch-btn{
        display: none;
    }
}
@media (max-width: 575px){
    .doc-filter-bar .dropdown{
        width: 100%;
    }
    .doc-filter-bar .dropdown .btn{
        text-align: left;
    }
    .doc-filter-bar .dropdown .dropdown-toggle::after{
        position: absolute;
        right: 1rem;
    }
}
/*==============================================
    Home Page ltr Section
================================================*/
.plus-sign{
    position: absolute;
    width: 80px;
}
.rightplus{
    top: 0;
    left: 0;
}
.leftplus{
    top: 0;
    right: 0;
}
.clr-primary{
    color: #03AD98;
}
.docopd-section{
    position: relative;
}
.docopd-content p{
    font-size: 16px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .plus-sign{
        width: 130px;
    }
    .docopd-content p{
        font-size: 1.5rem;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Home Page ltr Section
================================================*/
.ltr-section,.rtl-section{
    position: relative;
}
.ltr-content p,.rtl-content p{
    font-size: 18px;
}
.ltr-content .btn,.rtl-content .btn{
    margin-top: 16px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    padding: 16px 26px;
    text-transform: uppercase;
}
.ltr-content .btn i,.rtl-content .btn i{
    margin-left: 6px;
}
.ltr-section .ltr-img{
    background-image: url(../../images/ltr-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .ltr-content p{
        font-size: 24px;
    }
}
@media (max-width: 991px){
    .ltr-content,.rtl-content{
        margin-bottom: 30px;
    }
}
@media (max-width: 767px){
    .ltr-img img,.rtl-img img{
        width: 80%;
    }
}
@media (max-width: 575px){}
/*==============================================
    Home Page rtl Section
================================================*/
.rtl-section{}
.rtl-section .rtl-img{
    background-image: url(../../images/rtl-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Home Page Docopd Stats Section
================================================*/
.docopd-stats-section{}
.docopd-stats-content{
    padding: 80px 0 60px;
    position: relative;
    border-radius: 12px;
    background-color: #EAF4F2;
}
.docopd-stats-content .heartline,.docopd-stats-content .heartline-footer{
    position: absolute;
}
.docopd-stats-content .heartline{
    top: 20px;
    left: 0;
}
.docopd-stats-content .heartline img,.docopd-stats-content .heartline-footer img{
    height: 40px;
}
.docopd-stats-content .heartline-footer{
    right: 0;
    bottom: 16px;
}
.docopd-stats-content .card{
    border: none;
    padding-top: 24px;
    padding-bottom: 30px;
    text-align: center;
    border-radius: 20px;
    margin-bottom: 24px;
}
.docopd-stats-content .card .stat-bg{
    position: absolute;
    bottom: 0;
}
.docopd-stats-content .card .stat-bg img{
    width: 80px;
    height: 80px;
}
.docopd-stats-content .card .title{
    font-size: 30px;
    font-weight: 400;
}
.docopd-stats-content .card p{
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}

/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .docopd-stats-content{
        padding: 120px 0;
    }
    .docopd-stats-content .heartline img,.docopd-stats-content .heartline-footer img{
        height: 58px;
    }
    .docopd-stats-content .card{
        padding-top: 60px;
        padding-bottom: 90px;
    }
    .docopd-stats-content .card .title{
        font-size: 60px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Home Page ceo Sdection
================================================*/
.ceo-section{}
.ceo-section .card{
    border: none;
    text-align: center;
}
.ceo-section .section-header .title{
    margin-bottom: 1rem;
}
.ceo-section .section-header p{
    font-size: 18px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .ceo-section .section-header p{
        font-size: 24px;
    }
}
@media (max-width: 991px){}
@media (max-width: 767px){}
@media (max-width: 575px){}
/*==============================================
    Home Page Enroll Sdection
================================================*/
.enroll-section{}
.enroll-wrap{
    position: relative;
    background-color: #EAF4F2;
    border-radius: 12px;
}
.enroll-wrap .doc-sign{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.enroll-wrap .doc-sign img{}
.enroll-wrap .enroll-img{}
.enroll-wrap .enroll-content{}
.enroll-wrap .enroll-content p{
    font-size: 1rem;
}
.enroll-wrap .enroll-content ul{
    margin: 0;
    padding: 0;
}
.enroll-wrap .enroll-content ul li{
    list-style: none;
    display: inline-block;
    padding-right: 10px;
    margin-bottom: 1rem;
}
.enroll-wrap .enroll-content ul li a{
    font-size: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
}
.enroll-wrap .enroll-content .btn-solid{
    padding: 8px 20px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .enroll-wrap .enroll-content p{
        font-size: 1.5rem;
    }
}
@media (max-width: 991px){
    .enroll-wrap .enroll-content{
        padding: 1rem;
    }
}
@media (max-width: 767px){
    .enroll-wrap .enroll-content .btn-solid{
        font-size: 16px;
        padding: 8px 20px;
    }
}
/*==============================================
    Contact Page
================================================*/
.fluid-content{
    position: relative;
    border-radius: 12px;
    background-color: #EAF4F3;
    text-align: center;
}
.fluid-content {}
.contact-form-section{}
.contact-form-section .contact-form{ }
.contact-form-section .contact-form .title{
    font-family: 'Source Sans Pro', sans-serif;
}
.contact-form-section .contact-form .form-group{
    margin-bottom: 1rem;
}
.contact-form-section .contact-form .form-control{ }
.contact-form-section .contact-form textarea.form-control{ }
.contact-form-section .contact-form .btn-submit{
    display: block;
    width: 100%;
}
.contact-form-section .contact-map {}
.contact-form-section .contact-map iframe{
    border-radius: 12px;
}
.contact-info-section{}
.contact-info-wrap{}
.contact-info-wrap .card{
    padding: 1rem;
    border: none;
    border-radius: 12px;
}
.contact-info-wrap .card .icon-box{
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #00AE99;
}
.contact-info-wrap .card .icon-box i{
    color: #ffffff;
    font-size: 1.75rem;
}
.contact-info-wrap .card .card-body{
    text-align: left;
    padding: 1rem 0;
}
.contact-info-wrap .card .card-body h3{}
.contact-info-wrap .card .card-body p:last-child{
    margin-bottom: 0;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .contact-form-section .contact-form .form-group{
        margin-bottom: 1.5rem;
    }
    .contact-info-wrap .card{
        padding: 1.5rem;
        height: 100%;
    }
    .contact-info-wrap .card .icon-box{
        width: 80px;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        background-color: #00AE99;
    }
    .contact-info-wrap .card .icon-box i{
        color: #ffffff;
        font-size: 2.4rem;
    }
}
@media (max-width: 991px){
    .contact-form-section .contact-form{
        margin-bottom: 1.5rem;
    }
    .contact-info-wrap .card{
        margin-bottom: 1.5rem;
    }
}
@media (max-width: 767px){
    .contact-form-section .contact-form{
        margin-bottom: 1rem;
    }
    .contact-info-wrap .card{
        margin-bottom: 1rem;
    }
}
/*===============================================
    My Cart Page
=================================================*/
.cart-section{}
.cart-section-header,.appointment-section-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cart-section-header a,.appointment-section-header a{
    color: #03AD98;
}
.cart-container{}
.cart-container .section-header,.appointment-container .section-header{
    text-align: center;
}
.cart-container .cart-content{}
.cart-container .cart-content .cart-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem 0;
}
.cart-container .cart-content .cart-header span{
    color: #3B3F48;
    font-size: 1rem;
}
.cart-container .cart-content .cart-header i{
    margin-right: .5rem;
}
.cart-container .cart-content .cart-header a{
    color: #00AE99;
}
.cart-container .cart-content .card{
    border: none;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-bottom: 1.5rem;
    padding: 1rem;
}
.cart-container .cart-content .card-body{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 0 1rem;
}
.cart-container  .cart-content .addons .card-body{
    align-items: center ;
}
.cart-container .cart-content .card-body .price-tag{}
.cart-container .cart-content .card-body .price-tag span{
    display: block;
    line-height: 1;
}
.cart-container .cart-content .card-body .price-tag .offer-price{
    color: #2C2C2C;
    font-size: 1.75rem;
    margin-right: 0;
    margin-bottom: .5rem;
}
.cart-container .cart-content .card-body .price-tag .offer-price i{
    display: inline;
    font-size: 1.3rem;
}
.cart-container .cart-content .card-body .price-tag .price{
    color: #868686;
    font-size: .875rem;
}
.cart-container .cart-content .card-body .price-tag .price i{
    font-size: .875rem;
}
.cart-container .cart-content .card-body .title{
    color: #2C2C2C;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 34px;
}
.cart-container .cart-content .addons .card-body .title{
    font-weight: 400 !important;
}
.cart-container .cart-content .card-body p{
    font-size: .875rem;
    margin-bottom: 0;
}
.cart-container .cart-content .card-body .form-check-input{
    width: 1.5rem;
    height: 1.5rem;
    background-color: #03AD98;
    border-color: #03AD98;
}
.cart-container .cart-content .card-body .btn-light{
    color: #03AD98;
    font-size: 11px;
    font-weight: 400;
    padding: 4px 10px;
    border-radius: 12px;
    background-color: #EAF4F3;
}
.cart-container .cart-content .card-footer{
    border: none;
    padding: 0;
    background-color: transparent;
}
.cart-container .cart-content .card-footer a{
    color: #868686;
}
.cart-container .cart-content .card-footer a i{
    margin-right: .5rem;
}
.price-widget{
    padding: 1rem;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
.price-widget .price-title-wrap{
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.price-widget .price-title-wrap .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    margin-right: .5rem;
}
.price-widget .price-title-wrap .item-number{
    font-size: .875rem;
}
.price-widget .promocode{
    margin-bottom: .75rem;
}
.price-widget .promocode {}
.price-widget ul{
    margin-bottom: .5rem;
    border-bottom: 1px solid #CCCCCC;
}
.price-widget ul .price-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: .75rem;
}
.price-widget ul .price-item span{
    display: block;
}
.price-widget ul .price-item i{
    font-size: .75rem;
}
.price-widget .total-price{
    margin-bottom: 1rem;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .cart-container .cart-content .card{
        padding: 1.5rem;
    }
    .cart-container .cart-content .cart-header span{
        font-size: 1rem;
    }
    .cart-container .cart-content .card-body .cart-info{
        margin-right: 80px;
    }
    .cart-container .cart-content .card-body .title{
        font-size: 1.5rem;
    }
    .cart-container .cart-content .card-body p{
        font-size: 1rem;
    }
    .cart-container .cart-content .card-body .price-tag .offer-price{
        font-size: 1.75rem;
    }
    .cart-container .cart-content .card-body .price-tag .price{
        font-size: 1rem;
    }
    .price-widget{
        padding: 1.5rem;
        margin-top: 2.9rem;
    }
    .price-widget .price-title-wrap .title{
        font-size: 1.5rem;
    }
    .price-widget .price-title-wrap .item-number{
        font-size: 1rem;
    }
    .cart-section-header,.appointment-section-header{
        padding-bottom: 60px;
    }
}
@media (max-width: 767px){}
/*===============================================
    Appointment Page
=================================================*/
.appointment-section{}
.appointment-container .card{
    border: none;
    margin-bottom: 1.5rem;
    border-radius: 12px;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
}
.appointment-container .card-header{
    border: none;
    padding: 1rem;
    font-size: 1rem;
    background-color: #EAF4F3;
}
.appointment-container .card-header .appointment-call .text{
    font-size: 1rem;
    font-weight: 400;
}
.appointment-container .card-header .text{
    font-family: 'Source Sans Pro';
    font-size: 1rem;
    font-weight: 600;
    margin: 0 .5rem;
}
.appointment-container .card .edit-btn{
    font-size: 1rem;
    color: #03AD98;
}
.appointment-container .doctor-card .card-body{
    /* ss */
}
.appointment-container .card-body .doctor-img img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.appointment-container .card-body .title{
    font-family: 'Source Sans Pro';
    font-size: 1.25rem;
    font-weight: 600;
}
.appointment-container .card-body .doctor-info{}
.appointment-container .card-body .doctor-info .title{}
.appointment-container .card-body .doctor-info span{
    margin-bottom: 1rem;
}
.appointment-container .card-body .doctor-info .specialization span{
    color: #2C2C2C;
    margin-bottom: 1rem;
}
.appointment-container .card-body .doctor-info .degree span{
    color: #868686;
    margin-bottom: 1rem;
}
.appointment-container .card-body .doctor-info .location{
    margin-top: 10px;
}
.appointment-container .card-body .doctor-info .location span{
    color: #2C2C2C;
}
.appointment-container .card-body .attachment-file{
    display: flex;
    margin-top: 1rem;
}
.appointment-container .card-body .attachment-file ul{
    margin: 0;
    padding: 0;
}
.appointment-container .card-body .attachment-file ul li{
    display: inline-block;
    list-style: none;
    text-align: center;
}
.appointment-container .card-body .attachment-file ul li+li{
    margin-left: 1rem;
}
.appointment-container .card-body .attachment-file ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d1d0d0;
    border-radius: 12px;
}
.appointment-container .card-body .attachment-file ul li a .file-name{
    display: block;
    margin-top: .25rem;
}
.appointment-container .card-body .attachment-file .edit-btn{
    display: flex;
    align-items: flex-end;
    margin-left: 1rem;
    margin-bottom: 20px;
}
.appointment-container .card-body .attachment-file .edit-btn a{
    color: #03AD98;
}
.appointment-container .form-check{
    padding: 0 0 1.5rem 1.5rem;
}
.appointment-container .form-check-input{
    width: 22px;
    height: 22px;
    border-radius: 2px;
    border-color: #03AD98;
    background-color: #03AD98;
}
.appointment-container .form-check-label{
    margin-left: 8px;
}
.appointment-container .appointment-btn{
    text-align: center;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .appointment-container .card-header{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .appointment-container .doctor-card .card-body{
        display: flex;
        align-items: flex-start;
    }
    .appointment-container .card-body .doctor-img{
        margin-right: 1rem;
        width: 140px;
    }
    .appointment-container .card-header{
        padding: 1.5rem;
        font-size: 1.5rem;
    }
    .appointment-container .card-header .text{
        font-size: 1.5rem;
    }
    .appointment-container .card-header .appointment-call .text{
        font-size: 1.25rem;
        font-weight: 400;
    }
    .appointment-container .card-body{
        padding: 1.5rem;
    }
    .appointment-container .card-body .title{
        margin-bottom: 1rem;
        font-size: 1.5rem;
    }
    .appointment-container .card-body .doctor-info .title{
        margin-bottom: 1rem;
    }
    .appointment-container .card-body .attachment-file{
        margin-top: 2rem;
    }
    .appointment-container .card-body .attachment-file ul li a{
        width: 180px;
        height: 116px;
    }
}
@media (max-width: 991px){
    .appointment-container .card-body .attachment-file ul li a{
        width: 180px;
        height: 116px;
    }
    .appointment-container .card-body .doctor-img{
        margin-bottom: 1rem;
    }
}
@media (max-width: 767px){
    .appointment-container .card-body .attachment-file ul li a{
        width: 110px;
        height: 80px;
        border-radius: 5px;
    }
}
@media (max-width: 575px){
    .appointment-container .card-body .attachment-file ul li a{
        width: 70px;
        height: 50px;
        border-radius: 4px;
    }
}
/*==============================================
    Home Page
================================================*/
.home-featured{}
.home-featured .featured-content{
    position: relative;
}
.home-featured .featured-content .card{
    border: none;
    text-align: center;
    background-color: transparent;
}
.home-featured .featured-content .icon-box{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    background-color: #EAF4F3;
    margin: auto;
}
.home-featured .featured-content .icon-box img{
    width: 20px;
}
.home-featured .featured-content .card-body{}
.home-featured .featured-content .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.home-featured .featured-content .card-body p{}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .home-featured .featured-content .dashed-line{
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translateX(-50%);
        width: 75%;
        height: 2px;
        border-top: 2px dashed #03AD98;
    }
    .home-featured .featured-content .dashed-line::after,
    .home-featured .featured-content .dashed-line::before{
        position: absolute;
        top: -13px;
        color: #03AD98;
        content: "\f105";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
    }
    .home-featured .featured-content .dashed-line::before{
        left: 25%;
        transform: translateX(-50%);
    }
    .home-featured .featured-content .dashed-line::after{
        right: 25%;
        transform: translateX(-50%);
    }
    .home-featured .featured-content .icon-box{
        width: 80px;
        height: 80px;
    }
    .home-featured .featured-content .icon-box img{
        width: 30px;
    }
    .home-featured .featured-content .card-body .title{
        font-size: 24px;
    }
}
/*==============================================
    disease Page
================================================*/
/*======= Section ========*/
/*======= disease-featured Section ========*/
.disease-featured{}
.disease-featured .card{
    border: none;
    background-color: #EAF4F2;
    border-radius: 12px;
    margin-bottom: 24px;
}
.disease-featured .card .icon{
    width: 50px;
    height: 50px;
    /* margin: 1rem 0 1rem 1rem; */
    margin: 1rem auto 0;
}
.disease-featured .card .icon img{
    width: 50px;
}
.disease-featured .card-body{}
.disease-featured .card-body .title{
    font-size: 24px;
    font-weight: 400;
}
.disease-featured .card-body p{
    margin-bottom: 0;
}
/*======= How To Work Section ========*/
.how-work-section{}
.how-work-content{
    position: relative;
}
.how-work-section .ltr-container{}
.how-work-section .rtl-container{}
.how-work-section .ltr-img{
    background-image: url(../../images/ltr-img-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}
.how-work-section .rtl-img{
    background-image: url(../../images/rtl-img-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}
.how-work-section .ltr-content{}
.how-work-section .ltr-content .title,.how-work-section .rtl-content .title{
    font-size: 24px;
    /* font-family: 'Source Sans Pro';
    font-size: 22px;
    font-weight: 700; */
}
.how-work-section .ltr-content p{
    font-size: 16px;
    font-weight: 400;
}

/*======= Package Section ========*/
.package-section{}
.package-container .card{
    border-radius: 12px;
}
.package-container .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
}
.package-container .card-header .form-select{
    border: none;
    font-size: 22px;
    font-weight: 600;
    color: #03AD98;
}
.package-container .card-header .form-select:focus{
    box-shadow: none;
}
.package-container .card-header select option{
    font-size: 22px;
    font-weight: 600;
    color: #2C2C2C;
}
.package-container .card-header .title{
    font-family: 'Source Sans Pro';
    font-size: 22px;
    font-weight: 700;
}
.package-container .card-body{}
.package-container .card-body p{
    font-weight: 400;
}
.package-container .card-body .plan-list{
    padding-left: 0;
}
.package-container .card-body .plan-list li{
    display: inline-block;
    margin-right: 16px;
}
.package-container .card-body .plan-item{
    display: flex;
    align-items: center;
}
.package-container .card-body .plan-item .icon-box{
    margin-right: 16px;
}
.package-container .card-body .plan-item .icon-box img{
    width: 50px;
}
.package-container .card-body .plan-item .title{
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: 600;
}
/*======= Disease Section ========*/
.disease-faq-section{}
.disease-faq-section .disease-faq-img{
    position: relative;
    z-index: 9;
}
.disease-faq-section .accordion-item .accordion-header .accordion-button{
    font-weight: 600;
}
.disease-faq-section .accordion .accordion-body{
    text-align: left;
    padding-top: 0;
}
/*======= Disease Section ========*/
.disease-section{}
.disease-carousel{}
.disease-carousel .card{
    border: none;
    border-radius: 12px;
}
.disease-carousel .card img{
    border-radius: 12px 12px 0 0;
}
.disease-carousel .card-body{
    background-color: #EAF4F2;
    border-radius:0 0 12px 12px;
}
.disease-carousel .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 400;
}
.disease-carousel .card-body .title a{
    color: #2C2C2C;
}
.disease-carousel .card-body .location{}
/*======= Expert Section ========*/
.expert-section{}
.expert-section .card{
    border: none;
    background-color: transparent;
}
.expert-section .card img{
    border-radius: 12px;
}
.expert-section .card-body{
    background-color: transparent;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    /*======= Disease Featured Section ========*/

    .disease-featured .card .icon{
        margin: 1.5rem;
    }
    .disease-featured .card-body{
        padding: 0  1.5rem 1.5rem;
    }
    .disease-featured .card-body .title{
        font-size: 50px;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-content{}
    .v-dashed-line{
        position: absolute;
        content: "";
        left: 50%;
        bottom: 80px;
        transform: translateX(-50%);
        margin: auto;
        width: 2px;
        height: 80%;
        border-left: 2px dashed #03AD98;
        z-index: -1;
    }
    .v-line-number span{
        display: block;
        color: #ffffff;
        font-family: 'Source Sans Pro';
        font-size: 24px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 70px;
        height: 70px;
        border-radius: 50px;
        background-color: #03AD98;
        margin: auto;
        box-shadow: 0 0 0 8px #d5f0ed;
    }
    /*======= Package Section ========*/
    .package-container .card-header .title{
        font-size: 28px;
    }
    .package-container .card-body .plan-list li{
        display: inline-block;
        margin-right: 50px;
    }

}
@media (max-width: 992px){
    .v-dashed-line{
        display: none;
    }
    .v-line-number span{
       display: none;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-container,.how-work-section .rtl-container{
        text-align: center;
    }
    .how-work-section .ltr-img,
    .how-work-section .rtl-img{
        margin-bottom: 24px;
    }
}
@media (max-width: 768px){
    .disease-featured .card{
        /* flex-direction: row;
        align-items: center; */
        text-align: center;
    }
    .disease-featured .card-body .title{
        margin-bottom: 0;
    }
    .disease-faq-section .disease-faq-img img{
        height: 300px;
        object-fit: contain;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-img img,.how-work-section .rtl-img img{
        height: 300px;
        object-fit: contain;
    }

    .package-container .card-header{
        display: block;
    }
    .package-container .card-header select{
        width: 210px;
    }
    .package-container .card-header select option{
        width: auto;
        font-size: 14px;
        color: #2C2C2C;
    }
    .package-container .card-body .plan-list li{
        display: block;
        margin-right: 0;
        margin-bottom: 16px;
    }
}
@media (max-width: 576px){
    .disease-faq-section .disease-faq-img img{
        width: 180px;
        object-fit: contain;
    }
    /*======= How To Work Section ========*/
    .how-work-section .ltr-img img,.how-work-section .rtl-img img{
        height: 200px;
    }
}
/*==============================================
   Corporate Disease Page
================================================*/
/*======= Disease Benefit Section ========*/
.disease-benefit{}
.disease-benefit .card{
    border: none;
    text-align: start;
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 1.5rem;
}
.disease-benefit .card-body{
    padding: 1rem 0 0;
    min-height: 160px;
}
.disease-benefit .card .icon-box{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #EAF4F2;
}
.disease-benefit .card .icon-box img{
    width: 22px;
}
.disease-benefit .card-body .title{
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
}
.disease-benefit .card-body p{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #3B3F48;
    margin-bottom: 0;
}
/*======= Offering Section ========*/
.offer-carousel{}
.offer-carousel .card{
    border: none;
    padding: 1rem;
    width: 260px;
    height: 260px;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin: 12px;
}
.offer-carousel .card .icon-box{
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background-color: #EAF4F2;
}
.offer-carousel .card .icon-box img{
    width: 22px;
}
.offer-carousel .card-body{
     padding: 1rem 0 0;
}
.offer-carousel .card-body .title{
    font-family: 'Source Sans Pro';
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
}
.offer-carousel .card-body .title a{
    color: #2C2C2C;
}
.offer-carousel .card-body p{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #3B3F48;
    margin-bottom: 0;
}
.offer-carousel .owl-nav{
    display: none;
}
.offering-section .offer-btn{
    margin-top: 20px;
    text-align: center;
}
.register-modal{}
.register-modal .form-control{
    height: 40px;
    margin-bottom: 16px;
}
.register-modal textarea.form-control{
    min-height: 120px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){
    /*======= Offering Section ========*/
    .offer-carousel .card{
        height: 350px;
        padding: 1.5rem;
    }
    .offer-carousel .card-body{
        padding: 1rem 0 0;
    }
}
@media (min-width: 992px){
    /*======= Disease Benefit Section ========*/
    .disease-benefit .card{
        text-align: start;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }
    .disease-benefit .card-body{
        padding: 1rem 0 0;
    }
    /*======= Offering Section ========*/
    .offer-carousel .card{
        height: 344px;
        padding: 1.5rem;
    }
    .offer-carousel .card-body{
        padding: 1rem 0 0;
    }
    .offer-carousel .card-body .title{
        font-size: 20px;
        line-height: 30px;
    }
    .offer-carousel .card-body p{
        font-size: 15px;
    }
    .register-modal .modal-content{
        padding: 2rem;
    }
    .register-modal .modal-content .modal-header .modal-title{
        font-size: 30px;
    }
    .register-modal .modal-content .modal-header{
        margin-bottom: 10px;
    }
    .register-modal .modal-content .btn{
        margin-top: 10px;
        font-size: 17px;
        padding: 9px 30px;
    }
}
@media (max-width: 992px){}
@media (max-width: 767px){
    .disease-benefit .section-header{
        margin-top: 40px;
    }
}
/*========== 23/07/2022 =============
    Chemist Page
====================================*/
a,.clr-primary{
    color: #03AD98;
}

.chemist-page-header{
    padding: 16px 0;
}
.chemist-page-header .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.chemist-page-header .user{
    display: flex;
    align-items: center;
}
.chemist-page-header .user img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}
.chemist-page-header .user-content{
    margin-left: 12px;
}
.chemist-page-header .user-content .title{
    color: #3B3F48;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.chemist-page-header .user-content .location{
    font-size: 12px;
}
.chemist-page-header .paynow{
    display: flex;
    align-items: center;
}
.chemist-page-header .paynow .shopping-cart{
    margin-right: 16px;
}
.chemist-page-header .paynow .btn .text{
    margin-left: 10px;
}
.chemist-page-header .upload-btn label{
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 6px 12px;
    margin-bottom: 0;
}
@media (min-width: 992px){
    .chemist-page-header{
        padding: 24px 0;
    }
    .chemist-page-header .user-content .title{
        font-size: 24px;
    }
    .chemist-page-header .user-content .location{
        font-size: 16px;
    }
    .chemist-page-header .user img{
        width: 62px;
        height: 62px;
    }
    .chemist-page-header .paynow .shopping-cart{
        margin-right: 24px;
    }
}
@media (max-width: 768px){
    .chemist-page-header .paynow .btn .text{
        display: none;
    }
}
/*=====================================*/
.chemist-carousel-section{}
.chemist-carousel-section .container{
    padding-left: 16px;
    padding-right: 16px;
}
.chemist-carousel-section .hero-carousel{}
.chemist-carousel-section .hero-carousel .hero-item{
    width: 100%;
}
.chemist-carousel-section .hero-carousel .discount-off{
    font-family: 'Source Sans Pro', sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}
.chemist-carousel-section .hero-carousel .discount-off .discount-text{
    font-size: 37px;
    font-weight: 700;
    line-height: 30px;
}
.chemist-carousel-section .hero-carousel .discount-off span{
    display: block;
    font-size: 15px;
}
.chemist-carousel-section .hero-carousel .hero-subtitle{
    font-weight: 400;
    text-transform: uppercase;
}
.chemist-carousel-section .hero-carousel .hero-subtitle,.chemist-carousel-section .hero-carousel p{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}
.chemist-carousel-section .hero-carousel .symbol{
    line-height: 26px;
    margin-left: 3px;
}
.chemist-carousel-section .hero-carousel .percentage{
    /* font-size: 55px; */
    line-height: 1;

}
.chemist-carousel-section .hero-carousel .off{
    /* font-size: 55px; */
    font-weight: 600;
    line-height: 1;
}
.chemist-carousel-section .hero-carousel.owl-carousel .owl-nav .owl-next,
.chemist-carousel-section .hero-carousel.owl-carousel .owl-nav .owl-prev{
    display: none;
}
.chemist-carousel-section .owl-carousel .owl-dots{
    display: block;
}
.chemist-carousel-section .owl-theme .owl-dots .owl-dot span{
    width: 10px;
    height: 10px;
    border: 1px solid #03AD98;
    background-color: #FFFFFF;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #03AD98 !important;
}
@media (min-width: 992px){
    .chemist-carousel-section .hero-carousel .discount-off .discount-text{
        font-size: 90px;
        line-height: 50px;
    }
    .chemist-carousel-section .hero-carousel .discount-off span{
        font-size: 32px;
    }
    .chemist-carousel-section .hero-carousel .hero-subtitle,.chemist-carousel-section .hero-carousel p{
        font-size: 50px;
    }
}
@media (max-width: 575.98px){
    .chemist-carousel-section {
        padding: 24px 0 0;
    }
    .chemist-carousel-section .hero-carousel .hero-item{
        flex-direction: row;
        text-align: start;
        justify-content: space-between;
    }
    .chemist-carousel-section .hero-carousel .hero-item .hero-content {
        margin-bottom: 6px;
    }
    .chemist-carousel-section .hero-carousel .hero-subtitle{
        margin-bottom: 0;
    }
    .chemist-carousel-section .hero-carousel p{
        margin-bottom: 8px;
    }
    .chemist-carousel-section .hero-carousel .btn{
        font-size: 12px;
        padding: 6px 12px;
    }
    .chemist-carousel-section .hero-carousel .hero-item .hero-img{
        width: 150px;
    }
}
/*=====================================*/
.upload-prescription{}
.upload-prescription .card{
    /* border: 1px solid #efefef; */
    align-items: center;
    justify-content: space-between;
}
.upload-prescription .card-body{
    display: flex;
}
.upload-prescription .card{
    border: none;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
.upload-prescription .card .icon{
    background-color: #ADC8F5;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.upload-prescription .card .icon img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.upload-prescription .card-content{
    margin-left: 16px;
}
.upload-prescription .card-content .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.upload-prescription .card-content p{
    font-size: 14px;
}
/*======= Upload Button ========*/
.upload-btn{
   padding-right: 16px;
}
.upload-btn label{
    font-size: 1rem;
    cursor: pointer;
    color: #FFFFFF;
    padding: 8px 24px 7px;
    border: 1px solid #03AD98;
    background-color: #03AD98;
    border-radius: 6px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.upload-btn > input[type='file'] {
    display: none;
}
@media (min-width: 992px){
    .upload-prescription .card{
        flex-direction: row;
    }
    .upload-prescription .card .icon{
        background-color: #ADC8F5;
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    .upload-prescription .card .icon img{
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }
    .upload-prescription .card-content .title{
        font-size: 24px;
    }
    .upload-prescription .card-content p{
        font-size: 16px;
    }
}
@media (max-width: 575.98px){
    .upload-prescription .upload-btn{
        display: block;
        width: 100%;
        padding: 0 16px 16px;
    }
    .upload-prescription .upload-btn label{
        /* font-size: 14px; */
        width: 100%;
        margin-bottom: 0;
    }
}
/*=====================================*/
.ct-action-section{}
.ct-action-section .ct-action{
    position: relative;
    padding: 16px 16px;
    background: rgba(234, 244, 243, 0.1);
    background-image: url("../../images/chemist/bg.png");
    border-radius: 12px;
}
.ct-action-section .ct-action.ct-action-bottom{
    padding-bottom: 0;
}
.ct-action-section .ct-action.ct-action-bottom .ct-action-content{
    padding-bottom: 16px;
}
.ct-action-section .ct-action-content{

}
.ct-action-section .ct-action-content .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ct-action-section .ct-action-img{
    text-align: center;
}
@media (min-width: 992px){
    .ct-action-section .ct-action{
        padding: 40px 60px 30px;
    }
    .ct-action-section .ct-action-content .title{
        font-size: 50px;
        margin-bottom: 28px;
    }
    .ct-action-section .ct-action.ct-action-bottom .ct-action-content{
        padding-bottom: 30px;
    }
}
@media (max-width: 575.98px){
    .ct-action-section .ct-action-content .btn{
        font-size: 10px;
        padding: 6px 12px;
    }
}
/*=====================================*/
.sampurn-suraksha-section{}
.sampurn-suraksha{
    border-radius: 12px;
    background-color: #EAF4F3;
}
.suraksha-content{
    padding: 20px 16px;
}
.suraksha-content .title{
    font-size: 24px;
    font-weight: 400;
}
.suraksha-content p{}
.suraksha-content .btn-wrap{
    display: flex;
    flex-direction: column;
}
.suraksha-content .input-group{
    width: 280px;
    border-radius: 25px;
}
.suraksha-content .input-group .form-select{
    color: #03AD98;
    padding: 13px 16px;
    font-size: 16px;
    font-weight: 400;
    border-color: #03AD98;
    border-radius: 8px;
    background-color: transparent;
}
.suraksha-img img{
    border-radius: 0 0 12px 12px;
}
@media (min-width: 992px){
    .suraksha-content{
        padding: 92px 0 92px 72px;
    }
    .suraksha-content .title{
        font-size: 50px;
        font-weight: 400;
    }
    .suraksha-content .btn-wrap{
        align-items: center;
        flex-direction: row;
    }
    .suraksha-content .btn{
        margin-left: 16px;
    }
}
@media (max-width: 991.98px){
    .suraksha-content .input-group{
        width: 100%;
        margin-bottom: 16px;
    }
    .suraksha-img{
        margin-top: 16px;
    }
}
@media (max-width: 575.98px){


}
/*=====================================*/
.about-shopkeeper{}
.about-shopkeeper .shopkeeper-container{
    padding: 16px;
    border-radius: 12px;
    background-color: #EAF4F3;
}
.shopkeeper-container .shopkeeper-content{
    margin-bottom: 16px;
}
.shopkeeper-content .shopkeeper-header{
    display: flex;
    flex-direction: column;
}
.shopkeeper-content .shopkeeper-header .shopkeeper-img{}
.shopkeeper-content .shopkeeper-header .shopkeeper-info{
    display: flex;
}
.shopkeeper-content .shopkeeper-header .shopkeeper{
    margin-left: 16px;
}
.shopkeeper-content .shopkeeper-header .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #3B3F48;
    display: flex;
    align-items: center;
}
.shopkeeper-content .shopkeeper-header .title .badge {
    margin-left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background-color: #27AE60;
}
.shopkeeper-content .shopkeeper-header .title .badge i {
    color: #ffffff;
    font-size: .675rem;
}
.shopkeeper-content .shopkeeper-header .phone-number{}
.shopkeeper-content .shopkeeper-header .shopkeeper-text{
    margin-top: 12px;
}
.shopkeeper-content .shopkeeper-header p{}
.shopkeeper-content .shop-info{}
.shopkeeper-content .shop-info .shop-wrap{
    display: flex;
    justify-content: space-between;
}
.shopkeeper-content .shop-info .label{
    color: #868686;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}
.shopkeeper-content .shop-info .title{
    font-family: 'Source Sans Pro', sans-serif;
    color: #3B3F48;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.shopkeeper-content .shop-info .shop-rating i{
    color: #F6BA39;
}
.shopkeeper-container .scan-pay{}
@media (min-width: 992px){
    .about-shopkeeper .shopkeeper-container{
        padding: 40px;
    }
    .shopkeeper-content .shop-info .label{
        font-size: 16px;
        line-height: 24px;
    }
    .shopkeeper-content .shop-info .title{
        font-size: 24px;
        line-height: 34px;
    }
}
@media (max-width: 575.98px){}
/*=====================================*/
.gallery-section{}
.gallery-section .card{
    border: none;
}
.gallery-section .gal-col-1{
    display: block;
    margin: 16px 0;
}
.gallery-section .gal-col-2{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}
.gallery-section .card.gal-col-2{}
.gallery-section .gal-col-2 a{
   padding: 0 8px;
}
.gallery-section .gal-col-2{
    margin-right: -8px;
    margin-left: -8px;
}
@media (min-width: 992px){
    .gallery-section .gal-col-1{
        display: block;
        margin: 16px 0;
    }
    .gallery-section .gal-col-2{
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-top: 16px;
    }
}
@media (max-width: 575.98px){
    /* .gallery-section .gal-col-2{
        display: flex;
        flex-direction: column;
    } */
}
/*=====================================*/
.service-area{}
.service-area .service-area-list{}
.service-area .service-area-list ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.service-area .service-area-list ul li{
    font-size: 24px;
    line-height: 44px;
}
@media (max-width: 575.98px){
    .service-area .service-area-list ul li{
        font-size: 16px;
        line-height: 20px;
    }
}
/*=====================================*/
.review_form .form-group{
    margin-bottom: 16px;
}
.review_form textarea.form-control{
    min-height: 90px;
}
.review_form .form-group label{
    margin-bottom: 6px;
}
.review_form .form-group .rating-input{}
.review_form .form-group .rating-input i{
    font-size: 20px;
    margin-right: 5px;
}
.review_form .form-group .rating-input .fa-solid{
    color: #F6BA39;
}
.review_form .upload-btn .form-label{
    border: 1px dashed #03AD98;
    background-color: #EAF4F3;
    border-radius: 12px;
}
.review_form .upload-btn .form-label i{
    color: #03AD98;
}
/*================================================
    09/09/2022 Basiruddin Khan
==================================================*/
.profile-dashboard-section{}

.menu-wrap {
    position:relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.menu-tabs {
    display: inline-flex;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    padding-left: 0;
    /* padding-bottom: 8px; */
    margin-bottom: 0;
    /* border-bottom: 2px solid #D6D6DB; */
    -ms-overflow-style: none;
}
.menu-tabs>li{
    list-style: none;

}
.menu-tabs>li>a {
    display: block;
    color: #2C2C2C;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 16px;
    border-radius: 0;
    border: 2px solid transparent;
    border-bottom: 2px solid #DDD;
}
.menu-tabs>li>a.active,
.menu-tabs>li>a:hover {
    color: #03AD98;
    border-bottom: 2px solid #03AD98;
}
.menu-tabs>li>a.active{
    font-weight: 600;
}
.menu-tabs::-webkit-scrollbar {
    display: none;
}

.profile-dashboard{}
.profile-dashboard .card{
    border: none;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-bottom: 24px;
}
.profile-dashboard .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    background-color: transparent;
    padding: 16px;
}
.profile-dashboard .card-header .card-title{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.profile-dashboard .card-body{
    padding: 0 16px 16px;
}
/*=========== Featured Card ============*/
.profile-dashboard .featured-card-wrap{}
.profile-dashboard .featured-card-wrap .flex-card{

}
.profile-dashboard .featured-card-wrap .flex-card .title{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
}
.profile-dashboard .featured-card-wrap .flex-card .card-body{
    padding-top: 16px;
}
.profile-dashboard .featured-card-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
}
.profile-dashboard .featured-card-container .card{
    flex-grow: 1;
    text-align: center;
}
.profile-dashboard .featured-card-container .card-header{
    padding: 16px;
    justify-content: center;
}
.profile-dashboard .featured-card-container .card-header .text{
    font-family: 'Oswald';
    font-size: 32px;
    font-weight: 500;
    margin-left: 12px;
}
.profile-dashboard .featured-card-container .card-header .red-text{
    color: #EE5253;
}
.profile-dashboard .featured-card-container .card-header .green-text{
    color: #43BDEE;
}
.profile-dashboard .featured-card-container .card-body{
    padding: 0 16px 16px;
}
.profile-dashboard .featured-card-container .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.profile-dashboard .featured-card-container .card-body a{
    font-weight: 600;
}
.profile-dashboard .profile{}
.profile-dashboard .profile .card-body{
    height: 225px;
    text-align: center;
}
.profile-dashboard .profile .profile-name{
    font-size: 22px;
}
.profile-dashboard .profile .profile-content{
    margin-bottom: 40px;
}
.profile-dashboard .profile .card-body span{
    display: block;
}
.profile-dashboard .profile-photo{
    width: 90px;
    height: 90px;
    border-radius: 100px;
    margin: 16px auto;
}
.profile-dashboard .profile-photo a{
    display: block;
}
.profile-dashboard .profile-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .profile-dashboard .card-header{
        padding: 24px;
    }
    .profile-dashboard .card-header .card-title{
        font-size: 28px;
    }
    .profile-dashboard .card-body{
        padding: 0 24px 24px;
    }

    .profile-dashboard .featured-card-wrap .flex-card{
        flex-direction: row;
    }
    .profile-dashboard .featured-card-wrap .flex-card{
        align-items: flex-end;
    }
    .profile-dashboard .featured-card-wrap .flex-card .card-body{
        padding-top: 24px;
        order: 1;
    }
    .profile-dashboard .featured-card-wrap .flex-card .title {
        font-size: 28px;
    }
    .profile-dashboard .featured-card-wrap .flex-card .featured-img{
        order: 2;
    }
    .profile-dashboard .featured-card-container{
        flex-direction: row;
        align-items: stretch;
        gap: 24px;
    }
    .profile-dashboard .featured-card-container .card{
        text-align: start;
    }
    .profile-dashboard .featured-card-container .card-header{
        justify-content: flex-start;
    }
    .profile-dashboard .featured-card-container .card-body .title{
        font-size: 24px;
    }
    .profile-dashboard .profile .profile-name{
        font-size: 32px;
    }
    .profile-dashboard .profile-photo{
        width: 115px;
        height: 115px;
        border-radius: 100px;
        margin: 24px auto;
    }

}
/*======= Max Width ========*/
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    .profile-dashboard .profile .card-body {
        height: 190px;
    }
}
@media (max-width: 575.98px){}
/*=========== Subscription Health Reports ============*/
.profile-dashboard .appointment-wellness{}
.profile-dashboard .appointment-wellness .card{}
.profile-dashboard .appointment-wellness .appointment-book,.profile-dashboard .appointment-wellness .wellness-wrap{
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.profile-dashboard .appointment-wellness .doctors-appointment{
    display: flex;
    justify-content: flex-start;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap{
    width: 100%;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .title{
    font-family: 'Source Sans Pro';
    font-size: 24px;
    line-height: 1;
    margin-bottom: 0;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .title a{
    color: #3B3F48;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap p{
    font-size: 16px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span{
    color: #32324B;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span i{
    margin-right: 5px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span.active{
    position: relative;
    padding-left: 10px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span.active::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background: #6FCF97;
    border-radius: 50px;
}
.profile-dashboard .doctors-appointment .doctor-list-item{
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    border-bottom: 1px solid #D6D6DB;
}
.profile-dashboard .doctors-appointment .doctor-list-item:last-child{
    border-bottom: none;
}
.profile-dashboard .doctors-appointment .doctor-list-item .doctor-list-content{
    border-left: 5px solid #03AD98;
    padding-left: 10px;
}
.profile-dashboard .doctors-appointment .doctor-list-item .video-call{
    position: relative;
    width: 40px;
    height: 40px;
    background: #EAF4F3;
    border-radius: 4px;
}
.profile-dashboard .doctors-appointment .doctor-list-item .video-call img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
}
.profile-dashboard .appointment-wellness .card-body p{
    color: #3B3F48;
    margin-bottom: 8px;
}
.profile-dashboard .appointment-wellness .card-body img{
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
}
.profile-dashboard .appointment-wellness .card-body a{
    display: block;
    font-weight: 600;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
}
/*======= Max Width ========*/
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    .profile-dashboard .appointment-wellness .card-body img {
        width: 90px;
        height: 90px;
    }
    .profile-dashboard .appointment-wellness .appointment-book, .profile-dashboard .appointment-wellness .wellness-wrap {
        height: 160px;
    }
    .profile-dashboard .doctors-appointment .doctor-list-wrap .title {
        font-size: 20px;
    }
    .profile-dashboard .doctors-appointment .doctor-list-wrap p {
        font-size: 14px;
    }
    .profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span {
        font-size: 12px;
    }
}
@media (max-width: 575.98px){}
/*=========== Subscription Health Reports ============*/
.profile-dashboard .subscription-healthreports{}
.profile-dashboard .subscription-healthreports .card{}
.profile-dashboard .subscription-plan{
   justify-content: center;
}
.profile-dashboard .subscription-plan .card-body{
    padding-top: 0;
}
.profile-dashboard .subscription-plan .plan-wrap{
    display: flex;
    margin-bottom: 32px;
}
.profile-dashboard .subscription-plan .plan-wrap:last-child{
    margin-bottom: 0;
}
.profile-dashboard .subscription-plan .plan-content{
    margin-left: 12px
}
.profile-dashboard .subscription-plan .plan-wrap .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.profile-dashboard .subscription-plan .plan-wrap .exp-date{
    font-size: 14px;
}
.profile-dashboard .healthreport{}
.profile-dashboard .healthreport .no-report{
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.profile-dashboard .healthreport .no-report img{
    width: 100px;
    height: 100px;
}
.profile-dashboard .healthreport .card-body .report-file{
    margin-bottom: 10px;
}
.profile-dashboard .healthreport .card-body p{
    margin-bottom: 0;
}

#wallet_circle_chart{
    width: 275px;
    height: 275px;
    margin: auto;
}
#wallet_circle_chart .circle-text{
    font-size: 24px;
}
#wallet_circle_chart .circle-info-text{
    font-size: 6px;
}
#wellness_chart{
    width: 250px;
    height: 250px;
    margin: auto;
}
.profile-dashboard .healthreport .reports{
    height: 275px;
}
.profile-dashboard .healthreport .reports .report-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.profile-dashboard .healthreport .reports .report-list-item:last-child{
    margin-bottom: 0;
}
.profile-dashboard .healthreport .reports .report-list-content{
    display: flex;
    align-items: flex-start;
}
.profile-dashboard .healthreport .reports .report-list-content .report-name{
    color: #3B3F48;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}
.profile-dashboard .healthreport .reports .report-list-content .report-name span{
    display: block;
    font-weight: 400;
    font-size: 16px;
}
.profile-dashboard .healthreport .reports .report-list-item .file-icon{
    margin-right: 8px;
}
.profile-dashboard .healthreport .reports .report-list-item .file-icon img{
    width: 50px;
    height: 50px;
}
.profile-dashboard .healthreport .reports .report-list-item .icon-btn{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #EAF4F3;
    border-radius: 4px;
    text-align: center;
}
.profile-dashboard .healthreport .reports .report-list-item .action-btn{
    display: flex;
}
.profile-dashboard .healthreport .reports .report-list-item .icon-btn + .icon-btn{
    margin-left: 8px;
}
.profile-dashboard .healthreport .reports .report-list-item .icon-btn img{
    width: 22px;
    height: 22px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .profile-dashboard .subscription-plan .plan-wrap .title{
        font-size: 24px;
    }
    .profile-dashboard .subscription-plan .plan-wrap .exp-date{
        font-size: 16px;
    }
}
/*======= Max Width ========*/
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    .profile-dashboard .healthreport .no-report {
        height: 160px;
    }
    .profile-dashboard .healthreport .no-report img{
        width: 80px;
        height: 80px;
    }
    .wellness-chart-wrap{
        height: 80px;
        overflow: hidden;
    }
    #wellness_chart {
        width: 160px;
        height: 160px;
    }
    #wallet_circle_chart {
        width: 160px;
        height: 160px;
    }
    .profile-dashboard .healthreport .reports .report-list-content .report-name {
        font-size: 14px;
    }
    .profile-dashboard .healthreport .reports .report-list-item .file-icon img {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 575.98px){}
/*=========== Normal Report ============*/
.profile-dashboard .normal-report{}
.profile-dashboard .normal-report .card{
    padding-top: 20px;
    margin-bottom: 1.5rem;
    flex-direction: row;
}
.profile-dashboard .normal-report .card img{
    width: 50px;
    height: 50px;
    margin: 0 0 16px 16px;

}
.profile-dashboard .normal-report .card-body{}
.profile-dashboard .normal-report .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.profile-dashboard .normal-report .card-body .report-number{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 600;
}
.profile-dashboard .normal-report .card-body .report-label{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.profile-dashboard .normal-report .card-body .report-label span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    background-color: #EAF4F2;
    border-radius: 50%;
}
.profile-dashboard .normal-report .card-body .report-label img{
    width: 12px;
    height: 12px;
    margin: 0;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .profile-dashboard .normal-report .card{
        padding-top: 24px;
    }
    .profile-dashboard .normal-report .card-body .title {
        font-size: 24px;
    }
    .profile-dashboard .normal-report .card-body .report-number{
        font-size: 32px;
    }
    .profile-dashboard .normal-report .card img{
        width: 58px;
        height: 58px;
        margin: 0 24px 24px;
        margin-right: 0;
    }
}
/*======= Max Width ========*/
@media (max-width: 991.98px){
    .profile-dashboard .normal-report .card-body{
        padding-left: 10px;
    }
}
@media (max-width: 767.98px){}
@media (max-width: 575.98px){}
    padding:2px 10px 2px 30px;
    background-color:#ea4335;
    color:#fff;
    width:fit-content;
    clip-path:polygon(0 0,var(--ribbon-size) 50%,0 100%,100% 100%,100% 0)
}
.discount{
    position:absolute;
    right:0;
    font-size:.75rem;
    line-height:22px
}
.underline{
    position:relative;
    z-index:1
}
.underline::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:3px;
    height:18px;
    background:#d8ede9;
    z-index:-1
}
.section-header{
    margin-bottom:1.5rem
}
.section-header .title{
    color:#2c2c2c;
    font-size:1.5rem;
    font-weight:400
}
.section-header .sup-title{
    color:#03ad98;
    position:relative
}
.section-header .sup-title::after{
    content:"";
    position:absolute;
    bottom:0;
    height:20px;
    background-color:#00665a
}
@media(min-width:768px){
}
@media(min-width:992px){
    .section-header{
        margin-bottom:2rem
    }
    .section-header .title{
        color:#2c2c2c;
        font-size:2.75rem
    }
}
@media(min-width:768px){
}
.btn{
    font-weight:600;
    text-transform:uppercase;
    transition:all .3s ease-in
}
.btn:focus{
    box-shadow:none
}
.btn,.btn-text{
    font-size:1rem
}
.btn-solid-light{
    color:#3b3f48;
    padding:.75rem 2rem;
    border-radius:6px;
    background-color:#d7f6f1
}
.btn-solid,.btn-solid-light:hover{
    color:#fff;
    padding:.75rem 2rem;
    border-radius:6px;
    background-color:#03ad98
}
.btn-solid-ol{
    color:#03ad98;
    border:1px solid #03ad98
}
.btn-solid-ol:hover{
    color:#fff;
    background-color:#03ad98
}
.btn i{
    margin-left:6px
}
.btn-text{
    color:#03ad98;
    font-weight:600;
    padding:1rem 0;
    text-decoration:none
}
.btn-fluid{
    display:block;
    width:100%;
    padding:.375rem 1rem
}
a{
    text-decoration:none
}
.sec-py,.sec-pt{
    padding-top:1.5rem
}
.sec-py,.sec-pb{
    padding-bottom:1.5rem
}
@media(min-width:576px){
}
@media(min-width:768px){
    .sec-py,.sec-pt{
        padding-top:50px
    }
    .sec-py,.sec-pb{
        padding-bottom:50px
    }
}
@media(min-width:992px){
    .sec-py,.sec-pt,.sec-lg-py,.sec-lg-pt{
        padding-top:80px
    }
    .sec-py,.sec-pb,.sec-lg-py,.sec-lg-pb{
        padding-bottom:80px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.header.sticky-top{
    background-color:#eaf4f3
}
.navbar{
    width:100%;
    padding:0
}
.navbar .navbar-brand{
    width:150px
}
.cart-btn{
    position:relative
}
.cart-btn .badge{
    position:absolute;
    transform:translate(-50%,-50%);
    border-radius:50rem;
    background-color:#ea4335
}
.nav-item .nav-link{
    color:#2c2c2c
}
.header .navbar-right{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.header .navbar-right .nav-link.get-link{
    color:#03ad98
}
.header .navbar-right .navbar-nav{
    margin:0;
    display:flex;
    flex-direction:row
}
.header .navbar-right ul li a{
    display:block;
    padding:10px 12px;
    color:#2c2c2c;
    font-size:1.125rem;
    font-weight:400
}
.header .navbar-right .link{
    color:#2c2c2c
}
.navbar-right .dropdown .link{
    color:#2c2c2c
}
.navbar-right .dropdown .dropdown-menu{
    min-width:100px;
    padding:.5rem .75rem
}
.navbar .dropdown-toggle::after{
    border:none
}
.mobile-nav-right .cart-btn{
    color:#2c2c2c;
    margin-right:1rem
}
.modal-dialog{
}
.modal-content{
    padding:1rem;
    border-radius:20px
}
.modal-content form .form-control{
    height:50px
}
.modal-content .modal-header{
    border-bottom:none;
    padding:0
}
.modal-content .modal-header .modal-title{
    display:flex;
    align-items:center
}
.modal-content .modal-header .modal-title i{
    color:#03ad98;
    width:36px;
    height:36px;
    line-height:36px;
    border-radius:50px;
    text-align:center;
    background-color:#eaf4f2;
    margin-right:16px
}
.modal-content .modal-header .modal-close i{
    font-size:20px;
    color:#2c2c2c
}
.modal-content{
}
.modal-content .modal-body{
    padding:1rem 0
}
.modal-content .modal-body .btn-solid{
    padding:6px 16px;
    width:100%;
    height:100%
}
.modal-content .modal-footer{
    border-top:none;
    padding:.5rem 0;
    justify-content:center;
    margin-bottom:1rem;
    background-color:#eaf4f2;
    border-radius:8px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .mobile-header-nav{
        display:none
    }
    .modal-dialog{
        max-width:600px
    }
}
@media(max-width:991px){
    .desktop-header-nav{
        display:none
    }
    .navbar .dropdown-toggle i{
        float:right
    }
}
@media(max-width:767px){
}
@media(max-width:575px){
}
button.navbar-toggler{
    box-shadow:none
}
.navbar-toggler{
    padding:8px 0
}
.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:active{
    border:none;
    background:0 0;
    outline:none;
    box-shadow:none
}
.navbar-toggler .icon-bar{
    background-color:#fff;
    transform:rotate(0deg) translate(0px,0px);
    transition:ease all .2s
}
.navbar-toggler .icon-bar{
    display:block;
    width:22px;
    height:2px;
    border-radius:1px;
    background-color:#2c2c2c
}
.navbar-toggler .icon-bar+.icon-bar{
    margin-top:4px
}
.navbar-toggler .icon-bar:nth-child(2){
    width:16px;
    transition:ease all .2s
}
.navbar-toggler:hover>.icon-bar:nth-child(2){
    width:22px;
    transition:ease all .2s
}
.navbar-toggler:active>.icon-bar:nth-child(2){
    width:22px;
    transition:ease all .2s
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){
    transform:rotate(45deg) translate(5px,4px);
    transition:ease all .2s
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){
    opacity:0;
    transition:ease all .2s
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){
    transform:rotate(-45deg) translate(4px,-4px);
    transition:ease all .2s
}
.hero-carousel-section{
    padding:40px 0;
    position:relative;
    background-color:#eaf4f3
}
.hero-carousel{
}
.hero-carousel .hero-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:left
}
.hero-carousel .hero-item .hero-content{
    margin-bottom:1.25rem
}
.hero-carousel .hero-item .hero-title{
    font-size:2.25rem;
    font-weight:400
}
.hero-carousel .hero-item .hero-img{
    width:250px
}
.hero-carousel.owl-carousel .owl-nav .owl-next,.hero-carousel.owl-carousel .owl-nav .owl-prev{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    border-radius:50%
}
.hero-carousel.owl-carousel .owl-nav .owl-next i,.hero-carousel.owl-carousel .owl-nav .owl-prev i{
    font-size:1rem
}
.hero-carousel.owl-carousel .owl-nav .owl-prev{
    left:0
}
.hero-carousel.owl-carousel .owl-nav .owl-next{
    right:0
}
.hero-carousel .hero-item p{
    text-align:left
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .hero-carousel .hero-item{
        flex-direction:row;
        justify-content:space-between
    }
    .hero-carousel .hero-item .hero-title{
        font-size:80px
    }
    .hero-carousel .hero-item .hero-img{
        width:500px
    }
    .hero-carousel.owl-carousel .owl-nav .owl-next,.hero-carousel.owl-carousel .owl-nav .owl-prev{
        width:50px;
        height:50px
    }
    .hero-carousel.owl-carousel .owl-nav .owl-prev{
        left:-100px
    }
    .hero-carousel.owl-carousel .owl-nav .owl-next{
        right:-100px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
    .hero-carousel .hero-item{
        text-align:center
    }
    .hero-carousel .hero-item p{
        text-align:center
    }
}
.banner-section{
    padding:40px 0 80px;
    background-color:#eaf4f3;
    z-index:-1
}
.banner-section .banner-content{
    text-align:center
}
.banner-section .banner-title{
    font-size:30px;
    font-weight:400
}
.banner-img{
    position:relative;
    text-align:center;
    z-index:1
}
.banner-img .rotate{
    position:absolute;
    top:0;
    right:0;
    z-index:-2
}
.banner-doc-img{
    position:absolute;
    top:0
}
.rotate{
    animation:rotation 12s infinite linear
}
@keyframes rotation{
    from{
        transform:rotate(0deg)
    }
    to{
        transform:rotate(359deg)
    }
}
@media(min-width:992px){
    .banner-section{
        padding:40px 0 100px
    }
    .banner-section .banner-content{
        text-align:left
    }
    .banner-section .banner-title{
        font-size:80px;
        line-height:104px
    }
}
@media(max-width:991px){
    .banner-section .banner-content{
        margin-bottom:30px
    }
    .doctor-img img{
        width:80%
    }
}
@media(max-width:767px){
    .rotate{
        width:250px
    }
    .banner-img .rotate{
        right:0;
        left:13%
    }
}
.search-section{
    z-index:999
}
.wrapper{
    max-width:100%;
    margin:auto
}
.wrapper .search-input{
    background:#fff;
    width:100%;
    border-radius:5px;
    position:relative;
    box-shadow:0 1px 5px 3px rgba(0,0,0,.12)
}
.search-input input{
    height:55px;
    width:100%;
    outline:none;
    border:none;
    border-radius:5px;
    padding:0 60px 0 20px;
    font-size:18px;
    box-shadow:0 1px 5px rgba(0,0,0,.1)
}
.search-input.active input{
    border-radius:5px 5px 0 0
}
.search-input .autocom-box{
    padding:0;
    opacity:0;
    pointer-events:none;
    max-height:280px;
    overflow-y:auto
}
.search-input.active .autocom-box{
    padding:10px 8px;
    opacity:1;
    pointer-events:auto
}
.autocom-box li{
    list-style:none;
    padding:8px 12px;
    display:none;
    width:100%;
    cursor:default;
    border-radius:3px
}
.search-input.active .autocom-box li{
    display:block
}
.autocom-box li:hover{
    background:#efefef
}
.search-input .icon{
    position:absolute;
    right:0;
    top:0;
    height:55px;
    width:55px;
    text-align:center;
    line-height:55px;
    font-size:20px;
    color:#03ad98;
    cursor:pointer
}
.search-p{
    border-radius:8px;
    padding:30px;
    box-shadow:0 10px 20px rgba(0,0,0,.05);
    margin-top:-107px;
    background:#fff;
    z-index:999;
    position:relative
}
.search-tab{
    margin-top:12px
}
.search-tab ul{
    list-style:none;
    margin:0;
    padding-left:10px
}
.search-tab ul li{
    display:inline-block;
    margin-right:10px
}
.search-tab ul li a{
    text-decoration:underline;
    color:#03ad98!important;
    font-family:source sans pro;
    font-style:normal;
    font-weight:400;
    font-size:17px;
    line-height:20px
}
.animate{
    -webkit-animation:mover 1s infinite alternate;
    animation:mover 1s infinite alternate
}
@-webkit-keyframes mover{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-10px)
    }
}
@keyframes mover{
    0%{
        transform:translateY(0)
    }
    100%{
        transform:translateY(-10px)
    }
}
.work-section{
}
.work-section .work-item-wrap{
}
.work-section .work-item{
    padding:1rem
}
.work-section .work-item.active{
    border-radius:8px;
    padding:1rem;
    background-color:#03ad98
}
.work-section .work-item .title-wrap{
    position:relative;
    display:inline-block;
    padding-left:46px
}
.work-section .work-item .title-wrap .numbers{
    position:absolute;
    left:0;
    color:#2c2c2c;
    font-size:1rem;
    width:32px;
    height:32px;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#eaf4f3
}
.work-section .work-item .title-wrap .title{
    font-size:1.125rem
}
.work-section .work-item .title-wrap a{
    color:#2c2c2c
}
.work-section .work-item .work-content{
    padding-left:46px
}
.work-section .work-item .work-content p{
    font-size:.875rem;
    margin-bottom:0
}
.work-section .work-item.active .title-wrap .numbers{
}
.work-section .work-item.active .title-wrap a{
    color:#fff
}
.work-section .work-item.active .work-content p{
    color:#fff
}
.work-section .work-img{
    position:relative;
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    background-image:url(../../images/how-work-bg.png);
    background-repeat:no-repeat;
    background-position:right;
    background-size:contain
}
.work-section .work-item-img{
    text-align:center;
    margin-top:-85px
}
.work-section .work-item-img img{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .work-section .work-item{
        padding:1.125rem 1.75rem
    }
    .work-section .work-item.active{
        padding:1.75rem;
        border-radius:12px
    }
    .work-section .work-item .title-wrap,.work-section .work-item .work-content{
        padding-left:60px
    }
    .work-section .work-item .title-wrap .title{
        font-size:1.5rem
    }
    .work-section .work-item .title-wrap .numbers{
        font-size:1.25rem;
        width:40px;
        height:40px
    }
    .work-section .work-item .work-content{
    }
    .work-section .work-item .work-content p{
        font-size:1rem
    }
    .work-section .work-img{
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.featured-container{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1rem
}
.featured-item{
    text-align:center
}
.featured-item .icon-box{
    display:flex;
    align-items:center;
    justify-content:center;
    width:80px;
    height:80px;
    background-color:#eaf4f3;
    border-radius:50%;
    margin:auto;
    margin-bottom:1rem
}
.featured-item .icon-box img{
    width:80px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .featured-container{
        grid-template-columns:repeat(5,1fr)
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.health-packages{
}
.health-packages .card{
    border:none;
    padding:1rem;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:8px;
    margin-bottom:1.5rem
}
.health-packages .card-header{
    display:flex;
    justify-content:space-between;
    border-bottom:none;
    background-color:transparent;
    padding:0
}
.health-packages .card-header img{
    width:60px
}
.health-packages .card .card-body{
    padding:1rem 0 0
}
.health-packages .card-body .title{
    font-size:1rem;
    font-weight:600
}
.health-packages .card-body span,.health-packages .card-body ul li,.health-packages .card-body ul li a{
    font-size:14px
}
.health-packages .card-body ul li a{
    color:#03ad98;
    font-weight:600;
    text-decoration:none
}
/* .health-packages .card-body ul li:last-child{
    list-style:none
} */
.health-packages .card-body .price-tag{
    margin-bottom:.75rem
}
.health-packages .card-body .price-tag span i{
    font-size:1.375rem;
    margin-right:.25rem
}
.health-packages .card-body .price-tag span del{
    margin-left:.5rem
}
.health-packages .card-body .price-tag span del i{
    font-size:.875rem
}
.health-packages .card-body .price-tag .offer-price,.tab-carousel .card-body .price-tag .offer-price{
    color:#2c2c2c;
    font-size:1.75rem;
    font-weight:700
}
.health-packages .card-body .price-tag .price,.tab-carousel .card-body .price-tag .price{
    color:#ccc;
    font-size:1rem
}
.health-packages .card-body .btn-solid{
    display:block;
    width:100%;
    font-size:1rem;
    font-weight:600;
    text-transform:uppercase
}
.health-packages .more-card{
    height:93%
}
.health-packages .card-body.more{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:1rem;
    border-radius:.5rem;
    background-color:#eaf4f2
}
.more span.number{
    display:block;
    font-size:2.25rem;
    font-weight:700
}
.more p{
    font-size:1.5rem
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.health-risk-section{
    text-align:center
}
.health-risk-section .card{
    border:none;
    text-align:left;
    padding:1.5rem;
    border-radius:.75rem;
    background-color:#eaf4f2;
    margin-bottom:1.5rem
}
.health-risk-section .icon-box{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:60px;
    border-radius:50%;
    background-color:#fff;
    margin-bottom:.75rem
}
.health-risk-section .card .icon-box img{
    width:100%
}
.health-risk-section .heart-line{
    position:absolute;
    right:0
}
.health-risk-section .card-body{
    padding:0
}
.health-risk-section .card-body .title{
    font-size:1.5rem;
    font-weight:600;
    line-height:34px;
    margin-bottom:.5rem
}
.health-risk-section .btn-solid{
    padding:.75rem 2rem;
    font-weight:600;
    text-transform:uppercase
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.health-checkup-section{
}
.health-checkup-tab{
}
.health-checkup-tab .nav-tabs{
    margin-bottom:1.5rem;
    border-bottom:none
}
.health-checkup-tab .nav-tabs .nav-item{
    margin-right:1rem;
    margin-bottom:1rem
}
.health-checkup-tab .nav-tabs .nav-item .nav-link{
    color:#2c2c2c;
    font-size:1.25rem;
    font-weight:400;
    padding:.5rem 1rem;
    border-radius:.5rem;
    border:none;
    background-color:#f1f1f1
}
.health-checkup-tab .nav-tabs .nav-item .nav-link.active{
    color:#fff;
    font-weight:600;
    background-color:#03ad98
}
.tab-carousel .card{
    padding:1rem;
    background:#fff;
    border:none;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:8px;
    margin:.75rem .75rem 1.5rem
}
.tab-carousel .card img{
    border-radius:.5rem
}
.tab-carousel .card .discount{
    top:1.75rem;
    right:1rem
}
.tab-carousel .card-body{
    padding:1rem 0 0
}
.tab-carousel .card-body .title{
    color:#2c2c2c;
    font-weight:600;
    font-size:1rem
}
.tab-carousel .card-body .title a{
    color:#2c2c2c;
    text-decoration:none
}
.tab-carousel .card-body p{
    font-size:14px
}
.tab-carousel .card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    border:none;
    background-color:transparent
}
.tab-carousel .card-body .price-tag{
}
.tab-carousel .card-body .btn-solid{
    padding:.25rem 2rem;
    border-radius:4px
}
.owl-theme .owl-nav [class*=owl-]{
    color:#fff;
    font-size:14px;
    margin:.75rem;
    padding:4px 7px
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
    width:70px;
    height:70px;
    border-radius:.5rem
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
    background-color:#d7f6f1
}
.owl-carousel .owl-nav button.owl-next i,.owl-carousel .owl-nav button.owl-prev i{
    color:#2c2c2c;
    font-size:2rem
}
.owl-carousel .owl-nav button.owl-next:hover i,.owl-carousel .owl-nav button.owl-prev:hover i{
    color:#fff
}
.owl-carousel .owl-nav button.owl-next:hover,.owl-carousel .owl-nav button.owl-prev:hover{
    background-color:#03ad98
}
.owl-carousel .owl-nav button.owl-next{
}
.owl-carousel .owl-dots{
    display:none
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .owl-carousel .owl-dots{
        display:none
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
    .owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
        width:40px;
        height:40px;
        border-radius:.5rem
    }
    .owl-carousel .owl-nav button.owl-next i,.owl-carousel .owl-nav button.owl-prev i{
        font-size:1rem
    }
}
.health-plan-section{
}
.health-plan-section .container-fluid{
}
.health-plan-section .health-plan-content{
    position:relative;
    border-radius:12px;
    background-color:#eaf4f3;
    text-align:center
}
.heartline{
    position:absolute;
    top:38px;
    left:0
}
.health-plan-section .card{
    text-align:left;
    padding:1rem;
    flex-direction:row;
    margin-bottom:1.5rem;
    border-radius:8px;
    border:none
}
.health-plan-section .card img{
    width:116px;
    height:116px;
    object-fit:cover;
    border-radius:12px;
    margin-right:1rem
}
.health-plan-section .card-body{
    padding:0
}
.health-plan-section .card-body .title{
    font-size:1rem;
    font-weight:600
}
.health-plan-section .card-body p{
    font-size:14px;
    text-align:left
}
.health-plan-section .card-body .btn-text{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
    .health-plan-section .health-plan-content{
        padding-top:70px;
        padding-bottom:60px
    }
    .heartline{
        top:20px
    }
    .heartline img{
        height:40px
    }
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.why-us-section{
}
.why-us-section .card{
    border:none;
    text-align:center
}
.why-us-section .card .icon{
}
.why-us-section .card-body{
}
.why-us-section .card-body .title{
    font-size:1.125rem;
    font-weight:600;
    margin-bottom:.75rem
}
.why-us-section .card-body p{
}
.why-us-section .card-body a{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.cta-section{
    position:relative
}
.cta-container{
    display:flex;
    align-items:center;
    position:relative;
    background-image:url(../../images/cta-front.png);
    background-repeat:no-repeat;
    background-position:left center;
    background-size:cover;
    border-radius:12px;
    width:100%;
    height:180px
}
.cta-content{
    position:absolute;
    right:0;
    width:240px
}
.cta-content .title{
    font-size:1.5rem;
    font-weight:400
}
.cta-content .btn-text{
    display:flex;
    align-items:center;
    color:#2c2c2c;
    font-size:1.25rem;
    font-weight:400
}
.cta-content .btn-text i{
    color:#fff;
    font-size:rem;
    margin-left:1rem;
    line-height:30px;
    text-align:center;
    width:30px;
    height:30px;
    border-radius:50%;
    background-color:#03ad98
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .cta-container{
        min-height:500px
    }
    .cta-content{
        width:500px
    }
    .cta-content .title{
        font-size:5rem
    }
    .cta-content .btn-text{
        font-size:2.75rem
    }
    .cta-content .btn-text i{
        font-size:2rem;
        line-height:50px;
        width:50px;
        height:50px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.testimonial-carousel .card{
    padding:1rem;
    height:100%;
    min-height:320px;
    border-radius:12px
}
.testimonial-carousel .card-body{
    padding:0;
    padding-right:74px
}
.testimonial-carousel .card-body p{
    font-size:1rem;
    line-height:24px;
    margin-bottom:1rem
}
.testimonial-carousel .card-body .link{
    color:#03ad98;
    margin-bottom:.75rem
}
.testimonial-carousel .card-body .link i{
}
.testimonial-carousel .card-body .customer-info{
    margin-top:1rem
}
.testimonial-carousel .card-body .customer-info .customer-name{
}
.testimonial-carousel .card-body .customer-info p{
    margin-bottom:0
}
.testimonial-carousel.owl-carousel .owl-nav{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .testimonial-carousel .card{
        width:480px;
        padding:1.5rem
    }
    .testimonial-carousel .card-body{
        padding:0;
        padding-right:74px
    }
    .testimonial-carousel.owl-carousel .owl-nav{
        position:absolute;
        top:-120px;
        right:8%
    }
    .testimonial-carousel.owl-carousel .owl-nav .owl-prev{
        right:94px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
    .testimonial-carousel .card{
        max-width:340px
    }
}
.download-section{
    position:relative
}
.download-content{
    text-align:center
}
.app-screen{
    background-image:url(../../images/mobileback_739x721.png);
    background-size:100%;
    background-repeat:no-repeat;
    background-position:center
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .download-content{
        text-align:left
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
    .download-section{
        padding-bottom:60px
    }
    .download-app{
        display:flex;
        align-items:center;
        justify-content:space-around
    }
    .download-app img{
        width:120px
    }
}
@media(max-width:575px){
}
.blog-section{
    position:relative
}
.blog-section .rightplus{
    position:absolute;
    top:-20px;
    left:0;
    width:60px
}
.blog-carousel .card{
    padding:1rem;
    border:none;
    border-radius:12px;
    background-color:#eaf4f2
}
.blog-carousel .card img{
    width:100%;
    height:100%;
    border-radius:12px;
    object-fit:cover;
    max-height:165px
}
.blog-carousel .card-body{
    padding:1rem 0 0
}
.blog-carousel .card-body .blog-meta{
    margin-bottom:.25rem
}
.blog-carousel .card-body .blog-meta .date{
    position:relative
}
.blog-carousel .card-body .blog-meta .date::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:1px;
    height:6px;
    background:#03ad98;
    opacity:.3
}
.blog-carousel .card-body .title{
    font-size:1.5rem;
    font-weight:400
}
.blog-carousel .card-body .title a{
    color:#2c2c2c
}
.blog-carousel .card-body .btn-text{
}
.blog-carousel .card-body .btn-text i{
    margin-left:.375rem
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .blog-section .rightplus{
        position:absolute;
        top:-100px;
        left:0;
        width:130px
    }
    .blog-carousel .card{
        padding:1.5rem
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.main-footer{
    background-color:#00ae99
}
.main-footer .footer-top-nav{
    padding-left:0;
    text-align:center
}
.main-footer .footer-top-nav li{
    list-style:none;
    display:inline-block;
    margin-bottom:.75rem
}
.main-footer .footer-top-nav li+li{
    padding-left:12px;
    margin-left:12px;
    border-left:2px solid #fff
}
.main-footer .footer-top-nav li:nth-child(5){
    border-left:none;
    margin-left:0;
    padding-left:0
}
.main-footer .footer-top-nav li a{
    display:flex;
    align-items:center;
    position:relative;
    font-size:1.125rem;
    line-height:1;
    color:#fff
}
.main-footer .footer-logo{
    width:160px
}
.main-footer .footer-about{
    margin-bottom:1rem
}
.main-footer .footer-about p{
    color:#fff;
    text-align:center
}
.main-footer .desktop-footer-about{
}
.mobile-footer-about{
    text-align:center;
    margin:1.75rem 0
}
.main-footer .mobile-footer-about .download-btn,.main-footer .desktop-footer-about .download-btn{
    margin-top:1.5rem
}
.main-footer .footer-widget .footer-title{
    color:#fff;
    font-family:source sans pro,sans-serif;
    font-size:1.125rem;
    font-weight:600
}
.main-footer .footer-widget.footer-link ul{
    padding:0
}
.main-footer .footer-widget.footer-link ul li{
    list-style:none
}
.main-footer .footer-widget.footer-link ul li a{
    color:#fff;
    font-size:14px;
    line-height:24px;
    font-weight:400
}
.main-footer .footer-contact{
}
.main-footer .footer-contact .contact-links{
}
.main-footer .footer-contact .contact-links li{
    color:#fff
}
.main-footer .footer-contact .contact-links li a{
    font-size:1rem;
    color:#fff
}
.main-footer .footer-contact .social-links{
}
.main-footer .footer-contact .social-links ul{
    display:flex;
    align-items:center
}
.main-footer .footer-contact .social-links ul li+li{
    margin-left:.5rem
}
.main-footer .footer-contact .social-links ul li a{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50px;
    background-color:#fff
}
.main-footer .footer-contact .social-links ul li a i{
    font-size:1.25rem;
    color:#00ae99
}
.copyright{
    padding:1rem 0;
    background-color:#00665a
}
.copyright p{
    color:#fff;
    font-size:14px;
    font-weight:400;
    margin-bottom:0
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .main-footer{
        padding:60px 0
    }
    .mobile-footer-about{
        display:none
    }
    .main-footer .footer-about{
        margin-bottom:2.5rem
    }
    .main-footer .footer-top-nav{
        padding-left:0;
        display:flex;
        align-items:center;
        justify-content:center
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
    .desktop-footer-about{
        display:none
    }
}
.banner-section.about-banner{
    padding-bottom:0
}
.about-banner .banner-content{
    padding:0
}
.about-banner-img{
    width:100%;
    height:320px;
    position:relative;
    background-image:url(../../images/about-banner-bg.png);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:contain
}
.about-banner-img .doctor-img{
    width:100%;
    position:absolute;
    left:50%;
    bottom:0;
    transform:translate(-50%,0%)
}
.about-section{
}
.about-content{
    text-align:center
}
.about-content p{
    font-size:1rem
}
.featured-wrap{
    display:grid;
    grid-template-columns:repeat(1,1fr);
    grid-gap:1rem
}
.featured-wrap .featured-item{
}
.about-content .featured-wrap .featured-item{
    padding:1.5rem;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px;
    background-color:#fff
}
.featured-wrap .featured-item .icon-box{
}
.featured-wrap .featured-item .icon-box img{
    width:40px
}
.featured-wrap .featured-item p{
    font-weight:600;
    margin-bottom:0
}
.docopd-about .featured-wrap{
    grid-gap:1.5rem
}
.docopd-about .about-content .featured-wrap .featured-item{
    padding:0;
    box-shadow:none;
    border-radius:0;
    background-color:transparent
}
.docopd-about .featured-wrap .featured-item p{
    font-size:1rem
}
.how-to-section{
}
.how-to-wrap{
}
.how-to-img{
    position:relative
}
.how-to-content{
}
.how-to-content .sup-title{
    display:block
}
.how-to-content{
}
.how-to-content p{
    font-size:1rem
}
.founder-section{
    text-align:center
}
.founder-testimonial{
    z-index:2
}
.founder-testimonial.owl-carousel .owl-stage-outer{
}
.founder-testimonial .testimonial-item{
    position:relative
}
.founder-testimonial .testimonial-item .testimonial-content{
    position:relative;
    padding:1.5rem;
    text-align:left;
    border-radius:12px;
    background-color:#eaf4f3
}
.founder-testimonial .testimonial-item .testimonial-content p{
}
.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta{
}
.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta .title{
}
.founder-testimonial .testimonial-item .testimonial-content .testimonial-meta .label{
}
.founder-testimonial .testimonial-item .testimonial-img{
}
.founder-testimonial .testimonial-item .testimonial-img img{
    width:100%;
    height:100%;
    border-radius:18px
}
.expert-team-section{
}
.expert-testimonial{
}
.expert-testimonial .card{
    border:none
}
.expert-testimonial .card-body{
    padding:1rem 0
}
.expert-testimonial .card .title{
    font-size:1.5rem
}
.expert-testimonial .card .title a{
    color:#03ad98
}
.expert-testimonial .card .expert-info{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.expert-testimonial .card .expert-info span{
    font-size:1rem
}
.expert-testimonial .card .expert-info ul li{
    list-style:none;
    display:inline-block
}
.expert-testimonial .card .expert-info ul li+li{
    margin-left:4px
}
.expert-testimonial .card .expert-info ul li a{
    color:#2c2c2c
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .about-banner .banner-content{
        padding:40px 0 100px
    }
    .about-banner-img{
        height:380px
    }
    .about-banner-img .doctor-img{
        width:80%
    }
    .about-content p{
        font-size:1.5rem
    }
    .about-content p:first-child{
        font-weight:600
    }
    .featured-wrap{
        grid-template-columns:repeat(3,1fr);
        margin-top:2rem
    }
    .docopd-about .featured-wrap{
        grid-template-columns:repeat(4,1fr)
    }
    .docopd-about .featured-wrap .featured-item p{
        font-size:1.25rem
    }
    .how-to-content p{
        font-size:1.5rem
    }
    .founder-testimonial .testimonial-item{
        position:relative;
        height:524px;
        clear:both
    }
    .founder-testimonial .testimonial-item .testimonial-content{
        max-width:1102px;
        padding:80px 280px 70px 70px
    }
    .founder-testimonial .testimonial-item .testimonial-img{
        position:absolute;
        top:9%;
        right:0;
        z-index:999;
        background:#000;
        border-radius:25px
    }
    .founder-testimonial .testimonial-item .testimonial-img img{
        width:330px;
        height:auto
    }
    .founder-testimonial .owl-nav{
        position:relative;
        margin-top:-110px;
        z-index:999!important
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.opd-featured-section{
}
.opd-featured-section .card{
    border:none;
    flex-direction:row;
    align-items:center;
    margin-bottom:1.5rem
}
.opd-featured-section .card .icon{
    max-width:85px
}
.opd-featured-section .card-body{
    padding:.5rem;
    margin-left:15px
}
.opd-featured-section .card-body .title{
    font-family:source sans pro,sans-serif;
    font-size:1.3rem;
    font-weight:700;
    margin-bottom:5px
}
.opd-featured-section .card-body p{
    margin-bottom:0;
    text-align:left
}
.why-us-section .card-body a{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.opd-section{
}
.opd-section .opd-item{
    position:relative;
    text-align:center;
    padding:1.5rem;
    border-radius:12px;
    background:radial-gradient(108.08% 162.12% at 50% 50%,#F2FAFD 0%,#ECF6F8 15%,#DCEBEB 35%,#C1DAD6 58%,#AFCFC7 82%,#9AC5B8 100%);
    margin-bottom:1.5rem
}
.opd-section .opd-item .opd-animate-top,.opd-section .opd-item .opd-animate-bottom{
    position:absolute;
    content:'';
    opacity:.3
}
.opd-section .opd-item .opd-animate-top{
    top:0;
    left:0
}
.opd-section .opd-item .opd-animate-bottom{
    right:0;
    bottom:0
}
.opd-bg-1,.opd-bg-2,.opd-bg-3,.opd-bg-4{
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%
}
.opd-bg-1{
    background-image:url(../../images/Medical-prescription-bro-bg.png)
}
.opd-bg-2{
    background-image:url(../../images/Blood-test-bro-bg.png)
}
.opd-bg-3{
    background-image:url(../../images/First-aid-kit-bro-bg.png)
}
.opd-bg-4{
    background-image:url(../../images/Gynecology-consultation-pana-bg.png)
}
.opd-section .opd-content{
}
.opd-section .opd-content .title-wrap{
    display:flex;
    align-items:center;
    margin-bottom:1rem
}
.opd-section .opd-content .title-wrap .icon{
    width:40px;
    margin-right:1rem
}
.opd-section .opd-content .title-wrap .title{
    font-size:22px;
    margin-bottom:0
}
.opd-section .opd-content p{
    text-align:left
}
.opd-suraksha-group{
    position:relative
}
.opd-suraksha-group .opd-suraksha-item{
    display:flex;
    align-items:center
}
.opd-suraksha-group .opd-suraksha-item p{
    margin-bottom:0;
    font-weight:400;
    font-size:1.5rem
}
.opd-suraksha-group .opd-suraksha-item img{
    width:40px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .opd-section .opd-item{
        margin-bottom:40px
    }
    .opd-section .opd-item .section-header{
        width:400px;
        margin:auto
    }
    .opd-section .opd-item .section-header .title{
        font-size:40px
    }
    .opd-section .opd-item{
        padding:40px 80px 30px
    }
    .opd-suraksha-group .opd-suraksha-item.one,.opd-suraksha-group .opd-suraksha-item.two,.opd-suraksha-group .opd-suraksha-item.three,.opd-suraksha-group .opd-suraksha-item.four{
        position:absolute
    }
    .opd-suraksha-group .opd-suraksha-item img{
        width:60px
    }
    .opd-suraksha-group .opd-suraksha-item.one{
        left:-220px;
        top:60px;
        flex-direction:row-reverse
    }
    .opd-suraksha-group .opd-suraksha-item.two{
        top:16px;
        right:-158px
    }
    .opd-suraksha-group .opd-suraksha-item.one p,.opd-suraksha-group .opd-suraksha-item.three p{
        margin-right:.75rem
    }
    .opd-suraksha-group .opd-suraksha-item.three{
        left:-115px;
        bottom:38px;
        flex-direction:row-reverse
    }
    .opd-suraksha-group .opd-suraksha-item.four{
        right:-124px;
        bottom:44px
    }
    .opd-suraksha-group .opd-suraksha-item.two p,.opd-suraksha-group .opd-suraksha-item.four p{
        margin-left:.75rem
    }
}
@media(max-width:991px){
    .opd-section .opd-item{
        background-image:url(../../images/mobile-opd-bg.png);
        background-repeat:repeat-y
    }
    .opd-suraksha-group .opd-suraksha-item p{
        margin-left:10px
    }
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.price-tag .offer-price{
    font-size:1.75rem;
    font-weight:700;
    margin-right:.5rem
}
.price-tag .offer-price i{
    font-size:1.375rem
}
.price-tag .price{
    color:#868686;
    font-size:1rem;
    font-weight:400
}
.price-tag .price i{
    font-size:.875rem
}
.opd-health-plan{
}
.opd-plan-carousel .card{
    padding:1rem;
    flex-direction:row;
    border:none;
    background-color:#eaf4f3;
    border-radius:12px
}
.opd-plan-carousel .card .icon{
    margin-right:1rem
}
.opd-plan-carousel .card-body{
    padding:0
}
.opd-plan-carousel .card-body .title{
    font-family:source sans pro,sans-serif;
    font-size:1.5rem;
    font-weight:600
}
.opd-plan-carousel .card-body .title a{
    color:#2c2c2c
}
.opd-plan-carousel .card-body p{
}
.why-us-section .card-body a{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .opd-plan-carousel .card{
        width:480px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
    .opd-plan-carousel .card{
        width:300px
    }
    .opd-plan-carousel .card-body .title{
        font-size:1rem
    }
    .opd-plan-carousel .card-body p{
        font-size:14px
    }
}
.top-doctor-section{
    background-color:#f5f5f5
}
.doctors .card{
    padding:1rem;
    border:none;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px
}
.doctors .card-header{
    margin-top:1rem;
    display:flex;
    align-items:center;
    padding:0;
    border:none;
    background-color:transparent
}
.doctors .card-header .badge{
    margin-left:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:30px;
    background-color:#27ae60
}
.doctors .card-header .badge i{
    color:#fff;
    font-size:.675rem
}
.doctors .card-body{
    padding:0;
    margin-bottom:12px
}
.doctors .card-header .title{
    font-family:source sans pro,sans-serif;
    font-size:1.5rem;
    font-weight:600
}
.doctors .card-header .title a{
    color:#2c2c2c
}
.doctors .card-body p{
    margin-bottom:0
}
.doctors .card-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    border:none;
    background-color:transparent
}
.doctors .card-footer .offer-price{
    font-size:1.75rem;
    font-weight:700
}
.doctors .card-footer .price{
    font-size:1rem;
    font-weight:400
}
.doctors .card-footer .btn{
    font-size:1rem;
    font-weight:600;
    padding:.375rem 1.5rem;
    text-transform:uppercase
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.we-treat-section{
}
.we-treat-content{
    text-align:center;
    background-color:#eaf4f3;
    border-radius:12px
}
.we-treat-container{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1.5rem;
    margin-bottom:1.5rem
}
.we-treat-container .card{
    padding:1.25rem 1rem;
    border:none;
    border-radius:12px;
    text-align:center
}
.we-treat-container .card img{
    width:120px;
    margin:auto;
    margin-bottom:.75rem
}
.we-treat-container .card-body{
    padding:0
}
.we-treat-container .card-body .title{
    font-family:source sans pro,sans-serif;
    font-size:1rem;
    font-weight:600
}
.we-treat-container .card-body .title a{
    color:#2c2c2c
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .we-treat-container{
        display:grid;
        grid-template-columns:repeat(4,1fr)
    }
    .we-treat-container .card{
        padding:1.5rem 2rem
    }
    .we-treat-container .card-body .title{
        font-size:1.5rem
    }
}
@media(max-width:991px){
    .we-treat-container .card img{
        width:100px
    }
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.specialist-section{
}
.specialist-carousel .card{
    border:none;
    text-align:center
}
.specialist-carousel .card img{
    width:175px;
    border-radius:12px
}
.specialist-carousel .card-body{
    padding:.75rem 0
}
.specialist-carousel .card-body .title{
}
.specialist-carousel .card-body a{
    color:#2c2c2c;
    font-size:1.25rem;
    font-weight:600
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.filter-section .search-terms{
    margin-top:1rem
}
.filter-section .search-terms ul{
    margin:0;
    padding:0
}
.filter-section .search-terms ul li{
    display:inline-block;
    margin-right:.75rem;
    margin-bottom:.5rem
}
.filter-section .search-terms ul li .term{
    display:flex;
    align-items:center;
    padding:4px 12px;
    border:1px solid #2c2c2c;
    border-radius:19px
}
.filter-section .search-terms ul li a{
    color:#2c2c2c;
    font-size:14px;
    font-weight:400
}
.filter-section .search-terms ul li a .close{
    font-size:1rem;
    margin-left:6px
}
.sidebar-filter{
    background-color:#fff;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px
}
.search-bar{
}
.search-box{
}
.search-box .input-group-text{
    border-right:none;
    padding-right:0;
    background-color:transparent
}
.search-box .form-control{
    border-left:none
}
.search-box .form-control:focus{
    box-shadow:none
}
.sidebar-filter .sidebar-title{
    font-family:source sans pro,sans-serif;
    font-size:1.5rem;
    font-weight:600;
    padding:1rem;
    border-bottom:1px solid #ddd;
    margin-bottom:0
}
.sidebar-filter .filter-panel{
    border-bottom:1px solid #ddd
}
.sidebar-filter .filter-panel .card-header{
    padding:1rem 1rem 0
}
.sidebar-filter .filter-panel .card-header .card-title{
    margin-bottom:0;
    font-size:1rem;
    font-family:source sans pro,sans-serif;
    font-weight:600
}
.sidebar-filter .filter-panel .card-header .card-title a{
    color:#2c2c2c
}
.faq-section{
}
.faq-section .accordion{
}
.faq-section .accordion-item{
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px;
    margin-bottom:1rem;
    border:none
}
.faq-section .accordion-item .accordion-header{
    font-family:source sans pro,sans-serif;
    font-size:1.5rem;
    font-weight:400;
    color:#2c2c2c
}
.faq-section .accordion-item .accordion-header .accordion-button{
    border-radius:12px
}
.accordion-button:focus{
    z-index:3;
    border-color:#eaf4f3;
    outline:0;
    box-shadow:0 0 0 .25rem rgb(13 110 253/25%)
}
.accordion-button:not(.collapsed){
    color:#2c2c2c;
    background-color:transparent;
    box-shadow:none;
    border-radius:12px 12px 0 0
}
.faq-section .accordion-item .accordion-body{
}
.faq-section .accordion-item .accordion-body p{
    font-size:1rem;
    font-weight:400;
    line-height:24px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .filter-section .location .form-select,.filter-section .search-box .input-group-text,.filter-section .search-bar .form-control{
        height:70px;
        border-radius:8px;
        padding:1rem
    }
    .filter-section .search-box .input-group-text{
        padding-right:0
    }
}
@media(max-width:991px){
    .sidebar{
        margin-bottom:24px
    }
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.lab-details-section{
}
.lab-details-content.health-packages .card{
    border:1px solid #ccc;
    box-shadow:none
}
.health-packages .card-footer{
    display:flex;
    align-items:center;
    border:none;
    padding:1rem 0 0;
    justify-content:space-between;
    background-color:transparent
}
.health-packages .card-footer .btn{
    margin-left:.75rem
}
.lab-details-tab{
}
.lab-details-tab .nav-tabs{
    margin-bottom:.75rem
}
.nav-tabs .nav-link{
    color:#2c2c2c;
    margin-bottom:-1px;
    background:0 0;
    border:none;
    border-top-left-radius:.25rem;
    border-top-right-radius:.25rem
}
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
    color:#2c2c2c;
    font-weight:600;
    background-color:#fff;
    border-bottom:2px solid #00ae99
}
.lab-details-tab .tab-content ul{
    margin:0;
    padding:0
}
.lab-details-tab .tab-content ul li{
    list-style:none
}
.lab-details-tab .tab-content ul li+li{
    margin-top:.5rem
}
.lab-details-tab .tab-content ul li .icon-img{
    margin-right:.75rem
}
.lab-details-tab .tab-content ul li .icon-img img{
    width:20px
}
@media(min-width:768px){
}
@media(min-width:992px){
    .lab-details-tab .tab-content ul{
        columns:2
    }
}
@media(max-width:991px){
    .lab-details-img{
        text-align:center;
        margin-top:24px
    }
}
@media(max-width:767px){
    .lab-details-content .card-footer{
        display:block
    }
    .health-packages .card-footer .btn{
        margin-left:0
    }
    .card-footer-btn{
        margin-top:12px;
        display:block
    }
    .card-footer-btn .btn-solid{
        margin-bottom:8px
    }
}
@media(max-width:575px){
}
.doc-filter-bar{
    margin-top:1rem
}
.doc-filter-bar .dropdown{
    background-color:#f7f7f7
}
.doc-filter-bar .dropdown ul{
    padding:10px;
    width:100%;
    min-width:100%
}
.doc-filter-bar .dropdown-toggle::after{
    border:none;
    content:'\f078';
    font-family:"font awesome 6 free";
    font-weight:900;
    transition:all .3s ease
}
.doc-filter-bar .dropdown-toggle.show::after{
    transform:rotate(180deg)
}
.doctors-section .section-header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.doctors-section .switch-btn .btn{
    background-color:#f7f7f7
}
.doctors-section .switch-btn .btn.active{
    color:#fff;
    background-color:#03ad98
}
#doctors .thumbnail{
    padding:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
#doctors .item{
    margin-bottom:24px
}
#doctors .item.list-group-item{
    padding:0;
    border:none;
    margin-bottom:24px;
    width:100%;
    background-color:transparent
}
#doctors .item.list-group-item .thumbnail img{
    width:130px;
    border-radius:12px
}
#doctors .card-body{
    margin-bottom:0
}
#doctors .card-footer{
    margin-top:16px
}
#doctors .item.list-group-item .card-footer{
    margin-top:0
}
#doctors .item.list-group-item .card-footer .price-tag{
    margin-right:16px
}
#doctors .item.list-group-item .thumbnail{
    margin-bottom:0;
    margin-right:16px
}
#doctors .item.list-group-item .card{
    flex-direction:row
}
.doctors-section .load-more{
    text-align:center;
    margin-top:16px
}
.doctors-section .btn-solid-ol{
    text-align:center;
    font-size:16px;
    font-weight:600;
    width:320px;
    padding:8px 20px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .doc-filter-bar{
        display:flex;
        align-items:center;
        justify-content:flex-end;
        margin-top:1rem
    }
    .doc-filter-bar .dropdown{
        margin-left:1rem;
        background-color:#f7f7f7
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
    .doc-filter-bar .dropdown{
        margin-bottom:1rem
    }
    .doctors-section .switch-btn{
        display:none
    }
}
@media(max-width:575px){
    .doc-filter-bar .dropdown{
        width:100%
    }
    .doc-filter-bar .dropdown .btn{
        text-align:left
    }
    .doc-filter-bar .dropdown .dropdown-toggle::after{
        position:absolute;
        right:1rem
    }
}
.plus-sign{
    position:absolute;
    width:80px
}
.rightplus{
    top:0;
    left:0
}
.leftplus{
    top:0;
    right:0
}
.clr-primary{
    color:#03ad98
}
.docopd-section{
    position:relative
}
.docopd-content p{
    font-size:16px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .plus-sign{
        width:130px
    }
    .docopd-content p{
        font-size:1.5rem
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.ltr-section,.rtl-section{
    position:relative
}
.ltr-content p,.rtl-content p{
    font-size:24px
}
.ltr-content .btn,.rtl-content .btn{
    margin-top:16px;
    font-size:18px;
    font-weight:600;
    letter-spacing:1px;
    line-height:24px;
    padding:16px 26px;
    text-transform:uppercase
}
.ltr-content .btn i,.rtl-content .btn i{
    margin-left:6px
}
.ltr-section .ltr-img{
    background-image:url(../../images/ltr-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .ltr-content p{
        font-size:24px
    }
}
@media(max-width:991px){
    .ltr-content,.rtl-content{
        margin-bottom:30px
    }
}
@media(max-width:767px){
    .ltr-img img,.rtl-img img{
        width:80%
    }
}
@media(max-width:575px){
}
.rtl-section{
}
.rtl-section .rtl-img{
    background-image:url(../../images/rtl-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.docopd-stats-section{
}
.docopd-stats-content{
    padding:80px 0 60px;
    position:relative;
    border-radius:12px;
    background-color:#eaf4f2
}
.docopd-stats-content .heartline,.docopd-stats-content .heartline-footer{
    position:absolute
}
.docopd-stats-content .heartline{
    top:20px;
    left:0
}
.docopd-stats-content .heartline img,.docopd-stats-content .heartline-footer img{
    height:40px
}
.docopd-stats-content .heartline-footer{
    right:0;
    bottom:16px
}
.docopd-stats-content .card{
    border:none;
    padding-top:24px;
    padding-bottom:30px;
    text-align:center;
    border-radius:20px;
    margin-bottom:24px
}
.docopd-stats-content .card .stat-bg{
    position:absolute;
    bottom:0
}
.docopd-stats-content .card .stat-bg img{
    width:80px;
    height:80px
}
.docopd-stats-content .card .title{
    font-size:30px;
    font-weight:400
}
.docopd-stats-content .card p{
    font-size:24px;
    font-weight:400;
    margin-bottom:0
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .docopd-stats-content{
        padding:120px 0
    }
    .docopd-stats-content .heartline img,.docopd-stats-content .heartline-footer img{
        height:58px
    }
    .docopd-stats-content .card{
        padding-top:60px;
        padding-bottom:90px
    }
    .docopd-stats-content .card .title{
        font-size:60px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.ceo-section{
}
.ceo-section .card{
    border:none;
    text-align:center
}
.ceo-section .section-header .title{
    margin-bottom:1rem
}
.ceo-section .section-header p{
    font-size:18px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .ceo-section .section-header p{
        font-size:24px
    }
}
@media(max-width:991px){
}
@media(max-width:767px){
}
@media(max-width:575px){
}
.enroll-section{
}
.enroll-wrap{
    position:relative;
    background-color:#eaf4f2;
    border-radius:12px
}
.enroll-wrap .doc-sign{
    position:absolute;
    bottom:0;
    right:0;
    z-index:1
}
.enroll-wrap .doc-sign img{
}
.enroll-wrap .enroll-img{
}
.enroll-wrap .enroll-content{
}
.enroll-wrap .enroll-content p{
    font-size:1rem
}
.enroll-wrap .enroll-content ul{
    margin:0;
    padding:0
}
.enroll-wrap .enroll-content ul li{
    list-style:none;
    display:inline-block;
    padding-right:10px;
    margin-bottom:1rem
}
.enroll-wrap .enroll-content ul li a{
    font-size:1.5rem;
    font-weight:400;
    text-transform:uppercase
}
.enroll-wrap .enroll-content .btn-solid{
    padding:8px 20px
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .enroll-wrap .enroll-content p{
        font-size:1.5rem
    }
}
@media(max-width:991px){
    .enroll-wrap .enroll-content{
        padding:1rem
    }
}
@media(max-width:767px){
    .enroll-wrap .enroll-content .btn-solid{
        font-size:16px;
        padding:8px 20px
    }
}
.fluid-content{
    position:relative;
    border-radius:12px;
    background-color:#eaf4f3;
    text-align:center
}
.fluid-content{
}
.contact-form-section{
}
.contact-form-section .contact-form{
}
.contact-form-section .contact-form .title{
    font-family:source sans pro,sans-serif
}
.contact-form-section .contact-form .form-group{
    margin-bottom:1rem
}
.contact-form-section .contact-form .form-control{
}
.contact-form-section .contact-form textarea.form-control{
}
.contact-form-section .contact-form .btn-submit{
    display:block;
    width:100%
}
.contact-form-section .contact-map{
}
.contact-form-section .contact-map iframe{
    border-radius:12px
}
.contact-info-section{
}
.contact-info-wrap{
}
.contact-info-wrap .card{
    padding:1rem;
    border:none;
    border-radius:12px
}
.contact-info-wrap .card .icon-box{
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background-color:#00ae99
}
.contact-info-wrap .card .icon-box i{
    color:#fff;
    font-size:1.75rem
}
.contact-info-wrap .card .card-body{
    text-align:left;
    padding:1rem 0
}
.contact-info-wrap .card .card-body h3{
}
.contact-info-wrap .card .card-body p:last-child{
    margin-bottom:0
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .contact-form-section .contact-form .form-group{
        margin-bottom:1.5rem
    }
    .contact-info-wrap .card{
        padding:1.5rem;
        height:100%
    }
    .contact-info-wrap .card .icon-box{
        width:80px;
        height:80px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:12px;
        background-color:#00ae99
    }
    .contact-info-wrap .card .icon-box i{
        color:#fff;
        font-size:2.4rem
    }
}
@media(max-width:991px){
    .contact-form-section .contact-form{
        margin-bottom:1.5rem
    }
    .contact-info-wrap .card{
        margin-bottom:1.5rem
    }
}
@media(max-width:767px){
    .contact-form-section .contact-form{
        margin-bottom:1rem
    }
    .contact-info-wrap .card{
        margin-bottom:1rem
    }
}
.cart-section{
}
.cart-section-header,.appointment-section-header{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.cart-section-header a,.appointment-section-header a{
    color:#03ad98
}
.cart-container{
}
.cart-container .section-header,.appointment-container .section-header{
    text-align:center
}
.cart-container .cart-content{
}
.cart-container .cart-content .cart-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.75rem 0
}
.cart-container .cart-content .cart-header span{
    color:#3b3f48;
    font-size:1rem
}
.cart-container .cart-content .cart-header i{
    margin-right:.5rem
}
.cart-container .cart-content .cart-header a{
    color:#00ae99
}
.cart-container .cart-content .card{
    border:none;
    background:#fff;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px;
    margin-bottom:1.5rem;
    padding:1rem
}
.cart-container .cart-content .card-body{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    padding:0 0 1rem
}
.cart-container .cart-content .addons .card-body{
    align-items:center
}
.cart-container .cart-content .card-body .price-tag{
}
.cart-container .cart-content .card-body .price-tag span{
    display:block;
    line-height:1
}
.cart-container .cart-content .card-body .price-tag .offer-price{
    color:#2c2c2c;
    font-size:1.75rem;
    margin-right:0;
    margin-bottom:.5rem;
    text-align: right;
}
.cart-container .cart-content .card-body .price-tag .offer-price i{
    display:inline;
    font-size:1.3rem
}
.cart-container .cart-content .card-body .price-tag .price{
    color:#868686;
    font-size:.875rem;
    width: 90px;
    text-align: right;
}
.cart-container .cart-content .card-body .price-tag .price i{
    font-size:.875rem
}
.cart-container .cart-content .card-body .title{
    color:#2c2c2c;
    font-family:source sans pro,sans-serif;
    font-size:1.125rem;
    font-weight:600;
    line-height:34px
}
.cart-container .cart-content .addons .card-body .title{
    font-weight:400!important
}
.cart-container .cart-content .card-body p{
    font-size:.875rem;
    margin-bottom:0
}
.cart-container .cart-content .card-body .form-check-input{
    width:1.5rem;
    height:1.5rem;
    background-color:#03ad98;
    border-color:#03ad98
}
.cart-container .cart-content .card-body .btn-light{
    color:#03ad98;
    font-size:11px;
    font-weight:400;
    padding:4px 10px;
    border-radius:12px;
    background-color:#eaf4f3
}
.cart-container .cart-content .card-footer{
    border:none;
    padding:0;
    background-color:transparent
}
.cart-container .cart-content .card-footer a{
    color:#868686
}
.cart-container .cart-content .card-footer a i{
    margin-right:.5rem
}
.price-widget{
    padding:1rem;
    background:#fff;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px
}
.price-widget .price-title-wrap{
    display:flex;
    align-items:center;
    margin-bottom:1rem
}
.price-widget .price-title-wrap .title{
    font-family:source sans pro,sans-serif;
    font-size:1.125rem;
    font-weight:600;
    margin-right:.5rem
}
.price-widget .price-title-wrap .item-number{
    font-size:.875rem
}
.price-widget .promocode{
    margin-bottom:.75rem
}
.price-widget .promocode{
}
.price-widget ul{
    margin-bottom:.5rem;
    border-bottom:1px solid #ccc;
    margin-left:0;
    padding-left:0
}
.price-widget ul .price-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:.75rem
}
.price-widget ul .price-item span{
    display:block
}
.price-widget ul .price-item i{
    font-size:.75rem
}
.price-widget .total-price{
    margin-bottom:1rem
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .cart-container .cart-content .card{
        padding:1.5rem
    }
    .cart-container .cart-content .cart-header span{
        font-size:1rem
    }
    .cart-container .cart-content .card-body .cart-info{
        margin-right:80px
    }
    .cart-container .cart-content .card-body .title{
        font-size:1.5rem
    }
    .cart-container .cart-content .card-body p{
        font-size:1rem
    }
    .cart-container .cart-content .card-body .price-tag .offer-price{
        font-size:1.75rem
    }
    .cart-container .cart-content .card-body .price-tag .price{
        font-size:1rem
    }
    .price-widget{
        padding:1.5rem;
        margin-top:2.9rem
    }
    .price-widget .price-title-wrap .title{
        font-size:1.5rem
    }
    .price-widget .price-title-wrap .item-number{
        font-size:1rem
    }
    .cart-section-header,.appointment-section-header{
        padding-bottom:60px
    }
}
@media(max-width:767px){
}
.appointment-section{
}
.appointment-container .card{
    border:none;
    margin-bottom:1.5rem;
    border-radius:12px;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05)
}
.appointment-container .card-header{
    border:none;
    padding:1rem;
    font-size:1rem;
    background-color:#eaf4f3
}
.appointment-container .card-header .appointment-call .text{
    font-size:1rem;
    font-weight:400
}
.appointment-container .card-header .text{
    font-family:source sans pro;
    font-size:1rem;
    font-weight:600;
    margin:0 .5rem
}
.appointment-container .card .edit-btn{
    font-size:1rem;
    color:#03ad98
}
.appointment-container .doctor-card .card-body{
}
.appointment-container .card-body .doctor-img img{
    width:100%;
    height:100%;
    border-radius:8px;
    object-fit:cover
}
.appointment-container .card-body .title{
    font-family:source sans pro;
    font-size:1.25rem;
    font-weight:600
}
.appointment-container .card-body .doctor-info{
}
.appointment-container .card-body .doctor-info .title{
}
.appointment-container .card-body .doctor-info span{
    margin-bottom:1rem
}
.appointment-container .card-body .doctor-info .specialization span{
    color:#2c2c2c;
    margin-bottom:1rem
}
.appointment-container .card-body .doctor-info .degree span{
    color:#868686;
    margin-bottom:1rem
}
.appointment-container .card-body .doctor-info .location{
    margin-top:10px
}
.appointment-container .card-body .doctor-info .location span{
    color:#2c2c2c
}
.appointment-container .card-body .attachment-file{
    display:flex;
    margin-top:1rem
}
.appointment-container .card-body .attachment-file ul{
    margin:0;
    padding:0
}
.appointment-container .card-body .attachment-file ul li{
    display:inline-block;
    list-style:none;
    text-align:center
}
.appointment-container .card-body .attachment-file ul li+li{
    margin-left:1rem
}
.appointment-container .card-body .attachment-file ul li a{
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d1d0d0;
    border-radius:12px
}
.appointment-container .card-body .attachment-file ul li a .file-name{
    display:block;
    margin-top:.25rem
}
.appointment-container .card-body .attachment-file .edit-btn{
    display:flex;
    align-items:flex-end;
    margin-left:1rem;
    margin-bottom:20px
}
.appointment-container .card-body .attachment-file .edit-btn a{
    color:#03ad98
}
.appointment-container .form-check{
    padding:0 0 1.5rem 1.5rem
}
.appointment-container .form-check-input{
    width:22px;
    height:22px;
    border-radius:2px;
    border-color:#03ad98;
    background-color:#03ad98
}
.appointment-container .form-check-label{
    margin-left:8px
}
.appointment-container .appointment-btn{
    text-align:center
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .appointment-container .card-header{
        display:flex;
        align-items:center;
        justify-content:space-between
    }
    .appointment-container .doctor-card .card-body{
        display:flex;
        align-items:flex-start
    }
    .appointment-container .card-body .doctor-img{
        margin-right:1rem;
        width:140px
    }
    .appointment-container .card-header{
        padding:1.5rem;
        font-size:1.5rem
    }
    .appointment-container .card-header .text{
        font-size:1.5rem
    }
    .appointment-container .card-header .appointment-call .text{
        font-size:1.25rem;
        font-weight:400
    }
    .appointment-container .card-body{
        padding:1.5rem
    }
    .appointment-container .card-body .title{
        margin-bottom:1rem;
        font-size:1.5rem
    }
    .appointment-container .card-body .doctor-info .title{
        margin-bottom:1rem
    }
    .appointment-container .card-body .attachment-file{
        margin-top:2rem
    }
    .appointment-container .card-body .attachment-file ul li a{
        width:180px;
        height:116px
    }
}
@media(max-width:991px){
    .appointment-container .card-body .attachment-file ul li a{
        width:180px;
        height:116px
    }
    .appointment-container .card-body .doctor-img{
        margin-bottom:1rem
    }
}
@media(max-width:767px){
    .appointment-container .card-body .attachment-file ul li a{
        width:110px;
        height:80px;
        border-radius:5px
    }
}
@media(max-width:575px){
    .appointment-container .card-body .attachment-file ul li a{
        width:70px;
        height:50px;
        border-radius:4px
    }
}
.home-featured{
}
.home-featured .featured-content{
    position:relative
}
.home-featured .featured-content .card{
    border:none;
    text-align:center;
    background-color:transparent
}
.home-featured .featured-content .icon-box{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:60px;
    background-color:#eaf4f3;
    margin:auto
}
.home-featured .featured-content .icon-box img{
    width:20px
}
.home-featured .featured-content .card-body{
}
.home-featured .featured-content .card-body .title{
    font-family:source sans pro,sans-serif;
    font-size:20px;
    font-weight:600
}
.home-featured .featured-content .card-body p{
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .home-featured .featured-content .dashed-line{
        position:absolute;
        top:40px;
        left:50%;
        transform:translateX(-50%);
        width:75%;
        height:2px;
        border-top:2px dashed #03ad98
    }
    .home-featured .featured-content .dashed-line::after,.home-featured .featured-content .dashed-line::before{
        position:absolute;
        top:-13px;
        color:#03ad98;
        content:"\f105";
        font-family:"font awesome 6 free";
        font-weight:900
    }
    .home-featured .featured-content .dashed-line::before{
        left:25%;
        transform:translateX(-50%)
    }
    .home-featured .featured-content .dashed-line::after{
        right:25%;
        transform:translateX(-50%)
    }
    .home-featured .featured-content .icon-box{
        width:80px;
        height:80px
    }
    .home-featured .featured-content .icon-box img{
        width:30px
    }
    .home-featured .featured-content .card-body .title{
        font-size:24px
    }
}
.disease-featured{
}
.disease-featured .card{
    border:none;
    background-color:#eaf4f2;
    border-radius:12px;
    margin-bottom:24px
}
.disease-featured .card .icon{
    width:50px;
    height:50px;
    margin:1rem auto 0
}
.disease-featured .card .icon img{
    width:50px
}
.disease-featured .card-body{
}
.disease-featured .card-body .title{
    font-size:24px;
    font-weight:400
}
.disease-featured .card-body p{
    margin-bottom:0
}
.how-work-section{
}
.how-work-content{
    position:relative
}
.how-work-section .ltr-container{
}
.how-work-section .rtl-container{
}
.how-work-section .ltr-img{
    background-image:url(../../images/ltr-img-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    text-align:center
}
.how-work-section .rtl-img{
    background-image:url(../../images/rtl-img-bg.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
    text-align:center
}
.how-work-section .ltr-content{
}
.how-work-section .ltr-content .title,.how-work-section .rtl-content .title{
    font-size:24px
}
.how-work-section .ltr-content p{
    font-size:16px;
    font-weight:400
}
.package-section{
}
.package-container .card{
    border-radius:12px
}
.package-container .card-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background-color:transparent
}
.package-container .card-header .form-select{
    border:none;
    font-size:22px;
    font-weight:600;
    color:#03ad98
}
.package-container .card-header .form-select:focus{
    box-shadow:none
}
.package-container .card-header select option{
    font-size:22px;
    font-weight:600;
    color:#2c2c2c
}
.package-container .card-header .title{
    font-family:source sans pro;
    font-size:22px;
    font-weight:700
}
.package-container .card-body{
}
.package-container .card-body p{
    font-weight:400
}
.package-container .card-body .plan-list{
    padding-left:0
}
.package-container .card-body .plan-list li{
    display:inline-block;
    margin-right:16px
}
.package-container .card-body .plan-item{
    display:flex;
    align-items:center
}
.package-container .card-body .plan-item .icon-box{
    margin-right:16px
}
.package-container .card-body .plan-item .icon-box img{
    width:50px
}
.package-container .card-body .plan-item .title{
    font-family:source sans pro;
    font-size:16px;
    font-weight:600
}
.disease-faq-section{
}
.disease-faq-section .disease-faq-img{
    position:relative;
    z-index:9
}
.disease-faq-section .accordion-item .accordion-header .accordion-button{
    font-weight:600
}
.disease-faq-section .accordion .accordion-body{
    text-align:left;
    padding-top:0
}
.disease-section{
}
.disease-carousel{
}
.disease-carousel .card{
    border:none;
    border-radius:12px
}
.disease-carousel .card img{
    border-radius:12px 12px 0 0
}
.disease-carousel .card-body{
    background-color:#eaf4f2;
    border-radius:0 0 12px 12px
}
.disease-carousel .card-body .title{
    font-family:source sans pro,sans-serif;
    font-size:24px;
    font-weight:400
}
.disease-carousel .card-body .title a{
    color:#2c2c2c
}
.disease-carousel .card-body .location{
}
.expert-section{
}
.expert-section .card{
    border:none;
    background-color:transparent
}
.expert-section .card img{
    border-radius:12px
}
.expert-section .card-body{
    background-color:transparent
}
@media(min-width:576px){
}
@media(min-width:768px){
}
@media(min-width:992px){
    .disease-featured .card .icon{
        margin:1.5rem
    }
    .disease-featured .card-body{
        padding:0 1.5rem 1.5rem
    }
    .disease-featured .card-body .title{
        font-size:50px
    }
    .how-work-section .ltr-content{
    }
    .v-dashed-line{
        position:absolute;
        content:"";
        left:50%;
        bottom:80px;
        transform:translateX(-50%);
        margin:auto;
        width:2px;
        height:80%;
        border-left:2px dashed #03ad98;
        z-index:-1
    }
    .v-line-number span{
        display:block;
        color:#fff;
        font-family:source sans pro;
        font-size:24px;
        font-weight:600;
        display:flex;
        align-items:center;
        justify-content:center;
        width:70px;
        height:70px;
        border-radius:50px;
        background-color:#03ad98;
        margin:auto;
        box-shadow:0 0 0 8px #d5f0ed
    }
    .package-container .card-header .title{
        font-size:28px
    }
    .package-container .card-body .plan-list li{
        display:inline-block;
        margin-right:50px
    }
}
@media(max-width:992px){
    .v-dashed-line{
        display:none
    }
    .v-line-number span{
        display:none
    }
    .how-work-section .ltr-container,.how-work-section .rtl-container{
        text-align:center
    }
    .how-work-section .ltr-img,.how-work-section .rtl-img{
        margin-bottom:24px
    }
}
@media(max-width:768px){
    .disease-featured .card{
        text-align:center
    }
    .disease-featured .card-body .title{
        margin-bottom:0
    }
    .disease-faq-section .disease-faq-img img{
        height:300px;
        object-fit:contain
    }
    .how-work-section .ltr-img img,.how-work-section .rtl-img img{
        height:300px;
        object-fit:contain
    }
    .package-container .card-header{
        display:block
    }
    .package-container .card-header select{
        width:210px
    }
    .package-container .card-header select option{
        width:auto;
        font-size:14px;
        color:#2c2c2c
    }
    .package-container .card-body .plan-list li{
        display:block;
        margin-right:0;
        margin-bottom:16px
    }
}
@media(max-width:576px){
    .disease-faq-section .disease-faq-img img{
        width:180px;
        object-fit:contain
    }
    .how-work-section .ltr-img img,.how-work-section .rtl-img img{
        height:200px
    }
}
.disease-benefit{
}
.disease-benefit .card{
    border:none;
    text-align:start;
    padding:1rem;
    border-radius:12px;
    margin-bottom:1.5rem
}
.disease-benefit .card-body{
    padding:1rem 0 0;
    min-height:160px
}
.disease-benefit .card .icon-box{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
    background-color:#eaf4f2
}
.disease-benefit .card .icon-box img{
    width:22px
}
.disease-benefit .card-body .title{
    font-family:source sans pro;
    font-style:normal;
    font-weight:600;
    font-size:24px;
    line-height:34px
}
.disease-benefit .card-body p{
    font-weight:400;
    font-size:16px;
    line-height:24px;
    color:#3b3f48;
    margin-bottom:0
}
.offer-carousel{
}
.offer-carousel .card{
    border:none;
    padding:1rem;
    width:260px;
    height:260px;
    background:#fff;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px;
    margin:12px
}
.offer-carousel .card .icon-box{
    width:60px;
    height:60px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50px;
    background-color:#eaf4f2
}
.offer-carousel .card .icon-box img{
    width:22px
}
.offer-carousel .card-body{
    padding:1rem 0 0
}
.offer-carousel .card-body .title{
    font-family:source sans pro;
    font-weight:600;
    font-size:18px;
    line-height:24px
}
.offer-carousel .card-body .title a{
    color:#2c2c2c
}
.offer-carousel .card-body p{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    color:#3b3f48;
    margin-bottom:0
}
.offer-carousel .owl-nav{
    display:none
}
.offering-section .offer-btn{
    margin-top:20px;
    text-align:center
}
.register-modal{
}
.register-modal .form-control{
    height:40px;
    margin-bottom:16px
}
.register-modal textarea.form-control{
    min-height:120px
}
@media(min-width:576px){
}
@media(min-width:768px){
    .offer-carousel .card{
        height:350px;
        padding:1.5rem
    }
    .offer-carousel .card-body{
        padding:1rem 0 0
    }
}
@media(min-width:992px){
    .disease-benefit .card{
        text-align:start;
        padding:1.5rem;
        margin-bottom:2rem
    }
    .disease-benefit .card-body{
        padding:1rem 0 0
    }
    .offer-carousel .card{
        height:344px;
        padding:1.5rem
    }
    .offer-carousel .card-body{
        padding:1rem 0 0
    }
    .offer-carousel .card-body .title{
        font-size:20px;
        line-height:30px
    }
    .offer-carousel .card-body p{
        font-size:15px
    }
    .register-modal .modal-content{
        padding:2rem
    }
    .register-modal .modal-content .modal-header .modal-title{
        font-size:30px
    }
    .register-modal .modal-content .modal-header{
        margin-bottom:10px
    }
    .register-modal .modal-content .btn{
        margin-top:10px;
        font-size:17px;
        padding:9px 30px
    }
}
@media(max-width:992px){
}
@media(max-width:767px){
    .disease-benefit .section-header{
        margin-top:40px
    }
}
a,.clr-primary{
    color:#03ad98
}
.chemist-page-header{
    padding:16px 0
}
.chemist-page-header .container{
    display:flex;
    align-items:center;
    justify-content:space-between
}
.chemist-page-header .user{
    display:flex;
    align-items:center
}
.chemist-page-header .user img{
    width:42px;
    height:42px;
    border-radius:50%;
    object-fit:cover
}
.chemist-page-header .user-content{
    margin-left:12px
}
.chemist-page-header .user-content .title{
    color:#3b3f48;
    font-family:source sans pro,sans-serif;
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.chemist-page-header .user-content .location{
    font-size:12px
}
.chemist-page-header .paynow{
    display:flex;
    align-items:center
}
.chemist-page-header .paynow .shopping-cart{
    margin-right:16px
}
.chemist-page-header .paynow .btn .text{
    margin-left:10px
}
.chemist-page-header .upload-btn label{
    font-size:12px;
    font-weight:600;
    text-transform:capitalize;
    padding:6px 12px;
    margin-bottom:0
}
@media(min-width:992px){
    .chemist-page-header{
        padding:24px 0
    }
    .chemist-page-header .user-content .title{
        font-size:24px
    }
    .chemist-page-header .user-content .location{
        font-size:16px
    }
    .chemist-page-header .user img{
        width:62px;
        height:62px
    }
    .chemist-page-header .paynow .shopping-cart{
        margin-right:24px
    }
}
@media(max-width:768px){
    .chemist-page-header .paynow .btn .text{
        display:none
    }
}
.chemist-carousel-section{
}
.chemist-carousel-section .container{
    padding-left:16px;
    padding-right:16px
}
.chemist-carousel-section .hero-carousel{
}
.chemist-carousel-section .hero-carousel .hero-item{
    width:100%
}
.chemist-carousel-section .hero-carousel .discount-off{
    font-family:source sans pro,sans-serif;
    display:flex;
    align-items:center;
    margin-bottom:6px
}
.chemist-carousel-section .hero-carousel .discount-off .discount-text{
    font-size:37px;
    font-weight:700;
    line-height:30px
}
.chemist-carousel-section .hero-carousel .discount-off span{
    display:block;
    font-size:15px
}
.chemist-carousel-section .hero-carousel .hero-subtitle{
    font-weight:400;
    text-transform:uppercase
}
.chemist-carousel-section .hero-carousel .hero-subtitle,.chemist-carousel-section .hero-carousel p{
    font-family:source sans pro,sans-serif;
    font-size:14px
}
.chemist-carousel-section .hero-carousel .symbol{
    line-height:26px;
    margin-left:3px
}
.chemist-carousel-section .hero-carousel .percentage{
    line-height:1
}
.chemist-carousel-section .hero-carousel .off{
    font-weight:600;
    line-height:1
}
.chemist-carousel-section .hero-carousel.owl-carousel .owl-nav .owl-next,.chemist-carousel-section .hero-carousel.owl-carousel .owl-nav .owl-prev{
    display:none
}
.chemist-carousel-section .owl-carousel .owl-dots{
    display:block
}
.chemist-carousel-section .owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    border:1px solid #03ad98;
    background-color:#fff
}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{
    background:#03ad98!important
}
@media(min-width:992px){
    .chemist-carousel-section .hero-carousel .discount-off .discount-text{
        font-size:90px;
        line-height:50px
    }
    .chemist-carousel-section .hero-carousel .discount-off span{
        font-size:32px
    }
    .chemist-carousel-section .hero-carousel .hero-subtitle,.chemist-carousel-section .hero-carousel p{
        font-size:50px
    }
}
@media(max-width:575.98px){
    .chemist-carousel-section{
        padding:24px 0 0
    }
    .chemist-carousel-section .hero-carousel .hero-item{
        flex-direction:row;
        text-align:start;
        justify-content:space-between
    }
    .chemist-carousel-section .hero-carousel .hero-item .hero-content{
        margin-bottom:6px
    }
    .chemist-carousel-section .hero-carousel .hero-subtitle{
        margin-bottom:0
    }
    .chemist-carousel-section .hero-carousel p{
        margin-bottom:8px
    }
    .chemist-carousel-section .hero-carousel .btn{
        font-size:12px;
        padding:6px 12px
    }
    .chemist-carousel-section .hero-carousel .hero-item .hero-img{
        width:150px
    }
}
.upload-prescription{
}
.upload-prescription .card{
    align-items:center;
    justify-content:space-between
}
.upload-prescription .card-body{
    display:flex
}
.upload-prescription .card{
    border:none;
    background:#fff;
    box-shadow:0 -5px 25px rgba(0,0,0,.05),0 10px 20px rgba(0,0,0,.05);
    border-radius:12px
}
.upload-prescription .card .icon{
    background-color:#adc8f5;
    width:60px;
    height:60px;
    border-radius:50%
}
.upload-prescription .card .icon img{
    width:60px;
    height:60px;
    border-radius:50%
}
.upload-prescription .card-content{
    margin-left:16px
}
.upload-prescription .card-content .title{
    font-family:source sans pro,sans-serif;
    font-size:16px;
    font-weight:600;
    margin-bottom:0
}
.upload-prescription .card-content p{
    font-size:14px
}
.upload-btn{
    padding-right:16px
}
.upload-btn label{
    font-size:1rem;
    cursor:pointer;
    color:#fff;
    padding:8px 24px 7px;
    border:1px solid #03ad98;
    background-color:#03ad98;
    border-radius:6px;
    text-align:center;
    text-transform:uppercase;
    transition:all .3s ease
}
.upload-btn>input[type=file]{
    display:none
}
@media(min-width:992px){
    .upload-prescription .card{
        flex-direction:row
    }
    .upload-prescription .card .icon{
        background-color:#adc8f5;
        width:80px;
        height:80px;
        border-radius:50%
    }
    .upload-prescription .card .icon img{
        width:80px;
        height:80px;
        border-radius:50%
    }
    .upload-prescription .card-content .title{
        font-size:24px
    }
    .upload-prescription .card-content p{
        font-size:16px
    }
}
@media(max-width:575.98px){
    .upload-prescription .upload-btn{
        display:block;
        width:100%;
        padding:0 16px 16px
    }
    .upload-prescription .upload-btn label{
        width:100%;
        margin-bottom:0
    }
}
.ct-action-section{
}
.ct-action-section .ct-action{
    position:relative;
    padding:16px;
    background:rgba(234,244,243,.1);
    background-image:url(../../images/chemist/bg.png);
    border-radius:12px
}
.ct-action-section .ct-action.ct-action-bottom{
    padding-bottom:0
}
.ct-action-section .ct-action.ct-action-bottom .ct-action-content{
    padding-bottom:16px
}
.ct-action-section .ct-action-content{
}
.ct-action-section .ct-action-content .title{
    font-family:source sans pro,sans-serif;
    font-size:20px;
    font-weight:700;
    margin-bottom:10px
}
.ct-action-section .ct-action-img{
    text-align:center
}
@media(min-width:992px){
    .ct-action-section .ct-action{
        padding:40px 60px 30px
    }
    .ct-action-section .ct-action-content .title{
        font-size:50px;
        margin-bottom:28px
    }
    .ct-action-section .ct-action.ct-action-bottom .ct-action-content{
        padding-bottom:30px
    }
}
@media(max-width:575.98px){
    .ct-action-section .ct-action-content .btn{
        font-size:10px;
        padding:6px 12px
    }
}
.sampurn-suraksha-section{
}
.sampurn-suraksha{
    border-radius:12px;
    background-color:#eaf4f3
}
.suraksha-content{
    padding:20px 16px
}
.suraksha-content .title{
    font-size:24px;
    font-weight:400
}
.suraksha-content p{
}
.suraksha-content .btn-wrap{
    display:flex;
    flex-direction:column
}
.suraksha-content .input-group{
    width:280px;
    border-radius:25px
}
.suraksha-content .input-group .form-select{
    color:#03ad98;
    padding:13px 16px;
    font-size:16px;
    font-weight:400;
    border-color:#03ad98;
    border-radius:8px;
    background-color:transparent
}
.suraksha-img img{
    border-radius:0 0 12px 12px
}
@media(min-width:992px){
    .suraksha-content{
        padding:92px 0 92px 72px
    }
    .suraksha-content .title{
        font-size:50px;
        font-weight:400
    }
    .suraksha-content .btn-wrap{
        align-items:center;
        flex-direction:row
    }
    .suraksha-content .btn{
        margin-left:16px
    }
}
@media(max-width:991.98px){
    .suraksha-content .input-group{
        width:100%;
        margin-bottom:16px
    }
    .suraksha-img{
        margin-top:16px
    }
}
@media(max-width:575.98px){
}
.about-shopkeeper{
}
.about-shopkeeper .shopkeeper-container{
    padding:16px;
    border-radius:12px;
    background-color:#eaf4f3
}
.shopkeeper-container .shopkeeper-content{
    margin-bottom:16px
}
.shopkeeper-content .shopkeeper-header{
    display:flex;
    flex-direction:column
}
.shopkeeper-content .shopkeeper-header .shopkeeper-img{
}
.shopkeeper-content .shopkeeper-header .shopkeeper-info{
    display:flex
}
.shopkeeper-content .shopkeeper-header .shopkeeper{
    margin-left:16px
}
.shopkeeper-content .shopkeeper-header .title{
    font-family:source sans pro,sans-serif;
    font-size:24px;
    font-weight:600;
    color:#3b3f48;
    display:flex;
    align-items:center
}
.shopkeeper-content .shopkeeper-header .title .badge{
    margin-left:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    border-radius:30px;
    background-color:#27ae60
}
.shopkeeper-content .shopkeeper-header .title .badge i{
    color:#fff;
    font-size:.675rem
}
.shopkeeper-content .shopkeeper-header .phone-number{
}
.shopkeeper-content .shopkeeper-header .shopkeeper-text{
    margin-top:12px
}
.shopkeeper-content .shopkeeper-header p{
}
.shopkeeper-content .shop-info{
}
.shopkeeper-content .shop-info .shop-wrap{
    display:flex;
    justify-content:space-between
}
.shopkeeper-content .shop-info .label{
    color:#868686;
    font-size:14px;
    font-weight:400;
    line-height:24px
}
.shopkeeper-content .shop-info .title{
    font-family:source sans pro,sans-serif;
    color:#3b3f48;
    font-size:16px;
    font-weight:400;
    line-height:24px
}
.shopkeeper-content .shop-info .shop-rating i{
    color:#f6ba39
}
.shopkeeper-container .scan-pay{
}
@media(min-width:992px){
    .about-shopkeeper .shopkeeper-container{
        padding:40px
    }
    .shopkeeper-content .shop-info .label{
        font-size:16px;
        line-height:24px
    }
    .shopkeeper-content .shop-info .title{
        font-size:24px;
        line-height:34px
    }
}
@media(max-width:575.98px){
}
.gallery-section{
}
.gallery-section .card{
    border:none
}
.gallery-section .gal-col-1{
    display:block;
    margin:16px 0
}
.gallery-section .gal-col-2{
    display:flex;
    justify-content:space-between;
    flex-direction:row
}
.gallery-section .card.gal-col-2{
}
.gallery-section .gal-col-2 a{
    padding:0 8px
}
.gallery-section .gal-col-2{
    margin-right:-8px;
    margin-left:-8px
}
@media(min-width:992px){
    .gallery-section .gal-col-1{
        display:block;
        margin:16px 0
    }
    .gallery-section .gal-col-2{
        display:flex;
        justify-content:space-between;
        flex-direction:row;
        margin-top:16px
    }
}
@media(max-width:575.98px){
}
.service-area{
}
.service-area .service-area-list{
}
.service-area .service-area-list ul{
    display:grid;
    grid-template-columns:repeat(2,1fr)
}
.service-area .service-area-list ul li{
    font-size:24px;
    line-height:44px
}
@media(max-width:575.98px){
    .service-area .service-area-list ul li{
        font-size:16px;
        line-height:20px
    }
}
.review_form .form-group{
    margin-bottom:16px
}
.review_form textarea.form-control{
    min-height:90px
}
.review_form .form-group label{
    margin-bottom:6px
}
.review_form .form-group .rating-input{
}
.review_form .form-group .rating-input i{
    font-size:20px;
    margin-right:5px
}
.review_form .form-group .rating-input .fa-solid{
    color:#f6ba39
}
.review_form .upload-btn .form-label{
    border:1px dashed #03ad98;
    background-color:#eaf4f3;
    border-radius:12px
}
.review_form .upload-btn .form-label i{
    color:#03ad98
}
.partenr_logo_box{
    max-width:260px;
    display:inline-block;
    background:#fff;
    padding:15px 30px;
    border-radius:8px;
    margin:20px 6px 0
}
.partenr_logo_box img{
    max-width:100%;
    display:block;
    max-height:60px
}


/*================================================
    09/09/2022 Basiruddin Khan
==================================================*/
.profile-dashboard-section{}

.menu-wrap {
    position:relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.menu-tabs {
    display: inline-flex;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    padding-left: 0;
    /* padding-bottom: 8px; */
    margin-bottom: 0;
    /* border-bottom: 2px solid #D6D6DB; */
    -ms-overflow-style: none; 
}
.menu-tabs>li{
    list-style: none;
    
}
.menu-tabs>li>a {
    display: block;
    color: #2C2C2C;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 16px;
    border-radius: 0;
    border: 2px solid transparent;
    border-bottom: 2px solid #DDD;
}
.menu-tabs>li>a.active,
.menu-tabs>li>a:hover {
    color: #03AD98;
    border-bottom: 2px solid #03AD98;
}
.menu-tabs>li>a.active{
    font-weight: 600;
}
.menu-tabs::-webkit-scrollbar {
    display: none; 
}
  
.profile-dashboard{}
.profile-dashboard .card{
    border: none;
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    margin-bottom: 24px;
}
.profile-dashboard .card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
    background-color: transparent;
    padding: 16px;
}
.profile-dashboard .card-header .card-title{
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0;
}
.profile-dashboard .card-body{
    padding: 0 16px 16px;
}
/*=========== Featured Card ============*/
.profile-dashboard .featured-card-wrap{}
.profile-dashboard .featured-card-wrap .flex-card{
    
}
.profile-dashboard .featured-card-wrap .flex-card .title{
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 12px;
}
.profile-dashboard .featured-card-wrap .flex-card .card-body{
    padding-top: 16px;
}
.profile-dashboard .featured-card-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    gap: 16px;
}
.profile-dashboard .featured-card-container .card{
    flex-grow: 1;
    text-align: center;
}
.profile-dashboard .featured-card-container .card-header{
    padding: 16px;
    justify-content: center;
}
.profile-dashboard .featured-card-container .card-header .text{
    font-family: 'Oswald';
    font-size: 32px;
    font-weight: 500;
    margin-left: 12px;
}
.profile-dashboard .featured-card-container .card-header .red-text{
    color: #EE5253;
}
.profile-dashboard .featured-card-container .card-header .green-text{
    color: #43BDEE;
}
.profile-dashboard .featured-card-container .card-body{
    padding: 0 16px 16px;
}
.profile-dashboard .featured-card-container .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: 600;
}
.profile-dashboard .featured-card-container .card-body a{
    font-weight: 600;
}
.profile-dashboard .profile{}
.profile-dashboard .profile .card-body{
    height: 225px;
    text-align: center;
}
.profile-dashboard .profile .profile-name{
    font-size: 22px;
}
.profile-dashboard .profile .profile-content{
    margin-bottom: 40px;
}
.profile-dashboard .profile .card-body span{
    display: block;
}
.profile-dashboard .profile-photo{
    width: 90px;
    height: 90px;
    border-radius: 100px;
    margin: 16px auto;
}
.profile-dashboard .profile-photo a{
    display: block;
}
.profile-dashboard .profile-photo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .profile-dashboard .card-header{
        padding: 24px;
    }
    .profile-dashboard .card-header .card-title{
        font-size: 28px;
    }
    .profile-dashboard .card-body{
        padding: 0 24px 24px;
    }

    .profile-dashboard .featured-card-wrap .flex-card{
        flex-direction: row;
    }
    .profile-dashboard .featured-card-wrap .flex-card{
        align-items: flex-end;
    }
    .profile-dashboard .featured-card-wrap .flex-card .card-body{
        padding-top: 24px;
        order: 1;
    }
    .profile-dashboard .featured-card-wrap .flex-card .title {
        font-size: 28px;
    }
    .profile-dashboard .featured-card-wrap .flex-card .featured-img{
        order: 2;
    }
    .profile-dashboard .featured-card-container{
        flex-direction: row;
        align-items: stretch;
        gap: 24px;
    }
    .profile-dashboard .featured-card-container .card{
        text-align: start;
    }
    .profile-dashboard .featured-card-container .card-header{
        justify-content: flex-start;
    }
    .profile-dashboard .featured-card-container .card-body .title{
        font-size: 24px;
    }
    .profile-dashboard .profile .profile-name{
        font-size: 32px;
    }
    .profile-dashboard .profile-photo{
        width: 115px;
        height: 115px;
        border-radius: 100px;
        margin: 24px auto;
    }

}
/*======= Max Width ========*/
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    .profile-dashboard .profile .card-body {
        height: 190px;
    }
}
@media (max-width: 575.98px){}
/*=========== Subscription Health Reports ============*/
.profile-dashboard .appointment-wellness{}
.profile-dashboard .appointment-wellness .card{}
.profile-dashboard .appointment-wellness .appointment-book,.profile-dashboard .appointment-wellness .wellness-wrap{
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.profile-dashboard .appointment-wellness .doctors-appointment{
    display: flex;
    justify-content: flex-start;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap{
    width: 100%;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .title{
    font-family: 'Source Sans Pro';
    font-size: 24px;
    line-height: 1;
    margin-bottom: 0;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .title a{
    color: #3B3F48;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap p{
    font-size: 16px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span{
    color: #32324B;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span i{
    margin-right: 5px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span.active{
    position: relative;
    padding-left: 10px;
}
.profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span.active::before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 6px;
    height: 6px;
    background: #6FCF97;
    border-radius: 50px;
}
.profile-dashboard .doctors-appointment .doctor-list-item{
    display: flex;
    flex-direction: column;
    padding: 16px 0;
    border-bottom: 1px solid #D6D6DB;
}
.profile-dashboard .doctors-appointment .doctor-list-item:last-child{
    border-bottom: none;
}
.profile-dashboard .doctors-appointment .doctor-list-item .doctor-list-content{
    border-left: 5px solid #03AD98;
    padding-left: 10px;
}
.profile-dashboard .doctors-appointment .doctor-list-item .video-call{
    position: relative;
    width: 40px;
    height: 40px;
    background: #EAF4F3;
    border-radius: 4px;
}
.profile-dashboard .doctors-appointment .doctor-list-item .video-call img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 18px;
}
.profile-dashboard .appointment-wellness .card-body p{
    color: #3B3F48;
    margin-bottom: 8px;
}
.profile-dashboard .appointment-wellness .card-body img{
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
}
.profile-dashboard .appointment-wellness .card-body a{
    display: block;
    font-weight: 600;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
}
/*======= Max Width ========*/
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    .profile-dashboard .appointment-wellness .card-body img {
        width: 90px;
        height: 90px;
    }
    .profile-dashboard .appointment-wellness .appointment-book, .profile-dashboard .appointment-wellness .wellness-wrap {
        height: 160px;
    }
    .profile-dashboard .doctors-appointment .doctor-list-wrap .title {
        font-size: 20px;
    }
    .profile-dashboard .doctors-appointment .doctor-list-wrap p {
        font-size: 14px;
    }
    .profile-dashboard .doctors-appointment .doctor-list-wrap .doctor-meta span {
        font-size: 12px;
    }
}
@media (max-width: 575.98px){}
/*=========== Subscription Health Reports ============*/
.profile-dashboard .subscription-healthreports{}
.profile-dashboard .subscription-healthreports .card{}
.profile-dashboard .subscription-plan{
   justify-content: center;
}
.profile-dashboard .subscription-plan .card-body{
    padding-top: 0;
}
.profile-dashboard .subscription-plan .plan-wrap{
    display: flex;
    margin-bottom: 32px;
}
.profile-dashboard .subscription-plan .plan-wrap:last-child{
    margin-bottom: 0;
}
.profile-dashboard .subscription-plan .plan-content{
    margin-left: 12px
}
.profile-dashboard .subscription-plan .plan-wrap .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.profile-dashboard .subscription-plan .plan-wrap .exp-date{
    font-size: 14px;
}
.profile-dashboard .healthreport{}
.profile-dashboard .healthreport .no-report{
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.profile-dashboard .healthreport .no-report img{
    width: 100px;
    height: 100px;
}
.profile-dashboard .healthreport .card-body .report-file{
    margin-bottom: 10px;
}
.profile-dashboard .healthreport .card-body p{
    margin-bottom: 0;
}

#wallet_circle_chart{
    width: 275px;
    height: 275px;
    margin: auto;
}
#wallet_circle_chart .circle-text{
    font-size: 24px;
}
#wallet_circle_chart .circle-info-text{
    font-size: 6px;
}
#wellness_chart{
    width: 250px;
    height: 250px;
    margin: auto;
}
.profile-dashboard .healthreport .reports{
    height: 275px;
}
.profile-dashboard .healthreport .reports .report-list-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.profile-dashboard .healthreport .reports .report-list-item:last-child{
    margin-bottom: 0;
}
.profile-dashboard .healthreport .reports .report-list-content{
    display: flex;
    align-items: flex-start;
}
.profile-dashboard .healthreport .reports .report-list-content .report-name{
    color: #3B3F48;
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
}
.profile-dashboard .healthreport .reports .report-list-content .report-name span{
    display: block;
    font-weight: 400;
    font-size: 16px;
}
.profile-dashboard .healthreport .reports .report-list-item .file-icon{
    margin-right: 8px;
}
.profile-dashboard .healthreport .reports .report-list-item .file-icon img{
    width: 50px;
    height: 50px;
}
.profile-dashboard .healthreport .reports .report-list-item .icon-btn{
    display: inline-block;
    width: 28px;
    height: 28px;
    background: #EAF4F3;
    border-radius: 4px;
    text-align: center;
}
.profile-dashboard .healthreport .reports .report-list-item .action-btn{
    display: flex;
}
.profile-dashboard .healthreport .reports .report-list-item .icon-btn + .icon-btn{
    margin-left: 8px;
}
.profile-dashboard .healthreport .reports .report-list-item .icon-btn img{
    width: 22px;
    height: 22px;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .profile-dashboard .subscription-plan .plan-wrap .title{
        font-size: 24px;
    }
    .profile-dashboard .subscription-plan .plan-wrap .exp-date{
        font-size: 16px;
    }
}
/*======= Max Width ========*/
@media (max-width: 991.98px){}
@media (max-width: 767.98px){
    .profile-dashboard .healthreport .no-report {
        height: 160px;
    }
    .profile-dashboard .healthreport .no-report img{
        width: 80px;
        height: 80px;
    }
    .wellness-chart-wrap{
        height: 80px;
        overflow: hidden;
    }
    #wellness_chart {
        width: 160px;
        height: 160px;
    }
    #wallet_circle_chart {
        width: 160px;
        height: 160px;
    }
    .profile-dashboard .healthreport .reports .report-list-content .report-name {
        font-size: 14px;
    }
    .profile-dashboard .healthreport .reports .report-list-item .file-icon img {
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 575.98px){}
/*=========== Normal Report ============*/
.profile-dashboard .normal-report{}
.profile-dashboard .normal-report .card{
    padding-top: 20px;
    margin-bottom: 1.5rem;
    flex-direction: row;
}
.profile-dashboard .normal-report .card img{
    width: 50px;
    height: 50px;
    margin: 0 0 16px 16px;

}
.profile-dashboard .normal-report .card-body{}
.profile-dashboard .normal-report .card-body .title{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    font-weight: 600;
}
.profile-dashboard .normal-report .card-body .report-number{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 24px;
    font-weight: 600;
}
.profile-dashboard .normal-report .card-body .report-label{
    display: flex;
    align-items: center;
    font-size: 14px;
}
.profile-dashboard .normal-report .card-body .report-label span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-left: 12px;
    background-color: #EAF4F2;
    border-radius: 50%;
}
.profile-dashboard .normal-report .card-body .report-label img{
    width: 12px;
    height: 12px;
    margin: 0;
}
/*======== Media Query =========*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){
    .profile-dashboard .normal-report .card{
        padding-top: 24px;
    }
    .profile-dashboard .normal-report .card-body .title {
        font-size: 24px;
    }
    .profile-dashboard .normal-report .card-body .report-number{
        font-size: 32px;
    }
    .profile-dashboard .normal-report .card img{
        width: 58px;
        height: 58px;
        margin: 0 24px 24px;
        margin-right: 0;
    }
}
/*======= Max Width ========*/
@media (max-width: 991.98px){
    .profile-dashboard .normal-report .card-body{
        padding-left: 10px;
    }
}
@media (max-width: 767.98px){}
@media (max-width: 575.98px){}
/*================================================
    08/04/2023 Basiruddin Khan
==================================================*/
.lab-details-tab{
    position: relative;
}
.lab-details-tab .navbar{
    /* position: sticky;
    top: 4.6rem; */
    background-color: var(--clr-white);
    border-bottom: 2px solid #CCCCCC;
}
.lab-details-tab .navbar .nav-item{}
.lab-details-tab .navbar .nav-item .nav-link{
    font-size: 1.125rem;
    font-weight: 400;
    padding: .75rem 1.25rem;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
}
.lab-details-tab .navbar .nav-item .nav-link.active{
    color: #2C2C2C;
    font-weight: 600;
    position: relative;
    background-color: transparent;
    margin-bottom: -1px;
    border-bottom: 2px solid var(--clr-primary);
}
/* .lab-details-tab .navbar .nav-item .nav-link.active::before{
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--clr-primary);   
} */
/* .lab-details-tab .navbar .nav-item:first-child .nav-link{
    padding-left: 0;
} */
/* .lab-details-tab .navbar .nav-item .nav-link.active{
    color: #2C2C2C;
    background-color: transparent;
    border-bottom:  2px solid var(--clr-primary);  
} */
.lab-details-tab .tab-pane{
    padding-top: 1.25rem;
    margin-bottom: 2rem;
}
.lab-details-tab .tab-pane ul{
    padding: 0;
}
.lab-details-tab .tab-pane ul li{
    list-style: none;
    margin-bottom: .5rem;
}
.lab-details-tab .tab-pane ul li .icon-img{
    margin-right: .75rem;
}
.lab-details-tab .tab-pane ul li .icon-img img{
    width: 16px;
}
/*| Media Query |==================================*/
@media (min-width: 992px){
    .lab-details-tab .navbar{
        position: sticky;
        top: 4.6rem;
    }
}
@media (max-width: 991.98px){}

.sidebar.sticky-top{
    top: 4.8rem;
}
.sidebar .payment-widget{
    /* position: sticky;
    top: 4.8rem; */
    background: #FFFFFF;
    box-shadow: 0px -5px 25px rgba(0, 0, 0, 0.05), 0px 10px 20px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
}
.payment-widget{
    padding: 1.25rem;
}
.payment-widget .widget-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 .75rem;
    border-bottom: 1px solid #CCCCCC;
}
.payment-widget .widget-header .widget-title{
    font-family: var(--body-font-family);
    font-size: 1.5rem;
    font-weight: 600;
}
.payment-widget .cart-item{
    display: flex;
    padding: .75rem 0;
    justify-content: space-between;
}
.payment-widget .cart-item +.cart-item{
    border-top: 1px solid #CCCCCC;
}
.payment-widget .cart-item .cart-body{
    flex: 1;
    padding-right: 16px;
}
.payment-widget .cart-item .cart-body .title{
    font-family: var(--body-font-family);
    font-size: 1rem;
    margin-bottom: .75rem;
}
.payment-widget .cart-item .cart-body .del-btn{
    display: block;
    line-height: 18px;
    color: #868686;
    font-size: 1rem;
}
.payment-widget .cart-item .cart-body .del-btn img{
    width: 16px;
    margin-right: .125rem;
}
.payment-widget .cart-item .cart-body .del-btn:hover{
    color: #ff0000;
}
.payment-widget .cart-item .cart-price{}
.payment-widget .cart-item .cart-price span{
    display: block;
}
.payment-widget .cart-item .cart-price .offer-price{
    color: #2C2C2C;
    font-size: 1.5rem;
    font-weight: 700;
}
.payment-widget .cart-item .cart-price .present-price{
    color: #868686;
    font-size: 1rem;
    text-decoration-line: line-through;
}
.payment-widget .promocode{
    padding-top: 1rem;
    border-top: 1px dashed #CCCCCC;
}
.payment-widget .promocode .input-group{
    border-radius: .5rem;
    border: 1px solid #ced4da;
}
.payment-widget .promocode .input-group .form-control{
    border: none;
    padding: 0 1rem;
    border-radius: .5rem;
    box-shadow: none;
}
.payment-widget .promocode .input-group .input-group-text{
    border: none;
    padding: .125rem;
    background-color: transparent;
}
.payment-widget .promocode .input-group .input-group-text .btn-solid{
    border-radius: .5rem;
    padding: .25rem 1.75rem;
}
.payment-widget .payment-process{}
.payment-widget .payment-process .step{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .6275rem;
}
.payment-widget .payment-process .step span{
    color: #868686;
    font-size: 1rem;
}
.payment-widget .payment-process .total-payment{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #CCCCCC;
    padding-top: .5rem;
}
.payment-widget .payment-process .total-payment span{
    color: #2C2C2C;
    font-size: 1.5rem;
    font-weight: 700;
}
/*| Media Query |==================================*/
@media (min-width: 992px){}
@media (max-width: 991.98px){}