/*
-------------------------------
custom Styles
-------------------------------
*/

@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
    --primary-color: #021e71;
    --secondary-color: #000000;
    --white-text-color: #ffffff;
    --white-text-color: #ffffff;
    --subtext-color: #4dedcd;
    --transparent-white: rgba(249, 252, 255, 0.26);
    --transparent-green: rgba(77, 237, 205, 0.26);
    --silver-bg: #ecf1f7;
    --white-bg: #ffffff;
    --border-box: 10px;
    --footer-bg: #001654;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif !important;
}
body {
    font-family: "Poppins", sans-serif !important;
}
body i {
    font-family: "Font Awesome 5 Brands" !important;
}
.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}
h1 {
    font-size: 67px !important;
    line-height: 72px !important;
}
h2 {
    font-size: 56px !important;
    line-height: 63px !important;
}
h3 {
    font-size: 45px !important;
    /*line-height: 56px !important; */
}
.owl-item h3 {
    line-height: 23px !important;
}
h4 {
    font-size: 30px !important;
    line-height: 40px !important;
}
h5 {
    font-size: 22px !important;
    line-height: 30px !important;
}
p {
    font-size: 16px !important;
    line-height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.container {
    max-width: 1200px !important;
    margin: auto;
}
.Symptoms svg {
    width: 100%;
    height: 100%;
}
header#topBar .fiuld {
    background-color: var(--primary-color);
    width: calc(100% - 50px);
    margin: auto;
    clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 100%);
    padding: 12px 30px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.home {
    background: url("../img/home-banner.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.fiuld,
.fiuld a {
    font-size: 15px;
    color: var(--white-text-color);
}
.rightBar {
    gap: 10px;
}
.soicalIcon {
    gap: 10px;
}

.smenu{
	width:100%;
}
.logo-div{
	width:25%;
	float:left;
}
.menudiv{
	width:100%;
	float:left;
}
.sticky .menudiv {
	width:75%;
}
#strickymenu.sticky{
	background-color: #021E71;
}
.appointment {
    background-color: var(--primary-color);
    color: var(--white-text-color);
    padding: 14px 25px;
    border-radius: 10px;
    border: none;
    font-size: 18px;
    font-weight: 400;
    margin-left: 45px;
    letter-spacing: 2px;
}
.sticky .appointment {
    background-color: var(--white-text-color);
    color: var(--primary-color);
	padding: 14px 25px;
    border-radius: 10px;
    border: none;
    font-size: 14px;
    font-weight: 400;
    margin-left: 45px;
    letter-spacing: 2px;
	min-height: 50px !important;
    padding: 14px !important;
    margin-top: 10px;
}
.navbar {
    margin-top: 10px;
}
/* =========================
\
\
\      common styles
\
\
===========================*/

.knowmore {
    background-color: var(--primary-color);
    color: var(--white-text-color);
    padding: 16px 28px;
    border-radius: 10px;
    border: none;
    font-size: 18px;
    letter-spacing: 3px;
    transition: 0.9s !important;
    border: 1px solid #021e71;
}
.knowmore:hover svg {
    display: none;
    transition: 0.9s !important;
}
.knowmore:hover {
    transition: 0.9s !important;
    color: #021e71;
    background: #fff;
    border: 1px solid #021e71;
}
section {
    padding: 100px 0;
}
.subtitle {
    color: var(--subtext-color);
    font-weight: 500;
}
/* ================================
\
\
\        Heading
\
\
\
===================================*/

.heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 200px 0;
    color: var(--white-text-color);
}
#topBar:after {
    content: url(../img/down-arrow.png);
    position: absolute;
    z-index: 111;
    bottom: -51px;
    left: 47%;
}
ul.nav-menu li a {
    color: #ffffff;
    font-weight: 400 !important;
}
.heading h1,
.heading h6 {
    color: var(--white-text-color);
}
/* =============================
\
\
\         whychoose
\
\
===============================*/
.whychoose {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative !important;
}
.whychoose h3 {
    color: white;
}
.subheading {
    width: 70%;
    margin: auto !important;
}
.tabsBar,
.tabsBarGreen {
    margin: 22px 0;
    gap: 10px;
    background-color: var(--transparent-white);
    padding: 20px 26px;
    border-radius: 10px;
    color: var(--white-text-color);
}
.tabsBarGreen {
    background-color: var(--transparent-green) !important;
}

