body {
    margin: 0 auto;
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
}

h6 {
    color: #000000;
    font-size: 30px;
    font-weight: 300;
}

h3 {
    color: #000000;
    font-weight: 600;
}

.container {
    max-width: 1140px;
}

ul.navbar-nav {
    margin-left: auto;
}

ul.navbar-nav li.nav-item.m-item {
    display: none;
}

.langouter {
    display: flex;
    align-items: center;
    border: 1px solid #18A86C;
    border-radius: 100px;
    overflow: hidden;
}

.switch-lang span a {
    text-decoration: none;
    color: #000;
}

.switch-lang span.active a {
    color: #fff;
}

.langouter span {
    padding: 10px 20px;
    background: #fff !important;
    cursor: pointer;
}

.langouter span.active {
    background: #18A86C !important;
    color: #fff;
}

ul.navbar-nav li a i {
    display: none;
}

ul.navbar-nav li a {
    color: #000000;
    font-size: 18px;
    margin: 0 11px;
}


label.error {
    text-align: left !important;
    display: block;
    width: 100%;
}


.flexclass:nth-child(10) ~ * {
    display: none;
}

.right-nav {
    display: flex;
    align-items: center;
    column-gap: 19px;
    padding-left: 8px;
}

.lang select {
    color: #000000;
    font-size: 16px;
    border: 0;
    outline: none;
}

.cart-ic {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.username0 select {
    background: #18A86C;
    border-radius: 100px;
    color: #fff;
    font-size: 16px;
    border: 0;
    padding: 10px 24px;
}

.home-banner .container-fluid {
    max-width: 98%;
}

.inner-banner-slides img {
    width: 100%;
    height: 70%;
    /* object-fit: cover; */
}

section.reviews {
    overflow-x: hidden;
}


#bannerPopup .modal-dialog {
    max-width: 800px; /* adjust as needed */
    margin: auto;
    width: 90% !important;
}


section.home-banner {
    position: relative;
}

section.home-banner .slick-arrow {
    position: absolute;
    display: none !important;
}

.banner-search {
    max-width: 1000px;
    margin: 0 auto;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 1;
}

.banner-search input {
    background: #fff;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #DBDBDB;
    font-size: 16px;
    padding-left: 61px;
    height: 60px;
}

html[dir="rtl"] ul.navbar-nav li.has-menu::before {
    left: 0;
    right: inherit;
}

html[dir="rtl"] .select-lang p.text-left {
    text-align: right;
}

html[dir="rtl"] span.search-ic {
    left: unset;
    right: 24px;
}

html[dir="rtl"] .payments .form-check label {
    padding-right: 12px;
}

span.search-ic {
    position: absolute;
    left: 24px;
    top: 16px;
}

span.filter-ic {
    position: absolute;
    right: 19px;
    top: 16px;
}

.banner-overlay {
    max-width: 1140px;
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%);
}

.banner-overlay span img {
    width: auto;
    height: auto;
}

.banner-overlay h6 {
    font-size: 31px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 13px;
}

.banner-overlay h2 {
    font-size: 47px;
    font-weight: 900;
    color: #282828;
}

.banner-overlay span {
    display: flex;
    align-items: center;
    column-gap: 14px;
    color: #282828;
    font-size: 27px;
    margin-bottom: 70px;
}

.banner-overlay p {
    font-size: 29px;
    font-weight: 400;
    color: #282828;
}

.cm-btn {
    background: #18A86C;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    padding: 20px 40px;
    display: inline-block;
    margin-top: 10px;
}

.cm-btn:hover {
    color: #fff;
}

.inner-cat-slides img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 100px;
}

section.home-banner ul.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    max-width: 168px;
    bottom: 44px;
    background: #38383833;
    display: flex;
    border-radius: 100px;
    padding: 27px 0;
}

.needs-inner img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 100px;
    box-shadow: 0 0 10px 1px #ddd;
}

section.home-banner ul.slick-dots li {
    list-style: none;
    margin: 0 6px;
    display: flex;
    transition: 0.5s;
}

section.home-banner ul.slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    border-radius: 20px;
    border: 0;
    font-size: 0;
    transition: 0.5s;
}

section.home-banner ul.slick-dots li.slick-active button {
    width: 50px;
    transition: 0.5s;
}

section.chat-free {
    /* background: #18A86C; */
    padding: 30px 0;
}


span.navbar-toggler-icon {
    color: #000;
}


select#inclinic_category_id {
    color: #000;
}

select#neighbourhoods {
    color: #000;
}

select#insurance_id {
    color: #000;
}

.left-chat {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 10px;
    column-gap: 33px;
    padding: 20px 0;
    min-height: 95px
}

.left-chat a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 33px;
    text-decoration: none;
    color: #000;
    width: 100%;
    padding: 0 30px;
}

/* .left-chat h3 {
    font-size: 26px;
    font-weight: 400;
    margin: 0;
} */

.left-chat h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
}

.left-chat h3 span {
    color: #18a86c;
    font-weight: 600;
}

.left-chat p {
    margin: 7px 0 0;
}

section.our-needs {
    background: #E3F1EB80;
    padding: 40px 0;
}

.our-needs .row {
    justify-content: center;
}

.slick-inclinic-slider {
    display: flex;
    /* gap: 25px; */
    justify-content: space-between;
}

.slick-telehealth-slider {
    display: flex;
    justify-content: space-between;
    /* gap: 25px; */
}

section.our-needs h6,
section.our-needs h3,
section.client-hospital h6,
section.client-hospital h3 {
    text-align: center;
}

.needs-inner {
    background: #FFFFFF;
    padding: 24px;
    border-radius: 11px;
    margin-top: 40px;
    text-align: center;
}

.needs-inner h4 {
    font-size: 25px;
    font-weight: 700;
    margin: 22px 0 5px;
    min-height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.needs-inner p {
    color: #696969;
    font-size: 15px;
    min-height: 68px;
}

.needs-inner a {
    color: #000;
    text-decoration: none;
    font-weight: 500;
}

section.client-hospital {
    padding: 90px 0;
}

.inner-hospital img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    background: #fff;
}

.additional-info h6 {
    font-size: 15px;
    text-align: center;
    font-weight: 500;
    color: #18A86C;
    margin-bottom: 10px;
}

.additional-info p {
    font-size: 15px;
    text-align: center;
    opacity: 0.6;
}

.additional-info {
    padding-top: 20px;
}

section.categoru-slider .inner-cat-slides a {
    text-decoration: none;
}

.inner-cat-slides a {
    display: block;
    align-items: center;
    column-gap: 9px;
    color: #000;
    line-height: 1.1;
}

.inner-hospital {
    /* background: #18A86C; */
    background: none;
    margin: 0 8px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 10px 1px #ddd;
    height: auto;
}

.inner-hospital h5 {
    color: #000;
}

body .slick-slide {
    height: auto;
}

.inner-pahe-search .banner-search input {
    padding-left: 19px;
}

html[dir="rtl"] .inner-pahe-search .banner-search input {
    padding-left: 0;
    padding-right: 19px;
}

html[dir="rtl"] .inner-pahe-search .banner-search span.search-ic {
    right: unset;
    left: 26px;
}

.offer-list h4 a {
    font-weight: 600;
    color: #000;
    text-decoration: none;
}

section.client-hospital .slick-list {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.inner-hospital h5 {
    padding: 10px 43px;
    min-height: 70px;
    display: flex;
    align-items: center;
    color: #000;
    font-size: 17px;
    margin: 0;
}

section.client-hospital button.slick-arrow {
    display: none !important;
}

section.client-hospital {
    padding: 20px 0;
}

.vide-all {
    text-align: center;
    margin-top: 36px;
}

section.client-hospital.pak-offer {
    padding-top: 13px;
}

section.client-hospital h3 {
    margin-bottom: 60px;
}

li.review-item {
    list-style-type: none;
    display: flex !important;
    /* justify-content: left; */
    align-items: flex-start;
    gap: 20px;

}

.ct-review-image img {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border-radius: 10px;
}

.ct-cnt-review h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin: 5px 11px 8px;
}

.outer-review-main {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 22px;
    display: flex;
    justify-content: space-between;
    margin: 1px 0 10px;
}



.img-review {
    width: 85px;
    height: 85px;
    min-width: 85px;
    border: 1px solid #ccc;
    /* margin-top: 20px; */
    margin-bottom: 20px;
    border-radius: 7px;
}

.review-item i.fas.fa-star {
    font-size: 14px;
    color: #ffa700;
}

h3.text-reviews {
    color: #747474;
    font-size: 14px;
    /* display: flex; */
    align-items: center;
    column-gap: 5px;

}

/* section.client-hospital.pak-offer .slick-track { */
/* width: 100% !important; */
/* transform: translate(0) !important; */
/* } */
/* section.client-hospital.pak-offer .slick-track .inner-hospital { */
/* width: 23.4% !important; */
/* margin-bottom: 20px; */
/* } */
footer.footer-main {
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0 0;
}

footer.footer-main h6 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 18px;
    text-transform: capitalize;
}

.footer-left h5 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.footer-left h5 i {
    color: #18a86c;
}

.footer-link ul {
    padding: 0;
    margin: 0;
}

.footer-link ul li {
    list-style: none;
    margin-bottom: 16px;
}

.footer-link ul li a {
    text-decoration: none;
    color: #000;
}

.footer-link ul li a i {
    color: #888;
    margin-right: 4px;
}

.footer-link.pl-3 {
    padding-left: 33px;
}

.copy-right p {
    width: 100%;
    text-align: center;
    margin: 40px 0 0;
    border-top: 1px solid #ddddddc4;
    padding: 20px 0;
    font-size: 16px;
    color: #696969;
    font-weight: 400;
}

.copy-right p span {
    color: #18A86C;
    padding-left: 3px;
    font-weight: 600;
}

.copy-right p b {
    color: #000;
}

.username0 button.cm-btn {
    padding: 12px 19px;
    border: 0;
    font-size: 15px;
    margin: 0;
}

.language-modal .modal-dialog {
    max-width: 450px;
    border-radius: 21px;
    border: 0;
}

.language-modal .modal-content {
    border: 0;
    border-radius: 10px;
    overflow: hidden;
}

.language-modal .modal-header {
    display: none;
}

.select-lang,
.select-lang h4 span {
    color: #18A86C;
    text-align: center;
}

.select-lang h4 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 27px;
    color: #000;
}

.language-modal .modal-body {
    padding: 40px 25px;
}

span.count-step {
    width: 100%;
    display: table;
    text-align: center;
    margin: -20px 0 20px;
    color: #000;
    opacity: 0.5;
}

.select-langusge span button {
    font-size: 16px;
    color: #000;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 46px;
}

.select-langusge span {
    margin: 12px 0;
    display: table;
    width: 100%;
}

.select-langusge span button.active {
    border-color: #18A86C;
}

.next-btn button {
    background: #18A86C;
    width: 100%;
    display: table;
    text-align: center;
    padding: 11px 0;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    border: 0;
}

.next-btn {
    margin-top: 51px;
}

.select-langusge button {
    font-size: 16px;
    color: #000;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 46px;
}

.select-lang p {
    color: #9E9D9D;
    font-size: 13px;
    text-align: center;
    padding: 16px 44px 0;
}

.select-lang p a {
    color: #18A86C;
    text-decoration: none;
}