/* =======================
\
\
\       solution
\
\
==========================*/
.divider {
    margin-top: 10rem !important;
}
.solution {
    background: url("../img/solution-banner.jpg") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: relative;
}
.integration {
    background: var(--silver-bg);
}
.cardbody {
    border: 0;
    background: var(--white-text-color);
    padding: 32px;
    border-radius: 10px;
}
.cardWapprer {
    width: 91%;
}
.cardinside {
    text-align: center;
}
.cardinside img {
    object-fit: none;
    width: 80px;
}
.wapperText {
    background: #fff !important;
    padding: 56px 40px;
    border-radius: 25px;
    display: flex;
    gap: 25px;
    justify-content: center;
    flex-direction: column;
    min-height: 453px;
}
h5.caro-h5 {
    font-size: 20px !important;
    font-weight: 600;
    line-height: 25px !important;
}
/* ==============================
\
\          Symptoms
\
================================== */
.boxCard2 {
    min-height: 173px !important;
}
.Symptoms {
    background: url("../img/symptoms.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.mid {
    width: 60%;
    margin-inline: auto;
    margin-bottom: 29px;
}
.boxCard,
.boxCard2 {
    display: flex;
    gap: 10px;
    background: var(--transparent-white);
    padding: 20px;
    color: var(--white-text-color);
    border-radius: var(--border-box);
    justify-content: center;
}
.Symptoms .cardinside img {
    width: 100%;
    object-fit: cover;
}
.boxCard:nth-child(1) {
    min-height: 174px;
}

.boxCard:nth-child(2) {
    min-height: 159px !important;
}
.boxCard2:nth-child(2) {
    min-height: 163px !important;
}
button.navbar-toggler {
    border: 2px solid #ffffff !important;
}
.inner-page {
    background: #021e71;
}
.inner-page .Appointment {
    border: 1px solid #fff;
}
/*
\
\
\   lineimage
\
\
*/

.integrationImage {
    width: 78%;
    margin: auto;
}
.integrationImage img {
    position: relative !important;
    z-index: 111;
}
.lineimage {
    position: relative;
}
.lineimage::before {
    content: "";
    position: absolute;
    left: 48%;
    top: 0;
    height: 100%;
    border-left: 3px dashed #b9b9b9;
    z-index: 3;
}
.lineimage:after {
    content: url(../img/downCricle.png);
    position: absolute;
    left: 43.5%;
    top: 28%;
    z-index: 17;
    animation: moveUpDown 2s ease-in-out infinite alternate;
}
.arrowDowns {
    position: relative;
}

.arrowDowns:after {
    content: url(../img/downCricle.png);
    position: absolute;
    left: 89.5%;
    z-index: 17;
    top: 0; /* Initial position */
    animation: moveDown 2s ease-in-out infinite alternate; /* Animation */
}

@keyframes moveDown {
    0% {
        top: 1100px; /* Initial position */
    }
    100% {
        top: 1178px; /* Final position */
    }
}
@keyframes moveUpDown {
    0% {
        top: 28%; /* Initial position */
    }
    100% {
        top: 30%; /* Final position */
    }
}
/*
\
\
\
\
\
*/
.btnNew {
    text-align: end;
    margin-top: 31px;
}
.Medicinebtn {
    text-align: start;
    width: 61%;
    margin-top: 21px;
}
a.Reminders {
    border: 3px solid #fff;
    color: #fff;
    padding: 37px 37px 40px 8px;
    border-radius: 999px;
    font-size: 20px;
        cursor: default;
}
a.Reminders img {
    padding-right: 14px;
}
.newBtn {
    margin-top: 45px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 15px;
}
.Medicine {
    width: 87%;
    display: flex;
    align-items: center;
}
a.Medicine {
    border: 3px solid #fff;
    color: #fff;
    border-radius: 999px;
    font-size: 20px;
    padding: 7px 12px 7px 12px;
}
.half {
    text-align: start;
    padding-left: 14px;
    padding-right: 13px;
}
.divion1 {
    width: 50%;
}
.divion2 {
    width: 50%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.divwapper {
    background: url(../img/Support-group.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    flex-direction: column;
    padding: 250px 130px;
    text-align: center;
    gap: 12px;
}
#Personalized .divion1 h4,
#Personalized .divion2 h4 {
    color: white;
    font-weight: 600;
}
.Support {
    overflow: hidden;
}
.Mental:hover,
.Discussions:hover,
.Physical:hover,
.Nutritional:hover {
    transform: scale(1.1);
    transition: 0.9s;
}
.Mental,
.Discussions,
.Physical,
.Nutritional {
    background: url(../img/Mental-Health.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    transition: 0.9s;
    height: 100%;
}
.grid-m-health {
    overflow: hidden;
}

.Discussions {
    background: url(../img/Mental-Health.jpg);
}
.Physical {
    background: url(../img/Group-Discussions.jpg);
}
.Nutritional {
    background: url(../img/Physical-therapy.jpg);
}

/*
\
\
\
\*/
.three {
    width: 66%;
    display: flex;
    margin: auto;
}
#carouselww {
    padding-top: 0 !important;
    position: relative;
}
.app {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
    padding-bottom: 300px;
}
#app h3 {
    color: white;
}
.appStore {
    display: flex;
    margin-top: 20px;
    gap: 20px;
    justify-content: center;
}
.appStore img {
    width: 20%;
}

/*
\                \
\                \
\    footer      \
\                \
\                \
*/
.content:before {
    content: "";
    background: #4dedcd;
    width: 62px;
    height: 3px;
    position: absolute;
    bottom: 28px;
}
.footer a {
    color: #fff !important;
}
.footer {
    background-color: var(--footer-bg);
    color: #ffffff;
    padding: 88px 0px;
}
#footer {
    position: relative;
    background-color: var(--footer-bg);
}
.footer-link {
    margin-top: 13px;
}
.blue {
    padding: 29px 0;
    color: #ffffff;
}
.content {
    position: relative;
    padding: 0 0 44px 0;
}
#footer:before {
    content: "";
    position: absolute;
    background: #2e3e6a;
    width: 100% !important;
    height: 1px !important;
    bottom: 82px;
}
.wapperli {
    width: 90%;
    display: flex;
    justify-content: space-between;
}
.wapperli ul li {
    list-style: none;
}
.f-cont-nber {
    display: flex;
    margin: 0px 0px !important;
    padding: 5px 0px;
    width: 95%;
    gap: 10px;
    list-style: none;
}
.footer-area {
    background-color: var(--footer-bg);
}
.footer h5 {
    color: white !important;
    font-weight: 600;
}

/*
\                     \
\                     \
\      carousel       \
\                     \
\                     \
\                     \
\*/

section#carousel {
    padding-top: 0;
}
.carousel-indicators li {
    background: #4dedcd !important;
    top: 24px;
    border-radius: 9999px !important;
    width: 19px !important;
    height: 0px !important;
}
.doctor-card-wapper {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.slider {
    height: 400px;
}

/* slider-cards */

ol.carousel-indicators {
    bottom: -33px;
}
/* custom carousal */
.wapperCarousel {
    display: flex;
    gap: 30px;
}
.cardCarousel {
    border-radius: 30px;
    text-align: center;
    background: #fff;
    padding: 45px 15px;
}
.cardCarousel h5 a {
    font-size: 22px !important;
    font-weight: 600;
    color: #000 !important;
    text-transform: capitalize;
}
.wapperCarousel {
    display: flex;
    gap: 30px;
    overflow: hidden !important;
}

.wrapperCarousel {
    display: flex;
    transition: transform 0.5s ease;
}

.cardCarousel {
    display: flex;
    flex: 0 0 23%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    gap: 17px;
}

/*==================

        default carousel

    ===================*/

.owl-carousel.team-carousel .owl-dots .owl-dot {
    width: 15px;
    height: 15px;
    background: #d9d9d9 !important;
    border-radius: 50%;
    display: inline-block;
    margin: 0 3px;
    border: none !important;
}

.owl-carousel.team-carousel .owl-dots .owl-dot.active {
    width: 15px;
    height: 15px;
    background: #4dedcd !important;
}
.team-photo {
    border-radius: 25px;
}
.main-headline h1 {
    font-size: 45px !important;
    line-height: 56px !important;
    font-weight: 500;
}

/* ================
\
\
\    custom carsoual
\
\===============*/
.carouselWapperss {
    gap: 28px;
}
.swiper-slide {
    width: 175px !important;
    height: 600px !important;
    display: flex !important;
    align-items: center !important;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #4dedcd !important;
    width: 15px !important;
    height: 15px !important;
}
span.swiper-pagination-bullet {
    background: #d9d9d9 !important;
    width: 15px !important;
    height: 15px !important;
    opacity: 100;
}
.swiper-container {
    overflow: hidden;
}
.swiper-pagination {
    bottom: 0px !important;
}
.swiper-slide img {
    transition: transform 0.9s ease;
}
#carouselww .swiper-slide-active img {
    transform: scale(1.3);
    transition: transform 0.9s ease;
}
div#swiper-wrapper-1dc30d48ec8d6733 {
    height: 400px;
}