.foter-modal {
    background: #d8ffef;
    padding: 20px 30px;
    text-align: center;
}

.foter-modal p {
    font-size: 16px;
}

.foter-modal p a {
    color: #18A86C;
    text-decoration: none;
}

.switch-lang span {
    background: #9ADFC3;
    display: inline-block;
    border-radius: 100px;
    overflow: hidden;
}

.switch-lang span button.active {
    background: #18A86C;
    padding: 9px 13px 10px;
    display: inline-block;
    color: #fff;
}

.switch-lang span button {
    background: transparent;
    border: 0;
    color: #000;
    font-size: 14px;
    padding: 9px 13px 10px;
}

div#loginModal .modal-dialog,
#modalverification .modal-dialog,
#registermodal .modal-dialog,
#jounrymodal .modal-dialog {
    max-width: 470px;
}

/* .categoru-slider .grid .inner-cat-slides span { */
/* border: 1px solid #18A86C; */
/* border-radius: 10px; */
/* padding: 14px 0; */
/* color: #fff; */
/* background: #18A86C; */
/* } */

body .btn-primary {
    color: #fff;
    background-color: #18A86C;
    border-color: #18A86C;
}

.filter-box span {
    position: absolute;
    left: 9px;
    top: 11px;
}

.filter-box select {
    padding-left: 23px;
}

ul.social-media-link {
    display: flex;
    align-items: center;
    column-gap: 13px;
    padding: 0;
    margin: 14px 0 0;
}

ul.social-media-link li {
    list-style: none;
}

.filter-box {
    position: relative;
}

footer.footer-main h6.socialhead {
    font-size: 15px;
    margin-top: 39px;
}

ul.social-media-link li a {
    color: #000;
    font-size: 19px;
}

footer.footer-main h6.socialhead span {
    border-bottom: 1px solid #18a86c;
}

.select-lang h6 {
    color: #9E9D9D;
    font-size: 16px;
    margin: -17px 0 36px;
    text-align: center;
}

.select-lang .form-group {
    margin-bottom: 13px;
    position: relative;
}

.select-lang .form-group input {
    border: 1px solid #ECECEC;
    border-radius: 10px;
    height: 46px;
    padding: 0 13px;
    width: 100%;
    font-size: 14px;
}

.capcha {
    display: flex;
    align-items: center;
    column-gap: 8px;
    margin-bottom: 23px;
    justify-content: space-between;
}

.capcha span {
    height: 46px;
    background: #283587;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    color: #fff;
    font-family: "Tiny5", sans-serif;
    font-size: 26px;
}

.capcha button {
    border: 0;
    height: 46px;
    background: #F3F3F3;
    width: 46px;
}

.select-lang p.text-left {
    text-align: left;
    padding: 10px 0 0;
}

.next-btn button.bk-btn {
    background: transparent;
    color: #000;
    margin-top: 13px;
}

.otp-input-fields {
    display: flex;
    justify-content: center;
    gap: 18px;
    padding: 40px;
    flex-wrap: wrap;
}

.otp-input-fields input {
    height: 60px;
    width: 60px;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #ddd;
    text-align: center;
    outline: none;
    font-size: 23px;
    margin: 0;
    color: #919191;
}

.verify-logo {
    text-align: center;
}

.verify-logo p {
    color: #000;
    font-size: 16px;
    margin: 0;
}

.grid.grid-two span {
    background: #18A86C;
    color: #fff !important;
    padding: 13px 10;
    border-radius: 10px;
}

.send-code h5 {
    color: #9E9D9D;
    font-size: 13px;
    text-align: center;
    font-weight: 400;
    margin: 0;
}

.send-code h5 span {
    color: #000;
}

.inner-pahe-search .banner-search {
    position: relative;
    top: 0;
}

.container-fluid {
    padding: 0;
}

.pagination ul {
    padding: 0;
    margin: 25px 0 39px;
    display: flex;
    column-gap: 19px;
}

.pagination ul li {
    list-style: none;
    position: relative;
    color: #0000006b;
}

.pagination ul li a {
    color: #000000;
    text-decoration: none;
    position: relative;
}

.pagination ul li a::before {
    position: absolute;
    right: -10px;
    top: 3px;
    width: 1px;
    height: 17px;
    content: "";
    background: #000;
    transform: rotate(22deg);
}

html[dir='rtl'] .pagination ul li:first-child a::before {
    opacity: 0;
}

section.categoru-slider button.slick-arrow {
    display: none !important;
}

/* .inner-cat-slides { */
/* border: 1px solid #18A86C; */
/* border-radius: 100px; */
/* background: #F1F8F5; */
/* display: flex !important; */
/* align-items: center; */
/* margin: 0 6px; */
/* padding: 9px 26px; */
/* justify-content: center; */
/* column-gap: 11px; */
/* } */
section.categoru-slider {
    margin: 32px 0 0;
}

.categoru-slider .grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 25px;
    justify-content: center;
}

.categoru-slider .grid.grid-two {
    display: flex;
}

.categoru-slider .grid .inner-cat-slides {
    border: 2px solid transparent
}

.categoru-slider .grid .inner-cat-slides a {
    display: block;
    text-align: center;
    padding: 10px;
}

.categoru-slider .grid .inner-cat-slides a span {
    display: block;
}

.categoru-slider .grid .inner-cat-slides a img {
    width: 150px;
    height: 150px;
}

.categoru-slider .grid .inner-cat-slides.active {
    border-radius: 12px;
}

section.filletr ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 29px 0 25px;
    border-top: 1px solid #ddd;
    padding-top: 31px;
    column-gap: 12px;
}

section.filletr ul li span,
section.filletr ul li select {
    border: 1px solid #ddd;
    color: #00000082;
    padding: 9px 29px;
    border-radius: 70px;
    display: inline-block;
}

section.filletr ul li {
    list-style: none;
}

section.filletr ul li.active span {
    background: #18A86C;
    border-color: #18A86C;
    color: #fff;
}

.outer-main {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 25px 35px;
    display: flex;
    justify-content: space-between;
    margin: 3px 0 20px;
    align-items: center;
}

section.doctor-list {
    padding-bottom: 60px;
}

.inner-hospital a {
    text-decoration: none;
}

section.all-clicks-doc .inner-hospital {
    margin: 40px 0 0;
}

.doct-left {
    display: flex;
    align-items: center;
    width: 100%;
}

.ct-image img {
    width: 150px;
    height: 136px;
    object-fit: cover;
    border-radius: 10px;
}

.ct-cnt h4 {
    font-size: 20px;
    font-weight: 700;
}

.ct-cnt h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin: 9px 0 10px;
}

.ct-cnt span {
    font-size: 18px;
    width: 100%;
    display: flex;
    gap: 10px;
    font-weight: 500;
    margin-bottom: 7px;
}

.ct-cnt span:last-child {
    margin-bottom: 0px;
}

.doct-right {
    text-align: right;
    width: 100%;
}

.doct-right h4 {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
}

.doct-right h5 {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 19px 0;
}

.doct-btn a {
    display: inline-block;
    padding: 13px 33px;
    margin-left: 10px;
}

.doct-btn a.cm-btn.white-btn {
    background: #F1F8F5;
    color: #18A86C;
    border: 1px solid #18A86C;
}

.inner-detial-doc {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 35px;
    display: flex;
    align-items: center;
    column-gap: 40px;
    position: relative;
}

.inner-detial-doc-right a {
    position: absolute;
    top: 0;
    right: 35px;
}

[dir="rtl"] .inner-detial-doc-right a {
    position: absolute;
    top: 0;
    right: auto;
    left: 35px;
}

.inner-detial-doc-right {
    width: 100%;
}

.inner-detial-doc-right h4 span {
    font-size: 18px;
    font-weight: 500;
}

.inner-detial-doc-right h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 24px;
    font-weight: 700;
}