/*==================================================

                   register

==================================================*/
.regiser-form.login-form,
.login-form {
    padding: 30px; 
    border-radius: 8px;
    border: 1px solid #ebebeb!important;
}
.db-blue h4,
.db-red h4 {
    font-size: 23px !important;
    line-height: 30px !important;
}
.dashboard-account-info h3 {
    font-size: 31px !important;
    line-height: 39px !important;
}
.dashboard-account-info,
.dashboard-widget li a,
.dash-item.db-blue,
.dash-item.db-red {
    background: #021e71 !important;
}
.banner-text h1 {
    font-size: 46px !important;
    line-height: 56px !important;
}

.blog-item h3 {
    font-size: 30px !important;
    /*line-height: 37px !important;*/
}
.blog-page .blog-author {
    background: #021e71 !important;
}
ul#accordionSidebar {
    background: #021e71 !important;
}
.about1-text h1,
.mission-text h1 {
    font-size: 39px !important;
    line-height: 47px !important;
}
p.customblog-inner {
    height: 158px;
    overflow: hidden;
    font-size: 15px !important;
    margin-bottom: 14px !important;
}
.blog-item h3 {
    margin-bottom: 3px !important;
}
.Symptoms .cardinside {
    width: 100% !important;
    max-width: 56px !important;
}
.blog-page .blog-item h3 {
    margin-top: 16px;
}
.blog-page .blog-item ul li {
    line-height: 30px;
}
.single-blog p {
    line-height: 32px !important;
}
.blog-item h3 {
    margin-bottom: 10px !important;
}
.blog-text h3 {
    height: 35px;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-headline h1 span {
    color: #000000 !important;
}
.blog-item.first-blog p {
    height: 82px;
    overflow: hidden;
}
.blog-item.first-blog .blog-image {
    border-radius: 20px !important;
}
.blog-item.first-blog .blog-text {
    border-radius: 30px !important;
}
.blog-area.bg_ecf1f8 p.customblog-inner {
    height: 108px;
}
.blog-item .sm_btn {
    font-size: 16px;
    color: #000000 !important;
}
.pro-image {
    width: 120px;
    margin-bottom: 21px;
}
.container.secondCont {
    margin-top: 35px;
}
.card-body.pro-card {
    min-height: 489px !important;
}
.pro-card .card-body.pro-cards {
    min-height: 361px;
}
.doctor-search {
    background: #021e71 !important;
}
.team-text span {
    color: #021e71 !important;
}
.team-item {
    box-shadow: none !important;
}
.team-text {
    text-align: center !important;
}
.team-text a {
    font-size: 22px !important;
}
.owl-carousel .owl-item img {
    border-radius: 30px 30px 0 0px;
}
.blog-text {
    border-radius: 0 0px 30px 30px !important;
}
.blog-item {
    border: none !important;
}
.blog-page .blog-text {
    box-shadow: 0px 6px 5px 2px rgb(72 72 72 / 10%) !important;
}
.blog-text {
    box-shadow: none !important;
}
.blog-page .blog-text {
    border-radius: 0 !important;
}

#mobslide2 .swiper-slide {
    width: auto !important;
    max-height: 285px !important;
}
.solution .swiper-wrapper {
    height: 339px;
}
span.menu-bar i {
    color: #fff !important;
}
.mobile-menu .sidenav {
    background-color: #021e71 !important;
}
.event-detail-tab ul,
.event-detail-tab ul li a,
.team-detail-text ul li a {
    background: #021e71 !important;
}
.centeralig {
    justify-content: center !important;
}