.inner-detial-doc-right h5 {
    font-weight: 500;
    margin: 20px 0px 18px;
    font-size: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-detial-doc-right h5 span {
    font-size: 16px;
    color: #18A86C;
}

.inner-detial-doc-right h6 {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    column-gap: 9px;
}

.inner-detial-doc-right h6 span {
    color: #18A86C;
}

.inner-detial-doc-right a {
    background: #F1F8F5;
    border: 1px solid #18A86C;
    color: #000;
    border-radius: 100px;
    padding: 10px 15px;
    column-gap: 11px;
    font-weight: 500;
    font-size: 18px;
    display: inline-flex;
    margin-top: 35px;
    text-decoration: none;
}

.doct-name {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 25px;
    padding: 35px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.doct-name img {
    width: 75px;
    height: 75px;
    border-radius: 12px;
    object-fit: cover;
}

.inner-detial-doc-left img {
    width: 220px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #18A86C;
}

ul.pagination li.active span {
    background: #18A86C !important;
    border-color: #18A86C !important;
    border-radius: 100px;
    font-weight: 500;
}

ul.pagination li span {
    border-radius: 100px !important;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

}

ul.pagination li a {
    border-radius: 100px !important;
    width: 40px;
    height: 40px;
    color: #18A86C;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.doct-cnst h4 {
    font-size: 20px;
    font-weight: 600;
}

.doct-cnst h5 {
    color: #000;
    font-size: 16px;
    opacity: 0.5;
    margin: 0;
}

.doct-insurce,
.about-data {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 20px;
    padding: 35px;
}

.doct-insurce h5,
.about-data h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}

.doct-insurce ul {
    padding: 0;
    margin: 0;
    display: flex;
    column-gap: 6px;
    flex-wrap: wrap;
    row-gap: 9px;
}

.doct-insurce ul li {
    list-style: none;
}

.doct-insurce ul li span {
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    column-gap: 11px;
    font-size: 12px;
    padding: 8px 20px 8px 0;
}

.about-data p {
    opacity: 0.6;
}

.about-doct-right {
    margin-top: 27px;
    padding-left: 30px;
}

.offer-list {
    background: #E7FFF5;
    padding: 27px;
    border-radius: 14px;
    margin-bottom: 20px;
    position: relative;
}

.offer-list h4 {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-list h5 {
    color: #18A86C;
    font-size: 20px;
    font-weight: 600;
    margin: 14px 0 0;
}

.about-doct-right .offer-list:nth-child(2) {
    background: #FFE7E7;
}

.about-doct-right .offer-list:nth-child(3) {
    background: #FFE7F4;
}

.about-doct-right .offer-list:nth-child(4) {
    background: #E7F9FF;
}

section.about-doctor {
    padding-bottom: 80px;
}


.error {
    color: #ff0000;
}

.inner-cat-slides {
    border: 1px solid #18A86C;
    border-radius: 35px;
    background: #F1F8F5;
    display: flex !important;
    align-items: center;
    margin: 0 6px;
    padding: 9px 10px;
    justify-content: center;
    column-gap: 11px;
}

.inner-cat-slides-single {
    display: flex !important;
    align-items: center;
    margin: 0 6px;
    padding: 9px 10px;
    justify-content: center;
    column-gap: 11px;
}

section.categoru-slider {
    margin: 32px 0 0;
}

section.filletr ul {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 29px 0 25px;
    border-top: 1px solid #ddd;
    padding-top: 31px;
    column-gap: 12px;
}

section.filletr ul li span,
section.filletr ul li select {
    border: 1px solid #ddd;
    color: #00000082;
    padding: 9px 29px;
    border-radius: 70px;
    display: inline-block;
}

section.filletr ul li {
    list-style: none;
}

section.filletr ul li.active span {
    background: #18A86C;
    border-color: #18A86C;
    color: #fff;
}

.outer-main {
    background: #F8F8F8;
    border-radius: 20px;
    padding: 35px;
    display: flex;
    justify-content: space-between;
    margin: 3px 0 20px;
}

section.doctor-list {
    padding-bottom: 60px;
}

.doct-left {
    display: flex;
    align-items: center;
}

.ct-image {
    margin-right: 16px;
}

.ct-image img {
    width: 170px;
    height: 156px;
    object-fit: cover;
    border-radius: 10px;
}

.ct-cnt h4 {
    font-size: 20px;
    font-weight: 700;
}

.ct-cnt h5 {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    margin: 9px 0 10px;
}

.inner-cat-slides.active {
    border: 2px solid #18A86C !important
}

ul.pagination {
    justify-content: center;
    margin: 15px 0 40px;
}

ul.pagination li {
    margin: 0 4px;
}

.offer-list-desc {
    padding: 21px 40px;
    max-width: 50%;
}

.offer-list-desc h4 {
    color: #18a86c;
    font-weight: 600;
    font-size: 33px;
    margin: 18px 0 19px;
}

.offer-list-desc h5 {
    font-size: 23px;
    color: #18a86c;
    font-weight: 600;
}

.offer-list-desc a {
    background: #18a86c;
    color: #fff;
    text-decoration: none;
    padding: 11px 23px;
    border-radius: 100px;
    display: inline-block;
    margin-top: 14px;
    position: absolute;
    bottom: 20px;
    right: 15px;
    font-weight: bold;
}

.offer-price {
    background: #18a86c;
    padding: 20px 40px;
    margin-top: -35px;
    border-radius: 0 0 10px 10px;
    display: flex;
    column-gap: 40px;
    justify-content: space-between;
}

.discount {
    position: absolute;
    top: 50px;
    right: 40px;
    text-align: center;
}

.offer-price h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.offer-price h5 b {
    color: #fff;
    padding: 0 5px;
    font-size: 23px;
}

.offer-price h5 span {
    margin-left: auto;
    float: right;
    font-weight: 500;
}

.offer-price h6 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0;
}

.discount h4 {
    color: #DA2225;
    font-size: 50px;
    font-weight: 600;
}

.discount h4 span {
    font-size: 16px;
}

.discount h5 {
    font-size: 16px;
    color: #DA2225;
    text-align: right;
    line-height: 1;
}

section.exclusive-offers {
    padding: 0 0 60px;
}

.select-lang.journey-modal form input {
    padding-left: 45px;
}

span.male-ic {
    position: absolute;
    left: 16px;
    top: 33px;
}

.water-list ul li.active span {
    background: #18A86C;
    color: #fff;
    border-color: #18A86C;
    font-weight: 500;
}

.result {
    text-align: center;
    font-weight: 600;
    color: #18A86C;
}

.select-lang.journey-modal .form-check {
    padding: 0;
    position: relative;
}

.outer-check {
    border: 1px solid #ECECEC;
    border-radius: 10px;
    height: 46px;
    padding: 0 13px;
    width: 100%;
    font-size: 14px;
    position: relative;
}

.select-lang.journey-modal .outer-check input {
    border: 0;
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    padding: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
}

.outer-check span {
    position: absolute;
    left: 15px;
    top: 9px;
}

.outer-check label {
    padding: 12px 32px;
    color: #000;
    opacity: 0.5;
}

.select-lang .form-group label {
    color: #000;
}

.coverage-select {
    display: flex;
    align-items: center;
    column-gap: 60px;
    padding-top: 6px;
}

.select-lang.journey-modal form .coverage-select input {
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 12px;
    margin-left: 0;
}

.coverage-select .coverage-select {
    display: flex;
    align-items: center;
    column-gap: 60px;
    padding-top: 6px;
}

.coverage-select label {
    top: 3px;
    position: relative;
}

span.male-ic.user-male-ic {
    top: inherit;
    bottom: 13px;
}

.logs-slider .slick-track {
    display: flex !important;
}

.inner-pahe-search .banner-search span.search-ic {
    right: 26px;
    left: initial;
}

.logs-slider {
    padding: 11px 0 13px;
}

label.fl-with {
    width: 100%;
    display: table;
}

.inner-logs span {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    column-gap: 11px;
    margin: 0 4px;
    border-radius: 7px;
    padding: 7px;
    color: #000;
}

.offer-list-coup {
    /* background-image: url("../images/doc-bk.png"); */
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #18a86c;
    margin-bottom: 0px;
    height: 580px;
}

.offer-list-desc {
    padding: 21px 40px;
    max-width: 50%;
}

.offer-list-desc h4 {
    color: #18a86c;
    font-weight: 600;
    font-size: 33px;
    margin: 18px 0 19px;
}

.offer-list-desc h5 {
    font-size: 23px;
    color: #18a86c;
    font-weight: 600;
}

.offer-list-coup img.bk-img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.doct-insurce h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doct-insurce h5 span {
    color: #18A86C;
    font-size: 18px;
    font-weight: 500;
}

.pagination ul li::before {
    position: absolute;
    right: -10px;
    top: 3px;
    width: 1px;
    height: 17px;
    content: "";
    background: #979797;
    transform: rotate(22deg);
}

.pagination ul li:last-child::before,
.pagination ul li:first-child::before {
    opacity: 0;
}

.mobile-nav-head {
    display: none;
}

.for-mob,
.search-mob {
    display: none;
}



@media (min-width:768px) {

    /* .chat_btn {
        left: 15px !important;
    } */
    section.client-hospital.pak-offer .slick-track {
        width: 100% !important;
        transform: translate(0) !important;
    }

}

/* New CSS */
div#phone_numberInput {
    display: flex;
    align-items: center;
    column-gap: 9px;
    flex-wrap: wrap;
}

div#phone_numberInput select {
    border: 1px solid #ECECEC;
    border-radius: 10px;
    height: 46px;
    padding: 0 9px;
    width: 125px;
    font-size: 13px;
    color: #595959;
    outline: none;
}

.captcha.loginCaptcha button {
    border: 0;
    background: transparent;
    padding: 0;
    margin-left: 15px;
}

.language-modal .modal-header {
    display: block;
    border: 0;
    padding: 0;
    position: relative;
}

.language-modal .modal-header .btn-close {
    position: absolute;
    right: 16px;
    top: 18px;
    background: #1ba96e;
    width: 34px;
    height: 34px;
    opacity: 1;
    display: flex;
    padding: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 60px;
    font-size: 14px;
    cursor: pointer;
    z-index: 9;
}

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

.apply-coupn {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 20px;
    padding: 35px;
}

.apply-coupn .form-group {
    position: relative;
    background: #F1F8F5;
    display: flex;
    align-items: center;
    padding: 7px 17px;
    border: 1px solid #18A86C;
    border-radius: 10px;
    column-gap: 9px;
}

.apply-coupn .form-group input {
    background: transparent;
    border: 0;
    outline: none;
    color: #6f6f6f;
}

.apply-coupn .form-group button {
    margin-left: auto;
    background: #18a86c;
    border: 0;
    color: #fff;
    padding: 11px 20px;
    border-radius: 7px;
}

span.view-copn {
    width: 100%;
    text-align: right;
    display: table;
    padding-top: 11px;
}

span.view-copn a {
    color: #18A86C;
    text-decoration: none;
    font-weight: 500;
}

.payments h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 19px;
}

.payments .form-check {
    position: relative;
    padding: 0;
    margin-bottom: 13px;
    display: flex;
}

.payments .form-check input {
    position: absolute;
    right: 0;
}

.payments .form-check-input:checked {
    background-color: #18a86c;
    border-color: #18a86c;
}

.payments .form-check label img {
    margin-right: 6px;
}

.payments .form-check label {
    font-size: 16px;
    font-weight: 600;
}

.apply-coupn button.cm-btn {
    border: 0;
    width: 100%;
}

.price-details {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 20px;
    padding: 35px;
}

.price-details h4 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.price-details ul {
    padding: 0;
    margin: 0;
}

.price-details ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    color: #000;
    opacity: 0.5;
}

.price-details ul li b {
    color: #000;
    opacity: 1;
}

.price-details ul li:last-child {
    opacity: 1;
}

.price-detial-book h5 {
    color: #18A86C;
    font-size: 14px;
    text-align: center;
    margin: 21px 0 5px;
}

.price-detial-book p {
    font-size: 14px;
    text-align: center;
    opacity: 0.5;
}

.price-detial-book button.cm-btn {
    width: 100%;
    border: 0;
}

section.all-clicks-doc {
    padding: 60px 0;
}

section.all-clicks-doc .inner-hospital {
    margin: 0 0 29px;
}

section.all-clicks-doc .inner-hospital h5 {
    padding-left: 25px;
}

.offer-list-coup {
    background-image: url("../images/doc-bk.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #18a86c;
    margin-bottom: 20px;
}

.offer-list-desc {
    padding: 21px 40px;
    max-width: 50%;
}

.offer-list-desc h4 {
    color: #18a86c;
    font-weight: 600;
    font-size: 33px;
    margin: 18px 0 19px;
}

.offer-list-desc h5 {
    font-size: 23px;
    color: #18a86c;
    font-weight: 600;
}

.offer-list-desc a {
    background: #18a86c;
    color: #fff;
    text-decoration: none;
    padding: 9px 22px;
    border-radius: 100px;
    display: inline-block;
    margin-top: 0;
}

.offer-price {
    background: #18a86c;
    padding: 20px 40px;
    margin-top: -35px;
    border-radius: 0 0 10px 10px;
}

.offer-price a {
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 9px 15px;
    border-radius: 100px;
    margin-top: 0px;
    float: right;
    display: inline-block;
}

.discount {
    position: absolute;
    top: 50px;
    right: 40px;
    text-align: center;
}

.offer-price h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.offer-price h5 b {
    color: #fff;
    padding: 0 5px;
}

span.micro-scop img {
    max-width: 55px;
    min-width: 55px;
    font-size: 35px;
}

span.micro-scop {
    font-size: 35px;
}

.offer-price h5 span {
    margin-left: auto;
    float: right;
    font-weight: 500;
    text-align: right;
    margin-bottom: 9px;
}

.offer-price h6 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0;
    max-width: 730px;
}

.discount h4 {
    color: #DA2225;
    font-size: 50px;
    font-weight: 600;
}

.discount h4 span {
    font-size: 16px;
}

.discount h5 {
    font-size: 16px;
    color: #DA2225;
    text-align: right;
    line-height: 1;
}

section.exclusive-offers {
    padding: 0 0 60px;
}

.select-lang.journey-modal form input {
    padding-left: 45px;
}

span.male-ic {
    position: absolute;
    left: 16px;
    top: 9px;
}

.select-lang.journey-modal .form-check {
    padding: 0;
    position: relative;
}

.outer-check {
    border: 1px solid #ECECEC;
    border-radius: 10px;
    height: 46px;
    padding: 0 13px;
    width: 100%;
    font-size: 14px;
    position: relative;
}

.select-lang.journey-modal .outer-check input {
    border: 0;
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    padding: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
}

.outer-check span {
    position: absolute;
    left: 15px;
    top: 9px;
}

.outer-check label {
    padding: 12px 32px;
    color: #000;
    opacity: 0.5;
}

.select-lang .form-group label {
    color: #000;
}

.coverage-select {
    display: flex;
    align-items: center;
    column-gap: 60px;
    padding-top: 6px;
}

.select-lang.journey-modal form .coverage-select input {
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 12px;
    margin-left: 0;
}

.coverage-select .coverage-select {
    display: flex;
    align-items: center;
    column-gap: 60px;
    padding-top: 6px;
}

.coverage-select label {
    top: 3px;
    position: relative;
}

span.male-ic.user-male-ic {
    top: inherit;
    bottom: 13px;
}

.logs-slider .slick-track {
    display: flex !important;
}

.logs-slider {
    padding: 11px 0 13px;
}

label.fl-with {
    width: 100%;
    display: table;
}

.inner-logs span {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    column-gap: 11px;
    margin: 0 4px;
    border-radius: 7px;
    padding: 7px;
    color: #000;
}

.chat-page-sec .left-chat ul {
    padding: 0;
    margin: 0;
    border: 1px solid #EDEDED;
}

.chat-page-sec .left-chat ul li {
    list-style: none;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding: 25px 25px;
}

.chat-page-sec .left-chat ul li:last-child {
    border: 0;
}

.chat-page-sec .left-chat ul li div {
    width: 100%;
}

.chat-page-sec .left-chat ul li h6 span {
    margin-right: auto;
    width: 20px;
    height: 20px;
    background: #F1E0AC;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    opacity: 1;
    margin-left: 7px;
}

.right-chat {
    border: 1px solid #EDEDED;
    border-radius: 15px;
}

.chat-page-sec {
    padding: 0 0 80px;
}

.chat-page-sec .left-chat ul li span img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 100px;
}

.chat-page-sec .left-chat ul li h5 {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: space-between;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.chat-page-sec .left-chat ul li h6 {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin: 10px 0 0;
    position: relative;
}

.chat-page-sec .container,
section.profile-page-main-sec .container {
    max-width: 1600px;
}

.chat-page-sec .left-chat {
    padding: 0;
    max-width: 100%;
    width: 100%;
    display: initial;
}

.chat-page-sec .left-chat ul li h6 label {
    margin-left: auto;
}

.chat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    padding: 20px 30px;
}

.left-chat-head {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

span.user-chat-img img {
    width: 73px;
    height: 73px;
    border-radius: 100px;
    object-fit: cover;
}

.left-chat-head h5 {
    font-size: 22px;
    color: #000000;
    font-weight: 600;
    margin: 0;
}

.left-chat-head h6 {
    color: #A0A0A0;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0;
}

.right-chat-head a {
    color: #18A86C;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

span.days-count {
    background: #F0F0F0;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 100px;
    margin: 10px auto 10px;
    display: table;
}

.chat-body {
    padding: 20px 30px 25px;
    max-height: 550px;
    overflow-y: auto;
}

.mychat h5 {
    background: #18A86C;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-weight: 400;
    padding: 15px 20px;
    border-radius: 10px;
    display: inline-block;
    margin-left: auto;
    float: right;
}

.mychat span {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    float: right;
    clear: both;
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.client-chat {
    display: flex;
    align-items: center;
    column-gap: 14px;
    width: 100%;
}

.clit-img img {
    width: 87px;
    height: 87px;
    object-fit: cover;
    border-radius: 100px;
}

.client-chat-msg h5 {
    background: #F1F8F5;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    padding: 15px 20px;
    border-radius: 10px;
    display: inline-block;
    margin-left: auto;
}

.client-chat-msg span {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    clear: both;
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.chat-page-sec .left-chat ul li.active,
.chat-page-sec .left-chat ul li:hover {
    background: #F1F8F5;
    cursor: pointer;
}

.chat-footer {
    border-top: 1px solid #EDEDED;
    padding: 20px 30px 25px;
    display: flex;
}

.chat-footer .form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.chat-footer .media-box {
    background: #F8F8F8;
    width: 100%;
    height: 67px;
    border-radius: 20px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    column-gap: 14px;
    padding: 0 22px;
}

.chat-footer .media-box input {
    border: 0;
    background: transparent;
    font-size: 18px;
    outline: none;
    color: #787878;
}

span.emoji-right {
    margin-left: auto;
}

.chat-footer .form-group button {
    border: 0;
    background: transparent;
    outline: none;
}

.profle-col-outer {
    background: #F1F8F5;
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-radius: 30px;
    padding: 23px 24px;
}

.payemtts-walt {
    margin-top: 31px;
    padding: 0 26px;
}

.payemtts-walt h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

.payemtts-walt ul {
    padding: 0;
    margin: 0;
}

.payemtts-walt ul li {
    list-style: none;
    margin-bottom: 13px;
    overflow: hidden;
}

.payemtts-walt ul li a {
    background: #F1F8F5;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 13px;
    padding: 15px 16px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.payemtts-walt ul li a span {
    margin-left: auto;
    font-size: 14px;
    color: #18A86C;
    font-weight: 500;
}

.profle-col-outer h5 {
    font-size: 18px;
    font-weight: 600;
}

.profle-col-outer h6 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.profile-right-page {
    background: #F8F8F8;
    border-bottom: 15px;
    padding: 50px 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.profile-page-main-sec {
    padding: 0 0 70px;
}

.profile-card {
    width: 100%;
    max-width: 580px;
    background: #FFFFFF;
    padding: 40px;
    border-radius: 24px;
}

.profile-card h4 {
    color: #262626;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.profile-card h5 {
    color: #9E9D9D;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 4px 0 40px;
}

.profile-card form .form-group {
    margin-bottom: 15px;
}

.profile-card form .form-group input {
    height: 46px;
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    padding: 0 14px;
}

.profile-card form .form-group input[type="submit"] {
    background: #18A86C;
    border-radius: 40px;
    color: #fff;
}

.profile-card form .form-group button {
    background: #18A86C;
    height: 46px;
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    padding: 0 14px;
    border-radius: 40px;
    color: #fff;
}

.profle-col-outer.active {
    background: #18a86c;
}

.profle-col-outer.active h5 {
    color: #fff;
}

.profle-col-outer a {
    display: flex;
    align-items: center;
    column-gap: 12px;
    text-decoration: none;
    color: #000;
}

.profle-col-outer.active h6 {
    color: #fff;
}

.profle-col-outer img {
    border: 1px solid #fff;
    width: 75px;
    height: 75px;
    border-radius: 100px;
}

.profile-card ul {
    padding: 0;
    margin: 0;
    display: flex;
    column-gap: 11px;
    justify-content: space-between;
}

.profile-card ul li {
    list-style: none;

    width: 100%;
}

.profile-card ul li span {
    font-size: 14px;
    border: 1px solid #DCDCDC;
    color: #828282;
    display: flex;
    padding: 12px 3px;
    width: 100%;
    justify-content: center;
    border-radius: 10px;
}

.payemtts-walt ul li.active a {
    background: #18a86c;
    color: #fff;
}

.payemtts-walt ul li.active a span {
    color: #fff;
}

.payemtts-walt ul li.active img {
    filter: drop-shadow(0px 100px 0 #fff);
    transform: translateY(-100px);
}

.inove-outer {
    width: 100%;
    padding: 0 50px;
}

.inove-outer h4 {
    font-size: 24px;
    color: #262626;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.inove-outer ul {
    padding: 0;
    margin: 0;
}

.inove-outer ul li {
    list-style: none;
    background: #fff;
    padding: 33px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 14px;
}

.left-invice {
    display: flex;
    align-items: center;
    column-gap: 17px;
}

.left-invice img {
    width: 88px;
    height: 81px;
    object-fit: cover;
}

.left-invice h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    animation: 0;
}

.left-invice h6 {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.right-invice {
    text-align: right;
}

.right-invice h5 {
    color: #DA2225;
    font-size: 16px;
    font-weight: 500;
}

.right-invice h6 {
    font-size: 16px;
    font-weight: 500;
    opacity: 0.5;
    margin: 0 0 10px;
}

.about-page {
    padding: 0 50px;
}

.about-page img {
    margin: 0 auto 23px;
    display: table;
}

.about-page p {
    opacity: 0.7;
}

.about-page.contact-us h5 {
    color: #18A86C;
    text-align: center;
    margin: 0 0 40px;
}

.about-page.contact-us p {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

.contact-box {
    background: #fff;
    border-radius: 13px;
    text-align: center;
    padding: 30px 20px;
}

.about-page.contact-us .contact-box h5 {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    justify-content: center;
}

.about-page.contact-us .contact-box h5 img {
    margin: 0 8px;
}

.contact-box a {
    color: #18A86C;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    margin: 12px 0 0;
    display: table;
    text-align: center;
    width: 100%;
}

.social {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social a {
    width: auto;
    margin: 13px 7px 0;
}

.social a img {
    margin: 0;
}

section.filletr-doc ul {
    padding: 0;
    margin: 29px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    column-gap: 12px;
}

section.filletr-doc ul li {
    list-style: none;
}

section.filletr-doc ul li a {
    border: 1px solid #DCDCDC;
    padding: 10px 43px;
    border-radius: 100px;
    color: #000000a1;
    text-decoration: none;
    display: inline-block;
}

section.filletr-doc ul li.active a {
    background: #18A86C;
    border-color: #18A86C;
    color: #fff;
    font-weight: 600;
}

#dateScheduleeModal form#scheduleSetForm .flatpickr-input {
    display: none;
}

#dateScheduleeModal form#scheduleSetForm .flatpickr-input {
    display: none;
}

#dateScheduleeModal .flatpickr-calendar.animate.inline {
    box-shadow: none;
    padding: 0;
    width: 100%;
}

#dateScheduleeModal .flatpickr-current-month,
#dateScheduleeModal .flatpickr-current-month select,
#dateScheduleeModal .flatpickr-current-month span,
#dateScheduleeModal .flatpickr-current-month input {
    font-size: 18px !important;
    font-weight: 700 !important;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

#dateScheduleeModal .flatpickr-months {
    padding-bottom: 28px;
}

body #dateScheduleeModal .flatpickr-months .flatpickr-prev-month svg,
body #dateScheduleeModal .flatpickr-months .flatpickr-next-month svg {
    width: 15px;
    height: 15px;
    stroke: #000;
    stroke-width: 1.5px;
    position: relative;
    top: -3px;
}

body #dateScheduleeModal .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: transparent;
    padding-right: 6px;
}

body #dateScheduleeModal .numInputWrapper:hover {
    background: transparent;
}

#dateScheduleeModal form#scheduleSetForm .flatpickr-days .dayContainer span.flatpickr-day.selected {
    background: #18A86C;
    border-color: #18A86C;
    font-weight: 600;
}

#dateScheduleeModal .flatpickr-day.flatpickr-disabled,
#dateScheduleeModal .flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: rgba(57, 57, 57, 0.3);
}

div#dateScheduleeModal .modal-body {
    padding: 51px 20px 25px;
}

div#dateScheduleeModal .flatpickr-days,
div#dateScheduleeModal .flatpickr-rContainer,
div#dateScheduleeModal .flatpickr-innerContainer {
    width: 100%;
    justify-content: center;
    padding: 0;

}