.list_ol li {
    margin-bottom: 22px !important;
    list-style: disclosure-closed;
}
.list_ol {
    margin: 4px 20px;
}
.owl-carousel.team-carousel .owl-dots {
    text-align: center !important;
    margin-top: -18px !important;
}
.content:after {
    content: "";
    background: white;
    width: 83.5%;
    height: 1px;
    display: block;
    position: absolute;
    top: 52px;
    z-index: 0;
    right: 0;
}
.p_s-program img {
    border-radius: 25px;
}
.team-headline h2 {
    font-size: 30px !important;
}
div#book_appointment h3 {
    font-size: 24px !important;
}
/* ==============
appointmentpage
================*/
#appointmentSection section {
    padding-bottom: 80px !important;
}
.bgColor {
    height: 135px;
    background: #a6bcff;
    border-radius: 10px;
}
.coverdrprofile {
    margin-top: -6px;
    padding: 0 16px;
}
.Imageprofile img {
    margin-top: -53px;
}
.card-prName {
    margin: 13px 0 26px 0;
    text-transform: capitalize;
}
.postionDr,
.experience {
    display: inline-block;
    border-radius: 3px;
    font-size: 13px !important;
    font-weight: 600;
    padding: 6px 15px !important;
}
.experience {
    border: 1px solid rgb(225, 244, 255);
    background-color: rgb(209, 238, 255);
}
.success {
    border: 1px solid rgb(239, 255, 225);
    background-color: rgb(217, 255, 209);
}
.availablity { 
    display: inline-block;
    padding: 9px 19px;
    border-radius: 3px;
    color: #2a2a2a;
}
.Imageprofile img {
    width: 28%;
    height: 105px;
    object-fit: cover;
    border-radius: 10px;
}
.linklogin{
        width:46%;
}
a.linkdr { 
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #6666;
    width: 100%;
    display: block;
}
.qwrDoctor {
    margin-top: -5px;
}
a.linkRegister {
    width:45%;
    background:#f3f9ff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #d9ecff;
}
a.linkpassword {
    font-size: 14px;
    top: 3px;
    position: relative;
}
.eapperAbout {
    display: flex;
    border-radius: 5px !important;
    margin-top: 20px;
    flex-direction: column;
    gap: 9px;
}
.eapperAbout h6 {
    font-size: 24px;
    margin-bottom: -5px;
}
.Imageprofile {
    display: flex;
    gap: 11px;
    margin-bottom: -20px;
    flex-direction: column;
    align-items: center;
}
.priceBook {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.priceWapper h5 {
    font-size: 22px !important;
    color: #021e71 !important;
    font-weight: 600;
}
.aboutSection {
    background: #f7f7f7;
    padding: 14px 28px !important;
    border: 1px solid #e6e3e3;
    border-radius: 12px;
}
.listedu {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
}
ul.nav.nav-pills {
    gap: 20px;
    margin: 0 0 30px 0;
    font-size: 18px;
    border-bottom: 2px solid #c6d3fc;
}
li.tabsPills,
li.tabsPills a {
    padding: 15px 18px;
    font-weight: 600;
}
li.tabsPills.active a {
    color: #021e71;
    border-bottom: 2px solid #021e71;
}
#exTab1 {
    background: #f7f4f4;
    padding: 15px 30px 43px;
    margin-top: 39px;
    border-radius: 8px;
}
a:hover {
    text-decoration: none !important;
}
.time-line {
    display: flex;
    gap: 4px;
    justify-content: flex-start;
    margin-top: 14px;
    flex-wrap: wrap;
}
.timeBox {
    background: #d7e1ff;
    padding: 5px 13px;
    font-size: 13px;
    border-radius: 4px;
    font-weight: 600;
      cursor: pointer;
}
.day {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.calender-Profile img {
    width: 83%;
     height: 112px;
    object-fit: cover;
      border-radius: 8px;
}
.imageCalender {
    width: 35%;
}
.calenderWapper {
    display: flex;
    align-items: center;
}
a.AppointRequest {
    background: #021e71;
    color: #fff;
    font-size: 14px;
    padding: 11px 15px;
    border-radius: 10px;
}
.redNote {
    background: #ffdfdf;
    font-size: 12px !important;
    padding: 8px !important;
    text-align: center;
    margin: 10px 0 0 0 !important;
    border-radius: 5px;
}
.suits {
    font-size: 13px !important;
    display: flex;
    align-items: center;
    gap: 18px;
}
.num {
    background: #021e71;
    padding: 5px 12px;
    margin-right: 11px;
    color: #fff;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
}
.patientData h5 {
    font-size: 23px !important;
}
.bgYelllow {
    background: #feffdf;
    padding: 16px !important;
    margin: 10px 0 0 0 !important;
    border-radius: 5px;
}
.bgYelllow p {
    font-size: 13px !important;
}
.red {
    color: red;
    font-size: 14px;
}
.green {
    color: rgb(0 116 5);
    font-size: 14px;
}
.pantientNote p {
    padding: 10px !important;
    font-size: 13px !important;
    background: #eeeeee;
    margin-top: 16px !important;
    border-radius: 8px !important;
}
.proBox {
    border: 1px solid #d4d4d4;
    padding: 12px;
    border-radius: 10px;
}
.payScreen {
    background: #bccdff;
    padding: 10px;
    border-radius: 7px;
}
.payBtn {
    margin: 26px 0 !important;
    text-align: center;
}
a.payBtna {
    font-size: 18px !important;
    background: #021e71;
    color: #fff;
    width: 95%;
    padding: 11px 15px;
    border-radius: 10px;
    margin: auto;
    display: block;
}
.free {
    margin-bottom: 26px;
    font-size: 14px !important;
    font-weight: 500;
}
.free .red {
    margin-top: 10px !important;
}
.receipt {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 28px 0;
    gap: 10px;
}
.receipt input {
    padding: 6px 8px;
    width: 42%;
    font-size: 14px;
    text-align: center;
}
.messages-slot {
    padding: 0px 0px 0px 26px;
}
.messages-slot h6 {
    background: #f9d9d9;
    color: #332d2d;
    padding: 5px;
}
.morelink {
    text-decoration: underline;
    color: #021e71;
    padding-left: 10px;
}
#loaderCircular {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    margin: -76px 0 0 -76px;
    border: 8px solid #003640;
    border-radius: 50%;
    border-top: 8px solid #2d6a75;
    border-right: 8px solid #5bb5b5;
    border-bottom: 8px solid #008691;
    border-left: 8px solid #7bc6c0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
        opacity: 30%;
    }
    100% {
        transform: rotate(360deg);
        opacity: 40%;
    }
}
/* ==============

================*/