div#dateScheduleeModal .flatpickr-days {
    overflow-x: auto;
    padding-bottom: 13px !important;
}

ul#scheduleItems li {
    width: 32.33%;
    list-style: none;
    background: #F1F8F5;
    border-radius: 100px;
    border: 1px solid #18A86C;
    padding: 8px 0;
    text-align: center;
    color: #000;
    display: inline-block;
    font-size: 14px;
}

ul#scheduleItems li.active {
    background: #18A86C;
    color: #fff;
}

ul#scheduleItems {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 10px;
}

.wallet_amount {
    cursor: pointer;
}

div#apointmodal .modal-dialog {
    max-width: 470px;
}

.appointment-modal h4 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #f5f5f5;
    padding: 10px 0 21px;
}

.apoint-doc img {
    width: 60px;
    height: 60px;
    border-radius: 6px;
    object-fit: cover;
}

.apoint-doc-name h5 {
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.apoint-doc-name h5 a {
    color: #18A86C;
    text-decoration: none;
}

.apoint-doc-name h6 {
    font-size: 14px;
    font-weight: 500;
    opacity: 0.5;
    margin: 0;
}

.apoint-doc {
    display: flex;
    align-items: center;
    column-gap: 13px;
    padding: 14px 0;
}

.apoint-doc-name {
    width: 100%;
}

.appointment-modal ul {
    background: #F8F8F8;
    padding: 18px 26px;
    border-radius: 7px;
    margin: 8px 0 19px;
}

.appointment-modal ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 0;
}

.appointment-modal ul li span {
    font-weight: 600;
}

.rate-btn a {
    border: 1px solid #DA2225;
    width: 100%;
    display: flex;
    height: 50px;
    border-radius: 100px;
    color: #DA2225;
    text-decoration: none;
    justify-content: center;
    align-items: center;
    margin: 0 0 13px;
    background: #FFF6F6;
}

.rate-btn a.ord-rate {
    background: #18A86C;
    border: 0;
    color: #fff;
    font-weight: 600;
}

.rate {
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 54px;
    font-weight: 300;
    color: #FFB660;
    cursor: pointer;
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.revire-box textarea {
    height: 140px;
    background: #F8F8F8;
    border: 0;
    width: 100%;
    border-radius: 10px;
    padding: 11px 18px;
    resize: none;
}

.revire-box {
    margin-bottom: 20px;
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

.doct-rate-img img {
    max-width: 76px;
    margin: 24px auto 11px;
    display: table;
    height: 70px;
    object-fit: cover;
}

.doct-rate-img h5 {
    text-align: center;
    font-size: 16px;
    margin: 0;
}

button#reloadCaptcha {
    border: 0;
    background: transparent;
    margin-left: 11px;
    outline: none;
    box-shadow: none;
}

.profile-card ul li.active span {
    background: #18a86c;
    color: #fff;
}

div#hyperPayPaymentModal .modal-dialog {
    max-width: 800px;
}

div#callConnectModal .modal-dialog {
    max-width: 800px;
}

section.health-tools {
    padding-bottom: 80px;
}

.heath-tool-inner {
    box-shadow: 0 0 10px 1px #ddd;
    border-radius: 10px;
    padding: 20px 0px 0px;
    background: #f1f8f5;
    text-align: center;
}

.heath-tool-inner h5 {
    margin: 0;
    background: #18a86c;
    color: #fff;
    font-size: 16px;
    padding: 16px 0;
    border-radius: 0 0 10px 10px;
}

.heath-tool-inner img {
    max-width: 90px;
    margin-bottom: 16px;
}

section.health-tools h3 {
    margin-bottom: 30px;
}

section.bm-calculator h4 {
    text-align: center;
    margin-bottom: 20px;
}

.cal-outer ul li {
    list-style: none;
    width: 33.33%;
    text-align: center;
    position: relative;
}

.cal-outer ul li .from-group {
    display: flex;
    align-items: center;
}

.cal-outer ul li label {
    width: 100%;
    font-size: 15px;
    opacity: 0.6;
}

.cal-outer {
    max-width: 600px;
    box-shadow: 0 0 10px 1px #ddd;
    border-radius: 10px;
    margin: 0 auto;
    padding: 30px;
}

.cal-outer h5 {
    text-align: center;
    font-size: 18px;
    opacity: 0.5;
    margin-bottom: 20px;
}

.cal-outer ul li select {
    border: 0;
    outline: none;
}

.cal-outer ul li:last-child::before {
    opacity: 0;
}

.bn-number span {
    font-size: 32px;
    font-weight: 600;
}

.cal-outer h5 {
    text-align: center;
    font-size: 18px;
    opacity: 1;
    margin-bottom: 20px;
    color: #919191;
    position: relative;
}

.cal-outer h5 a {
    text-decoration: none;
    color: #18a86c;
    opacity: 1;
    margin-left: auto;
    float: right;
    position: absolute;
    right: 0;
}

.bn-number,
.bn-number-graph {
    width: 50%;
    text-align: center;
}

.bm-cal {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cal-outer ul li::before {
    content: "";
    position: absolute;
    right: -18px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #ddd;
}

.cal-outer ul {
    display: flex;
    align-items: center;
    column-gap: 20px;
    padding: 0;
}

.preg-method input {
    border: 1px solid #ddd;
    width: 100%;
    height: 43px;
    border-radius: 6px;
    padding: 0 14px;
    outline: none;
    font-size: 15px;
}

.cal-outer ul li .from-group {
    display: flex;
    align-items: center;
    column-gap: 0;
    justify-content: center;
    padding-top: 4px;
}

.preg-method {
    margin: 0 0 25px;
}

.cal-outer ul li .from-group input {
    width: auto;
    border: 0;
    outline: none;
    width: 64px;
    text-align: right;
    padding: 0;
}

section.bm-calculator {
    padding-bottom: 70px;
}

.water-list ul li::before {
    opacity: 0;
}

.water-list ul li {
    width: auto;
}

.cal-btn button {
    background: #18A86C;
    color: #fff;
    text-decoration: none;
    border-radius: 100px;
    padding: 13px 49px;
    border: 0;
    margin: 12px auto 0;
    display: table;
}

.preg-method ul li::before {
    opacity: 0;
}

.preg-method ul {
    flex-wrap: wrap;
    row-gap: 10px;
}

.preg-method ul li {
    width: 48%;
}

.preg-method ul li span {
    border: 1px solid #ddd;
    width: 100%;
    display: inline-block;
    border-radius: 100px;
    font-size: 15px;
    padding: 10px 0 12px;
    color: #888;
    cursor: pointer;
}

.preg-method ul li.active span {
    background: #18a86c;
    color: #fff;
}

.water-list ul li span {
    border: 1px solid #ddd;
    padding: 9px 16px;
    border-radius: 100px;
    font-size: 13px;
    display: inline-block;
}

.water-list ul {
    column-gap: 6px;
    justify-content: center;
    margin: 18px 0 0;
    flex-wrap: wrap;
    row-gap: 10px;
}

.preg-method h6 {
    font-size: 16px;
    color: #18a86c;
    font-weight: 500;
    margin-bottom: 15px;
}

.heath-tool-inner a {
    text-decoration: none;
}

.otp-input-fields input::placeholder {
    font-size: 0;
}

.phone-input {
    display: flex;
    width: 100%;
    column-gap: 9px;
}

label#login-phone-error {
    color: red;
    font-size: 14px;
}

.error {
    color: #ff0000 !IMPORTANT;
    font-size: 14px;
}

.outer-check label.form-check-label {
    width: 100%;
    pointer-events: none;
}

.select-lang.journey-modal .outer-check input:checked {
    border: 1px solid #18A86C;
}

.method-form h6 {
    font-size: 17vpx;
    font-weight: 500;
    margin: 0 0 11px;
}

.method-form input {
    width: 100%;
    height: 46px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 0 13px;
}

p#pregnancy-duration {
    color: #18A86C;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    margin: 0;
}

p#due-date {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin: 10px 0 5px;
}

section.messages {
    text-align: center;
    padding: 30px 0 0;
}

section.messages h3 {
    font-size: 22px;
}

section.messages a {
    color: #18A86C;
    font-weight: 500;
    text-decoration: none;
}


button.complete_profile {
    margin-top: 10px;
}

.captcha-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.captcha-box {
    font-size: 24px;
    font-weight: 600;
    background: #fff;
    padding: 0px 16px;
    border: 1px solid #ccc;
    border-radius: 8px;
    min-width: 70px;
    text-align: center;
    color: #000;
    letter-spacing: 4px;
}

.reload-btn {
    background: #f3f3f3;
    border: 1px solid #ccc;
    font-size: 20px;
    padding: 0px 12px;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 39px;
}

div#captcha-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.reload-btn:hover {
    background: #e9e9e9;
}

.captcha-input {
    margin-top: 10px;
    width: 100%;
    padding: 12px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}


/* Voice Recording Button Styles */
.voice-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.voice-button img {
    width: 40px;
    height: 40px;
    transition: transform 0.3s ease;
}

.voice-button.recording img {
    transform: rotate(180deg);
    /* Rotate the icon when recording */
}

/* Indicator (shows during recording) */
.indicator {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateX(-0%);
    width: 40px !important;
    height: 40px !important;
    background-color: red;
    border-radius: 0;
    display: none;
    min-width: auto !important;
}

span#voice-recording-trigger img {
    position: relative;
    z-index: 9;
    background: transparent;
    opacity: 0.5;
    filter: inherit;
    transform: none;
}

/* Show the indicator when recording */
.voice-button.recording .indicator {
    display: block;
}

/* Optional: Change color to indicate active recording */
.voice-button.recording img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(45%) saturate(754%) hue-rotate(310deg) brightness(91%) contrast(95%);
}

/* Styles for the rest of the chat */
.media-box {
    position: relative;
    display: flex;
    align-items: center;
}

.emoji-right {
    margin-left: 10px;
    position: relative;
}

#sendMessage {
    background: none;
    border: none;
    cursor: pointer;
}

.disabled {
    pointer-events: none;
    /* border: 2px solid #8d0829!important */
}

.reviewmain {
    padding-top: 20px;
}

.reviewmain h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 600;
}

.reviewmain h4 a {
    color: #18A86C;
    font-size: 14px;
    text-decoration: none;
}

.reviewmain ul {
    padding: 0;
    margin: 0;
}

.reviewmain ul li {
    display: flex;
    align-items: center;
    column-gap: 12px;
    margin: 16px 0;
    list-style: none;
    background: #F8F8F8;
    padding: 12px;
    border-radius: 10px;
}

.reviewmain ul li span img {
    width: 70px;
    height: 70px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.pakge-text h5 span {
    /* text-decoration: line-through; */
    color: #DA2225;
    we
}

.reviewmain ul li h5 {
    font-size: 17px;
}

.reviewmain ul li h6 {
    color: #747474;
    font-size: 14px;
    display: flex;
    align-items: center;
    column-gap: 5px;
}

.reviewmain ul li h6 i {
    color: #ffb400;
}

.reviewmain ul li p {
    font-size: 13px;
    line-height: 1.4;
}

html[dir="rtl"] .slick-slider .slick-track,
html[dir="rtl"] .slick-slider .slick-list {
    direction: ltr;
}

html[dir="rtl"] .ct-image img {
    margin-right: 0;
    margin-left: 16px;
}

html[dir='rtl'] .slick-slide {
    float: left;
}

html[dir='rtl'] .right-nav {
    padding-left: 0;
    padding-right: 7px;
}

html[dir='rtl'] .chat-footer .media-box i.emoji-picker-icon {
    left: unset;
    right: 0;
}

html[dir='rtl'] .payments .form-check {
    padding-right: 14px;
}

html[dir='rtl'] .apply-coupn .form-group button {
    margin-left: inherit;
    float: left;
    margin-right: auto;
}

html[dir='rtl'] .offer-price h5 {
    text-align: right;
}

html[dir='rtl'] .offer-price {
    flex-wrap: wrap;
}

html[dir='rtl'] .pakge-btn {
    width: 100%;
    text-align: right;
}

.inner-detial-doc-right button {
    background: #F1F8F5;
    border: 1px solid #18A86C;
    color: #000;
    border-radius: 100px;
    padding: 9px 26px;
    column-gap: 11px;
    font-weight: 500;
    font-size: 18px;
    display: flex;
    margin-top: 35px;
}

.doct-name {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 25px;
    padding: 35px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.doct-name img {
    width: 75px;
    height: 75px;
    border-radius: 12px;
    object-fit: cover;
}

.inner-detial-doc-left img {
    width: 220px;
    height: 200px;
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #18A86C;
}

.doct-cnst h4 {
    font-size: 20px;
    font-weight: 600;
}

.doct-cnst h5 {
    color: #000;
    font-size: 16px;
    opacity: 0.5;
    margin: 0;
}

.doct-insurce,
.about-data {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 20px;
    padding: 35px;
}

.doct-insurce h5,
.about-data h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 18px;
}

.doct-insurce ul {
    padding: 0;
    margin: 0;
    display: flex;
    column-gap: 14px;
}

.doct-insurce ul li {
    list-style: none;
}

.doct-insurce ul li span {
    border: 1px solid #E2E2E2;
    border-radius: 10px;
    background: #fff;
    display: flex;
    align-items: center;
    column-gap: 11px;
    font-size: 12px;
    padding: 8px 20px 8px 0;
}

.about-data p {
    opacity: 0.6;
}

.about-doct-right {
    margin-top: 27px;
    padding-left: 30px;
}

.offer-list {
    background: #E7FFF5;
    padding: 27px;
    border-radius: 14px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
}

.offer-list h4 {
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.offer-list h5 {
    color: #18A86C;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    text-align: right;
}

[dir="rtl"] .offer-list h5 {
    text-align: left;
}

.about-doct-right .offer-list:nth-child(2) {
    background: #FFE7E7;
}

.about-doct-right .offer-list:nth-child(3) {
    background: #FFE7F4;
}

.about-doct-right .offer-list:nth-child(4) {
    background: #E7F9FF;
}

section.about-doctor {
    padding-bottom: 80px;
}

.inner-detial-doc-left.booking-doc img {
    width: 92px;
    height: 92px;
}

.doct-insurce p {
    font-size: 16px;
    color: #000;
    opacity: 0.5;
    margin: 0 0 11px;
}

.apply-coupn {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 20px;
    padding: 35px;
}

.apply-coupn .form-group {
    position: relative;
    background: #F1F8F5;
    display: flex;
    align-items: center;
    padding: 7px 17px;
    border: 1px solid #18A86C;
    border-radius: 10px;
    column-gap: 9px;
}

.apply-coupn .form-group input {
    background: transparent;
    border: 0;
    outline: none;
    color: #6f6f6f;
}

.apply-coupn .form-group button {
    margin-left: auto;
    background: #18a86c;
    border: 0;
    color: #fff;
    padding: 11px 20px;
    border-radius: 7px;
}

span.view-copn {
    width: 100%;
    text-align: right;
    display: table;
    padding-top: 11px;
}

span.view-copn a {
    color: #18A86C;
    text-decoration: none;
    font-weight: 500;
}

.payments h3 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 19px;
}

.payments .form-check {
    position: relative;
    padding: 0;
    margin-bottom: 13px;
    display: flex;
}

.payments .form-check input {
    position: absolute;
    right: 0;
}

.payments .form-check-input:checked {
    background-color: #18a86c;
    border-color: #18a86c;
}

.payments .form-check label img {
    margin-right: 6px;
}

.payments .form-check label {
    font-size: 16px;
    font-weight: 600;
}

.apply-coupn button.cm-btn {
    border: 0;
    width: 100%;
}

.price-details {
    background: #F8F8F8;
    border-radius: 20px;
    margin-top: 20px;
    padding: 35px;
}

.price-details h4 {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.price-details ul {
    padding: 0;
    margin: 0;
}

.price-details ul li {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 0;
    color: #000;
    opacity: 0.5;
}

.price-details ul li b {
    color: #000;
    opacity: 1;
}

.price-details ul li:last-child {
    opacity: 1;
}

.price-detial-book h5 {
    color: #18A86C;
    font-size: 14px;
    text-align: center;
    margin: 21px 0 5px;
}

.price-detial-book p {
    font-size: 14px;
    text-align: center;
    opacity: 0.5;
}

.price-detial-book button.cm-btn {
    width: 100%;
    border: 0;
}

section.all-clicks-doc {
    padding: 60px 0;
}

section.all-clicks-doc .inner-hospital {
    margin: 0 0 29px;
}

section.all-clicks-doc .inner-hospital h5 {
    padding-left: 25px;
}

.offer-list-coup {
    background-image: url("../images/doc-bk.png");
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #18a86c;
    margin-bottom: 20px;
}

.offer-list-desc {
    padding: 21px 40px;
    max-width: 50%;
}

.offer-list-desc h4 {
    color: #18a86c;
    font-weight: 600;
    font-size: 33px;
    margin: 18px 0 19px;
}

.offer-list-desc h5 {
    font-size: 23px;
    color: #18a86c;
    font-weight: 600;
}

.offer-list-desc a {
    background: #18a86c;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    border-radius: 100px;
    display: inline-block;
    margin-top: 14px;
}

.offer-price {
    background: #18a86c;
    padding: 20px 40px;
}

.discount {
    position: absolute;
    top: 50px;
    right: 40px;
    text-align: center;
}

.offer-price h5 {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.offer-price h5 b {
    color: #DA2225;
    padding: 0 5px;
}

.offer-price h5 span {
    margin-left: auto;
    float: right;
    font-weight: 500;
}

.offer-price h6 {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 400;
    margin: 10px 0 0;
}

.discount h4 {
    color: #DA2225;
    font-size: 50px;
    font-weight: 600;
}

.discount h4 span {
    font-size: 16px;
}

.discount h5 {
    font-size: 16px;
    color: #DA2225;
    text-align: right;
    line-height: 1;
}

section.exclusive-offers {
    padding: 0 0 60px;
}

.select-lang.journey-modal form input {
    padding-left: 45px;
}

span.male-ic {
    position: absolute;
    left: 16px;
    top: 9px;
}

.select-lang.journey-modal .form-check {
    padding: 0;
    position: relative;
}

.outer-check {
    border: 1px solid #ECECEC;
    border-radius: 10px;
    height: 46px;
    padding: 0 13px;
    width: 100%;
    font-size: 14px;
    position: relative;
}

.select-lang.journey-modal .outer-check input {
    border: 0;
    position: absolute;
    background: transparent;
    left: 0;
    top: 0;
    padding: 0;
    right: 0;
    margin: 0;
    cursor: pointer;
}

.outer-check span {
    position: absolute;
    left: 15px;
    top: 9px;
}

.outer-check label {
    padding: 12px 32px;
    color: #000;
    opacity: 0.5;
}

.select-lang .form-group label {
    color: #000;
}

.coverage-select {
    display: flex;
    align-items: center;
    column-gap: 60px;
    padding-top: 6px;
}

.select-lang.journey-modal form .coverage-select input {
    padding: 0;
    width: 24px;
    height: 24px;
    border-radius: 4px;
    margin-right: 12px;
    margin-left: 0;
}

.coverage-select .coverage-select {
    display: flex;
    align-items: center;
    column-gap: 60px;
    padding-top: 6px;
}

.coverage-select label {
    top: 3px;
    position: relative;
}

span.male-ic.user-male-ic {
    top: inherit;
    bottom: 13px;
}

.logs-slider .slick-track {
    display: flex !important;
}

.logs-slider {
    padding: 11px 0 13px;
}

label.fl-with {
    width: 100%;
    display: table;
}

.inner-logs span {
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    column-gap: 11px;
    margin: 0 4px;
    border-radius: 7px;
    padding: 7px;
    color: #000;
}

.chat-page-sec .left-chat ul {
    padding: 0;
    margin: 0;
    border: 1px solid #EDEDED;
}

.chat-page-sec .left-chat ul li {
    list-style: none;
    border-bottom: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    column-gap: 15px;
    padding: 25px 25px;
}

.chat-page-sec .left-chat ul li:last-child {
    border: 0;
}

.chat-page-sec .left-chat ul li div {
    width: 100%;
}

.chat-page-sec .left-chat ul li h6 span {
    margin-right: auto;
    width: 20px;
    height: 20px;
    background: #F1E0AC;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    opacity: 1;
    margin-left: 7px;
}

.right-chat {
    border: 1px solid #EDEDED;
    border-radius: 15px;
}

.chat-page-sec {
    padding: 0 0 80px;
}

.chat-page-sec .left-chat ul li span img {
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 100px;
}

.chat-page-sec .left-chat ul li h5 {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: space-between;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
}

.chat-page-sec .left-chat ul li h6 {
    color: #a9a9a9;
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin: 10px 0 0;
    position: relative;
}

.chat-page-sec .container,
section.profile-page-main-sec .container {
    max-width: 1600px;
}

.chat-page-sec .left-chat {
    padding: 0;
    max-width: 100%;
    width: 100%;
    display: initial;
}

.chat-page-sec .left-chat ul li h6 label {
    margin-left: auto;
}

.chat-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #EDEDED;
    padding: 20px 30px;
}

.left-chat-head {
    display: flex;
    align-items: center;
    column-gap: 16px;
}

span.user-chat-img img {
    width: 73px;
    height: 73px;
    border-radius: 100px;
    object-fit: cover;
}

.left-chat-head h5 {
    font-size: 22px;
    color: #000000;
    font-weight: 600;
    margin: 0;
}

.left-chat-head h6 {
    color: #A0A0A0;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0;
}

.right-chat-head a {
    color: #18A86C;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

span.days-count {
    background: #F0F0F0;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 20px;
    border-radius: 100px;
    margin: 10px auto 10px;
    display: table;
}

.chat-body {
    padding: 20px 30px 25px;
    max-height: 550px;
    overflow-y: auto;
}

.mychat h5 {
    background: #18A86C;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    font-weight: 400;
    padding: 15px 20px;
    border-radius: 10px;
    display: inline-block;
    margin-left: auto;
    float: right;
}

.mychat span {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    float: right;
    clear: both;
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.client-chat {
    display: flex;
    align-items: center;
    column-gap: 14px;
    width: 100%;
}

.clit-img img {
    width: 87px;
    height: 87px;
    object-fit: cover;
    border-radius: 100px;
}

.client-chat-msg h5 {
    background: #F1F8F5;
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    padding: 15px 20px;
    border-radius: 10px;
    display: inline-block;
    margin-left: auto;
}

.client-chat-msg span {
    color: #8C8C8C;
    font-size: 14px;
    font-weight: 400;
    margin-left: auto;
    clear: both;
    display: flex;
    align-items: center;
    column-gap: 7px;
}

.chat-page-sec .left-chat ul li.active,
.chat-page-sec .left-chat ul li:hover {
    background: #F1F8F5;
    cursor: pointer;
}

.chat-footer {
    border-top: 1px solid #EDEDED;
    padding: 20px 30px 25px;
    display: flex;
}

.chat-footer .form-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.chat-footer .media-box {
    background: #F8F8F8;
    width: 100%;
    height: 67px;
    border-radius: 20px;
    margin-right: 12px;
    display: flex;
    align-items: center;
    column-gap: 14px;
    padding: 0 22px;
}

.chat-footer .media-box input {
    border: 0;
    background: transparent;
    font-size: 18px;
    outline: none;
    color: #787878;
}

span.emoji-right {
    margin-left: auto;
}

.chat-footer .form-group button {
    border: 0;
    background: transparent;
    outline: none;
}

.profle-col-outer {
    background: #F1F8F5;
    display: flex;
    align-items: center;
    column-gap: 12px;
    border-radius: 30px;
    padding: 23px 24px;
}

.payemtts-walt {
    margin-top: 31px;
    padding: 0 26px;
}

.payemtts-walt h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

.payemtts-walt ul {
    padding: 0;
    margin: 0;
}

.payemtts-walt ul li {
    list-style: none;
    margin-bottom: 13px;
    overflow: hidden;
}

.payemtts-walt ul li a {
    background: #F1F8F5;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    column-gap: 13px;
    padding: 15px 16px;
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
}

.payemtts-walt ul li a span {
    margin-left: auto;
    font-size: 14px;
    color: #18A86C;
    font-weight: 500;
}

.profle-col-outer h5 {
    font-size: 18px;
    font-weight: 600;
}

.profle-col-outer h6 {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
}

.profile-right-page {
    background: #F8F8F8;
    border-bottom: 15px;
    padding: 50px 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.profile-page-main-sec {
    padding: 0 0 70px;
}

.profile-card {
    width: 100%;
    max-width: 680px;
    background: #FFFFFF;
    padding: 40px;
    border-radius: 24px;
}

.offer-list h4 span {
    position: absolute;
    left: 0;
    right: 25px;
    text-align: right;
    top: 50%;
    transform: translateY(-50%);
}

[dir="rtl"] .offer-list h4 span {
    position: absolute;
    left: 5;
    right: 25px;
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
}


.offer-list span a img {
    width: 100%;
    max-width: 150px;
}

.profile-card h4 {
    color: #262626;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    margin: 0;
}

.profile-card h5 {
    color: #9E9D9D;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin: 4px 0 40px;
}

.profile-card form .form-group {
    margin-bottom: 15px;
}

.profile-card form .form-group input {
    height: 46px;
    width: 100%;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    padding: 0 14px;
}

.profile-card form .form-group input[type="submit"] {
    background: #18A86C;
    border-radius: 40px;
    color: #fff;
}

.profle-col-outer.active {
    background: #18a86c;
}

.profle-col-outer.active h5 {
    color: #fff;
}

.profle-col-outer.active h6 {
    color: #fff;
}

.profle-col-outer img {
    border: 1px solid #fff;
    width: 75px;
    height: 75px;
    border-radius: 100px;
}

.profile-card ul {
    padding: 0;
    margin: 0;
    display: flex;
    column-gap: 11px;
    justify-content: space-between;
}

.profile-card ul li {
    list-style: none;

    width: 100%;
}

.profile-card ul li span {
    font-size: 14px;
    border: 1px solid #DCDCDC;
    color: #828282;
    display: flex;
    padding: 12px 3px;
    width: 100%;
    justify-content: center;
    border-radius: 10px;
}

.payemtts-walt ul li.active a {
    background: #18a86c;
    color: #fff;
}

.payemtts-walt ul li.active a span {
    color: #fff;
}

.payemtts-walt ul li.active img {
    filter: drop-shadow(0px 100px 0 #fff);
    transform: translateY(-100px);
}

.inove-outer {
    width: 100%;
    padding: 0 50px;
}

.inove-outer h4 {
    font-size: 24px;
    color: #262626;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.inove-outer ul {
    padding: 0;
    margin: 0;
}

.inove-outer ul li {
    list-style: none;
    background: #fff;
    padding: 33px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    border-radius: 14px;
}

.left-invice {
    display: flex;
    align-items: center;
    column-gap: 17px;
}

.left-invice img {
    width: 88px;
    height: 81px;
    object-fit: cover;
}

.left-invice h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    animation: 0;
}

.left-invice h6 {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
}

.right-invice {
    text-align: right;
}

.right-invice h5 {
    color: #DA2225;
    font-size: 16px;
    font-weight: 500;
}

.right-invice h6 {
    font-size: 16px;
    font-weight: 500;
    opacity: 0.5;
    margin: 0;
}

.about-page {
    padding: 0 50px;
}

.about-page img {
    margin: 0 auto 23px;
    display: table;
}

.about-page p {
    opacity: 0.7;
}

.about-page.contact-us h5 {
    color: #18A86C;
    text-align: center;
    margin: 0 0 40px;
}

.about-page.contact-us p {
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 14px;
}

.contact-box {
    background: #fff;
    border-radius: 13px;
    text-align: center;
    padding: 30px 20px;
}

.about-page.contact-us .contact-box h5 {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 18px;
    color: #000000;
    font-weight: 700;
    justify-content: center;
}

.about-page.contact-us .contact-box h5 img {
    margin: 0 8px;
}

.contact-box a {
    color: #18A86C;
    font-size: 16px;
    text-decoration: none;
    font-weight: 500;
    margin: 12px 0 0;
    display: table;
    text-align: center;
    width: 100%;
}

.social {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social a {
    width: auto;
    margin: 13px 7px 0;
}

.social a img {
    margin: 0;
}

.right-chat-head i {
    font-size: 21px;
    padding-left: 20px;
}

.accept-modal {
    text-align: center;
}

button.mute-call {
    border: 0;
    border-radius: 100px;
    padding: 13px 24px;
    color: red;
    background: #ff00001a;
    display: flex;
    align-items: center;
    column-gap: 11px;
}

.call-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 60px;
}

button.accept-call {
    border: 0;
    border-radius: 100px;
    padding: 13px 24px;
    color: #fff;
    background: #1ba96e;
    display: flex;
    align-items: center;
    column-gap: 11px;
}

div#userDataDetail img {
    width: 100px;
    height: 100px;
    border-radius: 100%;
    object-fit: cover;
    margin-bottom: 20px;
}

.inner-logs.slick-slide {
    position: relative;
}

.inner-logs.slick-slide input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.inner-logs.slick-slide.active span {
    border-color: #1ba96e;
    background: #1ba96e1f;
}

ul.navbar-nav li {
    position: relative;
}

ul.navbar-nav li ul.sub-menu {
    position: absolute;
    left: 0;
    right: 0;
    box-shadow: 0 0 10px 1px #ddd;
    z-index: 9;
    background: #fff;
    min-width: 220px;
    padding: 18px;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
}

ul.navbar-nav li ul.sub-menu li {
    list-style: none;
    padding: 3px 0;
}

ul.navbar-nav li ul.sub-menu li a {
    text-decoration: none;
    width: 100%;
}

ul.navbar-nav li:hover ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
}

ul.navbar-nav li.has-menu::before {
    content: "";
    position: absolute;
    right: 0;
    top: 16px;
    width: 8px;
    height: 8px;
    border: 2px solid #858585;
    border-top: 0;
    border-left: 0;
    transform: rotate(45deg);
}

.profile-card form .form-group input[type="radio"] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}

.inner-logs {
    position: relative;
    margin-bottom: 10px;
}

.profile-card form .coverage-select input {
    position: relative !important;
    width: 42px !important;
    height: 24px !important;
    opacity: 1 !important;
    border-radius: 100px;
    padding: 0;
    margin-right: 7px;
    background-position: left;
}

.form-check-input:checked[type=radio] {
    background-position: right;
}


span.currency-sign img {
    margin-right: 2px;
    max-width: 15px;
}


[dir="rtl"] .price-details .currency-sign {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

[dir="rtl"] .doct-right .currency-sign {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}


[dir="rtl"] .ct-cnt .currency-sign {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}


[dir="rtl"] .pakge-text span.currency-sign {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}


[dir="rtl"] .offer-list span.currency-sign {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-start;
}


[dir="rtl"] .right-invice span.currency-sign {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.pakge-text h5 {
    margin-bottom: 40px;
}


@media only screen and (min-width:100px) and (max-width:800px) {
    .pakge-text span.currency-sign {
        float: left;
    }


    [dir="rtl"] .pakge-text span.currency-sign {
        float: right;
    }
}

[dir="ltr"] .pakge-text span.currency-sign {
    margin-left: 0 !important;
    text-align: left !important;
    float: left !important;
}

.IconText {
    background: #D1F3D1;
    padding: 10px;
    border-radius: 10px;
    margin: 50px auto 0;
    max-width: 790px;
}

.cnt {
    font-size: 20px;
}

.logicon {
    background: #fff;
    overflow: hidden;
    height: 100px;
    width: 100px;
    min-width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.logicon img {
    height: 70px;
    width: 70px;
}

.gap-space {
    gap: 15px;
}

/* .ct-cnt h4 .currency-sign{
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
} */


[dir="rtl"] .pakge-text span.currency-sign {
    margin-right: 0px !important;
}


.pakge-text span.currency-sign {
    margin-right: 56px;
}


#pakge-text span.currency-sign {
    margin-right: 111px;
}

.pakge-text h4 {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    align-items: center;
}

.MobileSet {
    width: 100%;
}

.ImgTetx {
    background: rgba(23, 168, 108, 0.1);
    width: 100%;
    padding: 10px 10px 0px;
}

.ImgTetxDetail h4 img,
.ImgTetxDetail h5 img {
    width: 100%;
    max-width: 22px;
}

span.currency-sign img {
    max-width: 15px;
}

.ImgTetxDetail {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
}

h5.insuranceText {
    color: #18A86C;
    font-size: 12px;
}

.fee-Insurance {
    display: flex;
    gap: 20px;
}

/* h5.insuranceText {
    color: #18A86C;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 12px;
} */
.ct-image {
    display: flex;
    flex-direction: column;
    text-align: center;
}

.ct-image span {
    margin-bottom: -30px;
    padding-top: 20px;
    font-size: 12px;
    font-weight: 600;
}

.DesktopSet {
    display: block;
}

.MobileSet {
    display: none;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border-radius: 10px;
}

.MobileSet a {
    text-decoration: none;
    color: #000;
}

@media only screen and (min-width:100px) and (max-width: 767px) {

    /* .chat_btn {
        left: 15px !important;
    } */

    #reviewList .slick-list {
        padding: 0 10px !important;
    }
    .DesktopSet {
        display: none;
    }

    .MobileSet {
        display: block;
    }

    [dir="rtl"] .doct-right .currency-sign {
        display: inline-flex;
    }

    section.messages p {
        max-width: 300px;
        margin: 0 auto;
    }

    span.micro-scop {
        font-size: 21px;
    }

    .logicon {
        height: 55px;
        width: 55px;
        min-width: 55px;
    }

    .cnt {
        font-size: 15px;
    }

    .logicon img {
        height: 50px;
        width: 50px;
    }
}

@media only screen and (min-width:100px) and (max-width: 360px) {
    h5.insuranceText {
        font-size: 12px;
    }

    .fee-Insurance {
        flex-direction: column;
        gap: 0;
    }
}


div#tabbyCard {
    margin-top: 20px;
}


.wallet_card {
    display: flex;
    justify-content: space-between;
    border: 1px solid #e3e3e3;
    border-radius: 10px;
    margin-top: 20px;
}

.wallet_card .wallet_icon svg {
    width: 30px;
    height: 30px;
}

.wallet_card_inner {
    display: flex;
    align-items: center;
}

.wallet_card {
    display: flex;
    justify-content: space-between;
    border: 1px solid #e3e3e3;
    border-radius: 15px;
    margin: 20px 0;
    padding: 13px;
    align-items: center;
}

.wallet_card .wallet_text h5 {
    font-size: 16px;
    margin: 0;
}

.wallet_card .wallet_text {
    padding-left: 15px;
}

.wallet_card .wallet_text span.currency-sign img {
    margin-right: 10px;
}

.chat_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
}

a.chat_btn img {
    width: 200px;
    height: auto;
}

.footer-left {
    margin-bottom: 50px;
}

.chat_btn .img img {
    width: 40px;
    height: 40px;
}

.chat_btn span {
    font-size: 14px;
    margin: 0 10px;
    text-align: left;
    color: #000000;
}

div#whatsAppWidgetIcon {
    bottom: 100px !important;
}