@media only screen and (max-width: 999px) {
    

    h1 {
        font-size: 50px !important;
        line-height: 72px !important;
    }
    h3 {
        font-size: 34px !important;
    }
    .Medicine {
        width: 100% !important;
    }
    .divwapper {
        padding: 85px 32px;
    }
    #topBar:after {
        left: 36% !important;
    }
    .cardWapprer {
        width: 100% !important;
    }
    .wapperText {
        width: 95%;
    }
    .container {
        width: 90% !important;
        margin: auto !important;
    }
    .btnNew {
        text-align: start;
        margin: 31px 0;
    }
    .Medicinebtn {
        text-align: start;
        width: 100%;
        margin-top: 21px;
    }
    .divion1,
    .divion2 {
        width: 100% !important;
    }
    .divion2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .app {
        background-size: cover !important;
        padding-bottom: 100px;
        background-position: center;
    }
    img.mobile-screen {
        margin-left: 0px !important;
    }
    .lineimage:after {
        display: none !important;
    }
    .integrationImage,
    .integrationImage img {
        width: 100% !important;
    }
    .subheading {
        width: 100% !important;
    }
    .lineimage::before,
    .arrowDowns:after {
        display: none !important;
    }
    .divider {
        margin-top: 2rem !important;
    }
    .wapperText {
        width: 100%;
    }
    .arrow img {
        width: 100% !important;
    }
    .Mental,
    .Discussions,
    .Physical,
    .Nutritional {
        height: 433px !important;
    }
    .arrowDown img {
        width: 100% !important;
    }
    .mid {
        width: 100% !important;
        margin-bottom: 29px;
    }
    a.Reminders {
        width: 100% !important;
        padding: 8px 37px 8px 8px !important;
        display: inline-block !important;
    }
    .about-area .container {
        width: 100% !important;
    }
}