.free-delivery {
    color: #18A86C;
    margin-bottom: 40px;
    font-size: 1.0rem;
}


.container-fluid11 {
    padding: 0;
    min-height: 100%;
    width: 100%;
}

.cm-btn-start {
    background: #18A86C;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    padding: 20px 40px;
    display: inline-block;
    margin-top: 10px;
    font-size: 26px;
    font-weight: bold;
}

.cm-btn-start:hover {
    color: #fff;
}

.app-container {
    width: 100%;
    margin: 0;
    background-color: white;
    min-height: 100vh;
    position: relative;
}

.content {
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    justify-content: space-between;
}

.top-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}


.text-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.text-content h1 {
    color: #18A86C;
    font-size: 2.2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    width: 100%;
}

.subtitle {
    color: #18A86C;
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 50px;
    width: 100%;
}

.action-area {
    margin-top: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.contraindications-section {
    max-width: 750px;
    margin: 60px auto;
    padding: 40px 30px;
    color: #000;
}

.contraindications-section .title {
    color: #18A86C;
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 25px;
    text-align: center;
}

.contraindications-section .description {
    color: #444;
    font-size: 18px;
    margin-bottom: 35px;
    text-align: center;
    line-height: 1.6;
}

.options-wrapper {
    max-width: 600px;
    /* slightly smaller than the main container */
    margin: 0 auto;
}

.form-check {
    display: flex;
    align-items: center;
    /* Vertically align radio button and label */
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
    /* Allow wrapping of label if it's too long */
}

.form-check-input {
    width: 24px;
    /* Fixed size for radio button */
    height: 24px;
    /* Fixed size for radio button */
    border-radius: 50%;
    /* Ensure it's a circle */
    accent-color: #18A86C;
}

.form-check-label {
    font-size: 17px;
    line-height: 1.5;
    word-wrap: break-word;
    /* Break long words if needed */
    max-width: 90%;
    /* Allow the label to take up space but not overflow */
    white-space: normal;
    /* Allow text wrapping */
}

.form-check-input:checked {
    background-color: #18A86C;
    border-color: #18A86C;
}

html[lang="ar"] .form-check {
    flex-direction: row-reverse;
    /* Puts the radio button to the right of the text */
}

html[lang="ar"] .categories-home {
    flex-direction: row-reverse;
}

html[lang="ar"] .form-check-label {
    text-align: right;
    padding-right: 25px;
    /* Add spacing between label and radio */
}


.service-icon {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: auto;
}

.service-icon img {
    width: 80px;
    max-height: 80px;
}

.service-label {
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
    font-weight: 500;
}

.chat-free-row a {
    text-decoration: none;
    color: #212529;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .form-check-input {
        width: 20px;
        /* Slightly reduce size for medium screens */
        height: 20px;
    }

    .contraindications-section .title {
        font-size: 30px !important;
    }

    .form-check-label {
        font-size: 16px;
    }

    .left-chat {
        min-height: 75px;
    }

    .flexclass:nth-child(4) ~ * {
        display: none;
    }

    
}

@media (max-width: 480px) {

    .contraindications-section .title {
        font-size: 30px !important;
    }

    .form-check-input {
        width: 18px;
        /* Further reduce size for small screens */
        height: 18px;
    }

    .form-check-label {
        font-size: 14px;
    }

    .service-label {
        margin-top: 2px;
        font-size: 14px;
        text-align: center;
        font-weight: 500;
    }

    .service-icon img {
        width: 67px;
        max-height: 80px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .left-chat {
        margin-bottom: 20px;
    }
}


.hakeem-tab-container {
    display: flex;
    border-bottom: 2px solid #ddd;
    margin-bottom: 15px;
}

.hakeem-tab {
    flex: 1;
    text-align: center;
    padding: 15px;
    cursor: pointer;
    border: none;
    border-bottom: 2px solid transparent;
    transition: all 0.3s ease;
    background: #e4e4e4;
}

.hakeem-tab.hakeem-active {
    border-bottom: 2px solid #18A86C !important;
    background-color: white;
    color: #18A86C;
    font-weight: bold;
}

.hakeem-tab-content {
    border: 1px solid #dfdfdf !important;
    border-radius: 10px;
    background-color: white;
}

.our-needs .container, .top-header .container {
    width: 100% !important;
    max-width: 1400px !important;
}

.hakeem-form-group {
    display: flex;
    gap: 0;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.hakeem-form-group>div img {
    position: absolute;
    bottom: 18px;
    left: 18px;
}

.hakeem-form-group>div i {
    width: 12px;
}

.hakeem-form-group label {
    display: block;
}

.hakeem-form-group>div {
    border-right: 1px solid #b9b9b9;
    padding: 8px 15px;
    display: flex;
    position: relative;
    gap: 12px;
    align-items: center;
}

.hakeem-tab-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.hakeem-form-group select,
.hakeem-form-group input {
    padding: 5px 5px 5px 5px !important;
    border: none;
    border-radius: 5px;
    min-width: 350px;
    max-width: 350px;
    flex: 1;
    background: transparent;
}

.hakeem-form-group select:hover,
.hakeem-form-group input:hover,
.hakeem-form-group select:focus,
.hakeem-form-group input:focus {
    outline: none;
    box-shadow: none;
    border: none;
}

.hakeem-search-button {
    background-color: #18A86C;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 0 10px 10px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 159px;
}

.hakeem-tab-inner span {
    text-align: left;
}

.home-slidere .inner-cat-slides {
    border-radius: 20px;
    /* background: #bde1d275; */
    display: flex !important;
    align-items: center;
    margin: 0 6px;
    padding: 20px;
    justify-content: center;
    border: none;
}

.home-slidere .inner-cat-slides a {
    flex-direction: row;
    gap: 10px;
}

.home-slidere .inner-cat-slides img {
    width: 90px;
    height: 90px;
}

.home-slidere .inner-cat-slides span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 37px;
    text-align: center;
}

[lang="ar"] .hakeem-search-button {
    border-radius: 10px 0 0 10px;
}

[lang="ar"] .hakeem-form-group select,
[lang="ar"] .hakeem-form-group input {
    padding: 5px 25px 5px 5px;
}

.button-center {
    justify-content: center;
}

.text-h6 {
    font-size: 24px;
    font-weight: 700;
    color: #18a86c;
}

.text-h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
}

/* [lang="ar"] .hakeem-form-group > div i {
    left: inherit;
    right: 18px;
} */
[lang="ar"] .hakeem-tab-inner span {
    text-align: right;
}

a.View_Link {
    color: #18a86c;
    text-decoration: none;
    font-weight: 600;
}

[lang="ar"] .hakeem-form-group>div:nth-child(2) {
    border-right: none !important;
}

.telehealth-mode select {
    min-width: 1160px;
    max-width: 552px;
}

@media (max-width:767px) {
    .hakeem-tab.hakeem-active {
        border: 1px solid #18A86C !important;
        border-bottom: 0px !important;
        z-index: 2;
        position: relative;
    }

    .hakeem-tab {
        border: 1px solid #dee8e4;
        background: #dee8e4;
        padding: 10px;
    }

    .hakeem-tab-content {
        padding: 20px;
        margin-top: 0px;
        border-radius: 0;
        border: 1px solid #18A86C !important;
        position: relative;
        z-index: 1;
    }

    .hakeem-tab-container,
    .hakeem-tab-content {
        max-width: 100%;
        margin: auto;
        border: 0;
        margin-top: -1px;
        padding: 0;
        width: 100%;
    }

    .hakeem-form-group>div {
        border-right: 1px solid transparent;
        border-bottom: 1px solid #b9b9b9;
        width: 100%;
        ;
    }

    .hakeem-form-group select,
    .hakeem-form-group input {
        min-width: calc(100% - 28px);
        max-width: 223px;
        padding: 5px 5px 5px 5px !important;
    }

    .hakeem-search-button {
        border-radius: 5px;
        margin: 10px auto;
        width: 95%;
    }

    [lang="ar"] .hakeem-search-button {
        border-radius: 10px;
    }

    .hakeem-search-button {
        border-radius: 5px;
        margin: 10px auto;
        width: 95%;
    }

    .hakeem-tab-inner {
        flex-direction: column;
    }

    .hakeem-tab-inner span {
        text-align: center;
    }


}

@media (min-width:768px) and (max-width:1024px) {

    .hakeem-tab-container,
    .hakeem-tab-content {
        max-width: 744px;
        margin: auto;
    }

    .hakeem-tab-content {
        margin-top: 20px;
    }

    .hakeem-form-group>div {
        border-right: 1px solid #b9b9b9;
        border-bottom: 1px solid #b9b9b9;
    }

    .hakeem-form-group select {
        min-width: 192px;
        max-width: 192px;
    }

    .hakeem-form-group input {
        min-width: 463px;
        max-width: 463px;
    }

    .hakeem-search-button {
        border-radius: 10px;
        margin: 10px auto;
    }

    .hakeem-form-group>div:nth-child(4) {
        border-right: none !important;
    }

    .telehealth-mode select {
        min-width: 687px;
        max-width: 316px;
    }

}

@media (min-width:1025px) and (max-width:1410px) {

    .hakeem-tab-container,
    .hakeem-tab-content {
        max-width: 999px;
        margin: auto;
    }

    .hakeem-tab-content {
        margin-top: 20px;
    }

    .hakeem-form-group>div {
        border-right: 1px solid #b9b9b9;
        border-bottom: 1px solid #b9b9b9;
    }

    .hakeem-form-group select {
        min-width: 224px;
        max-width: 224px;
    }

    .hakeem-form-group input {
        min-width: 634px;
        max-width: 634px;
    }

    .telehealth-mode select {
        min-width: 783px;
        max-width: 364px;
    }

}