@media only screen and (max-width: 799px) {
    .cardCarousel {
        flex: 0 0 50% !important;
    }
    .soicalIcon {
        display: none !important;
    }
    .rightBar {
        gap: 10px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .arrowDowns.lineimage {
        display: none !important;
    }
    
    .banner-text h1 {
    font-size: 25px !important;
}
}
@media only screen and (max-width: 650px) {
    h1, h2 { word-wrap: break-word; }
    .detail-dashboard .d-headline {
    font-size: 34px !important;
}

}

@media screen and (max-width: 499px) {
    .boxCard,
    .boxCard2 {
        display: flex;
        flex-direction: column;
    }
    .knowmore {
        font-size: 16px;
        letter-spacing: 0px;
        display: block;
        text-align: center;
    }
    .wrapperCarousel {
        flex-direction: column;
    }
    .tabsBar,
    .tabsBarGreen {
        flex-direction: column !important;
        text-align: center !important;
    }
    .cardCarousel {
        flex: 0 0 100% !important;
    }
    .appStore img {
        width: 46%;
    }
    .three {
        width: 100%;
    }
    .wwrapper {
        flex-wrap: wrap;
    }
    .wwrapper a {
        width: 100% !important;
    }
    .linklogin {
        width: 100% !important;
    }
}

    .sticky-btn {
    position: fixed;
    z-index: 11111;
    right: 0;
     display:none;
}

.about-text li {
    list-style: disc !important;
}

.inst-main {
    margin: 30px auto 40px;
    min-height: 500vh;
    background-color: #fefefe;
}
#doc-team .owl-stage-outer {
    display: flex;
    justify-content: center;
}
/*.floating-btn {*/
/*    position: fixed;*/
/*    top: 88%;*/
/*    right: 0;*/
/*    border-radius: 10px 0px 0 10px !important;*/
/*    z-index: 11111;*/
/*    display:none;*/
/*}*/
/*.tc ul li {*/
/*    list-style: inside !important;*/
/*}*/

.tc {
    list-style: disc;
}
#list-sec ul li {list-style: disc !important;
}
.consultants-h {
    line-height: 56px !important;
    font-weight: 500;
    font-size: 35px !important;
}
.pay-now
{display: flex;
    align-items: center;
    flex-wrap: wrap;
gap:30px;
}
.consultant-register-bg{ padding-top: 50px;
    padding-bottom: 50px; background-color: #C4D3FF}
.consultant-register{
text-align: center !important;
color:#fff;
}
 .consultant-register a{  text-decoration: underline !important; }