@import url("https://fonts.googleapis.com/css2?family=Assistant&family=Lato&family=Marck+Script&family=Righteous&display=swap");

:root {
    --ff-primary: "Lato", sans-serif;
    --ff-accent: "Assistant", sans-serif;
    --primary-btn-bg: #fd611e;
    --white: #fff;
}

* {
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif;
    font-family: "Assistant", sans-serif;
}

.main-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

body {
    top: 0 !important;
}

/* .skiptranslate{
    display: none;
} */

.VIpgJd-ZVi9od-ORHb-OEVmcd {
    display: none;
}

.goog-te-gadget .goog-te-combo {
    background-color: #fd611e;
    color: #fff;
    padding: 4px 4px;
    border-radius: 3px;
    outline: none;
    margin-top: 20px !important;
}

.scrolled #translate .goog-te-gadget {
    color: transparent;
}

header {
    /* background: linear-gradient(90deg,
            #ffffff 0%, #fbd3c1 127.24%); */
    background-color: #fff;
    transition: background-color 0.5s ease-in-out;
    /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); */
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
}

/* header.scrolled {
    background: #fd611e;
    color: #fff;
} */

.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 0px 0px 10px;
}
a:hover{
    color: #fd611e !important;
    cursor: pointer !important;
  }

.navigation .logo {
    width: 100px;
    /* height: 70px; */
}
.navigation .logo img {
    width: 100%;
    height: 100%;
}

.navigation .menu {
    list-style: none;
    color: #000;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 1rem;
}

.active {
    position: relative;
}

.navigation .active::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fff;
    bottom: 0;
}

.log_in_a.active::before {
    width: inherit;
}

.navigation .menu li {
    cursor: pointer;
}

.navigation .menu li i {
    margin-left: 5px;
}

.navigation .menu .login_btn {
    background: #ff8957;
    border: 2px solid #ffffff;
    border-radius: 31px;
    padding: 6px 25px;
    margin: 0;
    font-size: 18px;
    transition: all 0.3s ease;
}

.navigation .menu .login_btn:hover {
    background-color: #ffffff;
    border: 2px solid #ff8957;
    color: #000000;
}

.hero {
    /* background: linear-gradient(90deg,
            #fd611e 0%, #fbd3c1 127.24%); */
    background-color: #fab792;
}

.hero .left {
    color: #fff;
}

.hero .left h1 {
    font-weight: 400;
    font-size: 37px;
    line-height: 123%;
    font-family: "Lato", sans-serif;
}

.hero .left p {
    font-weight: 400;
    font-size: 22px;
    line-height: 36px;
    width: 89%;
    margin-bottom: 3rem;
    opacity: 0.8;
}

.hero .left .hero_btn {
    background: #ffffff;
    border-radius: 31px;
    text-decoration: none;
    color: #424242;
    padding: 12px 46px;
    font-weight: 700;
    font-size: 20px;
}

.hero .left .hero_btn:hover {
    color: #fff;
    background-color: #fd611e;
    border: 1px solid #ffff;
}

.hero .left h1 {
    position: relative;
}

.homepage_ul {
    list-style: none;
    padding: 0;
    padding-bottom: 4rem;
    line-height: 47px;
    margin-top: 4rem;
    display: grid;
    grid-template-columns: auto auto;
}

.homepage_ul li {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 20px;
    color: #fff;
}

.prime_color {
    color: #fd611e;
}

.mainHomeHeading h2 {
    color: #fd611e;
    font-family: lato;
    font-weight: 600;
    text-align: center;
}

#Revolutionizing {
    padding-top: 1rem;
}

.Revolutionizing_ul_text {
    list-style: none;
}

.Revolutionizing_ul_text li {
    background-size: 30px 30px;
    background-repeat: no-repeat;
    padding-left: 43px;
    margin-bottom: 10px;
    color: #fd611e;
    font-size: 23px;
    font-weight: 600;
    background-position-y: 3px;
}

.Revolutionizing_ul_text p {
    margin-bottom: 1rem;
    padding-left: 44px;
}

#c_h_concern {
    position: relative;
}

.sahi_h {
    font-family: "Marck Script", cursive;
    transform: rotate(347deg) translate(5px, -17px);
    display: inline-block;
}

#future_care {
    padding: 3rem 0;
    background-color: #e3f7ff;
}

#future_care .future_card {
    position: relative;
    max-height: 320px;
    overflow: hidden;
}

#future_care .future_card.ord {
    border-radius: 0 40px 0 40px;
}

#future_care .future_card.even {
    border-radius: 40px 0 40px 0;
}

#future_care .future_card img {
    width: 100%;
}

#future_care .future_card .future_inner {
    position: absolute;
    background: rgba(7, 7, 7, 0.56);
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    padding: 3px;
}

#faq_questions {
    padding: 3rem 0;
}

#our_usp {
    padding: 3rem 0;
    background-color: #fbd3c1;
}

.our_usp_card {
    display: flex;
    gap: 2rem;
}

.pulse:hover,
.pulse:focus {
    animation: pulse 1s;
    box-shadow: 0 0 0 2em transparent;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }
}

#category {
    padding: 3rem 0;
}

#category .heading {
    color: #fd611e;
}

.heading {
    text-align: center;
    color: #202020;
    font-weight: 600;
}

.heading_para {
    text-align: center;
}

#category .cate_item .cate_img {
    position: relative;
}

#category .cate_item .cate_img img {
    max-height: 174px;
    width: 100%;
}

#category .cate_item {
    box-shadow: 0px 9px 13px -7px rgba(92, 73, 57, 0.21);
    background-color: #fff;
    margin-bottom: 1rem;
}

#category .cate_item .white {
    position: absolute;
    bottom: 0;
    padding: 0.7rem 0;
    text-align: center;
    color: #ffff;
    background-color: #fbd3c1a6;
    margin: 0;
    width: 100%;
    font-weight: 600;
    font-size: 18px;
}

#category .cate_item .green {
    padding: 1rem 0;
    color: #fd611e;
    margin: 0;
    text-align: center;
    font-weight: 600;
}

#c_h_concern {
    padding: 3rem 0;
    background: #f0f0f0;
}

#c_h_concern .common_card {
    text-align: center;
}

#c_h_concern .common_card img {
    margin-bottom: 1rem;
    /* width: 90%; */
    width: 100px;
    height: 100px;
    /* border-radius: 50%;
    border: 1px solid #fd611e; */
}

#c_h_concern .common_card p {
    letter-spacing: 0.02em;
    font-size: 20px;
    margin-bottom: 1rem;
    font-weight: 900;
}

#c_h_concern .common_card a {
    letter-spacing: 0.02em;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    background-color: #ff8957;
    padding: 8px 20px;
    border-radius: 10px;
}

#meet_o_doctor .meet_card {
    text-align: center;
    width: 100%;
    background: #ffffff;
    border: 1px solid #fd611e;
    border-radius: 10px;
    padding: 2rem 1rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 1rem;
    height: 270px;
}

#faq_questions .accordion {
    margin: 2rem 0;
}

#faq_questions .accordion-item {
    background-color: #fff;
    color: #111;
    margin: 1rem 0;
    border-radius: 0.5rem;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.25);
}

#faq_questions .accordion-item-header {
    padding: 0.5rem 3rem 0.5rem 1rem;
    min-height: 3.5rem;
    line-height: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

#faq_questions .accordion-item-header::after {
    content: "\002B";
    font-size: 2rem;
    position: absolute;
    right: 1rem;
}

#faq_questions .accordion-item-header.active::after {
    content: "\2212";
}

#faq_questions .accordion-item-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#faq_questions .accordion-item-body-content {
    padding: 1rem;
    line-height: 1.5rem;
    border-top: 1px solid;
    border-image: linear-gradient(to right, transparent, #34495e, transparent) 1;
}

#meet_o_doctor .meet_card h4 {
    margin-top: 1rem;
    font-size: 20px;
    font-family: "Lato", sans-serif;
}

#meet_o_doctor .meet_card h5 {
    margin-top: 1rem;
    font-size: 19px;
    margin-bottom: 0;
}

#meet_o_doctor .container {
    padding: 5rem 0;
}

#meet_o_doctor {
}

#meet_o_doctor {
}

.diagnosticMain {
    background-color: #c05d33;
    padding: 3rem 0;
}

.diagnostic_card_main {
    gap: 1rem;
    justify-content: space-between;
}

.diagnostic_card_main .col-lg-2 {
    width: 18.6667%;
}

.diagnostic_card {
    padding: 20px;
    background: #ffffff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
    border-radius: 16px;
}

.diagnostic_head {
    font-size: 18px;
}

.diagnostic_report,
.diagnostic_day {
    font-size: 14px;
}

.book_nowBtn {
    font-family: var(--ff-accent);
    font-weight: 700;
}

.book_nowBtn a {
    color: #fd611e;
}

.orderMedicineMain {
    padding: 3rem 0;
}

.card_title_main {
    padding: 6rem 0;
    font-size: 24px;
    background-size: 100%;
}

.card-body .c-1 {
    background-image: url("../image/home1.jpg");
}

.card-body .c-2 {
    background-image: url("../image/home2.jpg");
}

.card-body .c-3 {
    background-image: url("../image/home3.jpg");
}

.get_directionBtn {
    color: #fd611e;
}

#faq {
    background-image: url(../image/faq.png);
    padding: 3rem 0;
}

#faq .faq_ul {
    list-style-image: url("../image/list-arrow.svg");
}

#faq .faq_ul li {
    font-weight: 500;
    font-size: 25px;
    color: #ffffff;
}

#faq .faq_ul p {
    color: #fff;
}

#testo .testo_card {
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 2rem 3rem;
    height: 450px;
    text-align: center;
}

#testo .testo_card img {
    width: 80px;
}

#testo {
    padding: 3rem 0;
}

#article {
    padding: 4rem 0;
    /* max-height: 636px; */
    overflow: hidden;
    margin-bottom: 6rem;
}

#article .article_card {
    text-align: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 100%;
}

#article .article_card h5 {
    padding: 1rem;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin: 0;
}

#article .article_card .img-smal {
    width: 100%;
}

#article .article_card .img-l {
    max-width: 100%;
}

#download_app {
    background: #fbd3c1;
    padding-top: 3rem;
    margin-top: 4rem;
}

#download_app .mobile_screen {
    transform: translate(0, -8rem);
    height: 500px;
}

#download_app ul {
    list-style: none;
    padding: 0;
}

#space {
    background-color: #fff;
    height: 4rem;
}

.footer_main {
    background: #fbd3c1;
    padding: 3rem 0;
}

.footer_main .footer_logo {
    width: 50%;
}

.footer_main .social {
    display: flex;
    list-style: none;
    gap: 10px;
    padding: 0;
    margin-top: 1rem;
}

.copyright {
    background-color: #000000;
}

.copyright p {
    margin-bottom: 0;
}

#contact-us {
    padding: 4rem 0;
    margin-bottom: 10rem;
}

#contact-us .contact_main {
    background: linear-gradient(134deg, #fd611e 0%, #a7461de5 100%);
    padding: 2rem 0;
    width: 80%;
    margin-left: auto;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

#contact-us .contact_main .contact_right {
    color: #ffff;
}

#contact-us .contact_main .contact_left {
    background-color: #ffff;
    padding: 1rem;
    box-shadow: 0px 4px 11px 3px rgba(85, 85, 85, 0.25);
    border: 1px solid #bfbfbf;
    border-radius: 8px;
    transform: translate(-204px, 0px);
}

#contact-us .contact_main .contact_left input {
    width: 100%;
    border: 1px solid #c2c2c2;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    padding-left: 8px;
    font-size: 13px;
}

#contact-us .contact_main .contact_left textarea {
    width: 100%;
    border: 1px solid #c2c2c2;
    background: #fff;
    border-radius: 3px;
    padding: 5px;
    padding-left: 8px;
    font-size: 13px;
}

#contact-us .contact_main .contact_right p {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

#contact-us .contact_main .contact_right p i {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    height: 40px;
    border: 1px solid #ffff;
    border-radius: 50%;
}

.diagnosticMain :is(.owl-prev, .owl-next) {
    position: absolute;
    top: 40%;
    background: #fff !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.diagnosticMain :is(.owl-prev, .owl-next):hover {
    background: #fd611e !important;
}

.diagnosticMain .owl-prev {
    left: -1.75rem;
}

.diagnosticMain .owl-next {
    right: -1.75rem;
}

#category :is(.owl-prev, .owl-next) {
    position: absolute;
    top: 30%;
    background: #e0e0e0 !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

#category :is(.owl-prev, .owl-next):hover {
    background: #fd611e !important;
}

#category .owl-prev {
    left: -3rem;
}

#category .owl-next {
    right: -3rem;
}

#meet_o_doctor :is(.owl-prev, .owl-next) {
    position: absolute;
    top: 30%;
    background: #fff !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

#meet_o_doctor :is(.owl-prev, .owl-next):hover {
    background: #fd611e !important;
}

#meet_o_doctor .owl-prev {
    left: -1.75rem;
    top: 40%;
}

#meet_o_doctor .owl-next {
    right: -1.75rem;
    top: 40%;
}

#c_h_concern :is(.owl-prev, .owl-next) {
    position: absolute;
    top: 30%;
    background: #fff !important;
    border-radius: 50% !important;
    width: 40px;
    height: 40px;
    transition: all 0.4s ease;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

#c_h_concern :is(.owl-prev, .owl-next):hover {
    background: #fd611e !important;
}

#c_h_concern .owl-prev {
    left: -1.75rem;
    top: 32%;
}

#c_h_concern .owl-next {
    right: -1.75rem;
    top: 32%;
}

/* single-article-page-css-start */

#single_article p {
    line-height: 35px;
}

#single_article .article_main_img {
    float: left;
    width: 400px;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

#single_article .feachers_articles .feacher_blog_card {
    text-align: center;
    position: relative;
    width: 90%;
}

#single_article .feachers_articles .feacher_blog_card h4 {
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 0px 0px 8px 8px;
}

/* signup-page-patient-page-css-start */

#signup_page .active_signup_btn {
    background-color: #fd611e;
    color: #ffff;
}

#signup_page .signup_hr_line {
    width: 100%;
    height: 2px;
    background-color: #d9d8d6;
    position: relative;
}

#signup_page .signup_hr_line::before {
    content: "";
    width: 50%;
    position: absolute;
    background-color: #fd611e;
    height: 2px;
    top: 0;
    left: 0;
}

#signup_page .signup_login_a {
    color: black;
    text-decoration: none;
    font-weight: 600;
}

.log_in_cmn_btn {
    background-color: transparent;
    border: 1px solid #fd611e;
    box-shadow: 0px 1.52195px 3.0439px rgba(24, 25, 29, 0.16);
    padding: 0.5rem 1.2rem;
    border-radius: 5px;
    width: 100%;
}

#signup_page .log_in_card {
    background: #ffffff;
    border: 0.5px solid #b1afaf;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 2rem;
    width: 100%;
    margin: auto;
    border-radius: 5px;
}

#signup_page .input_number {
    gap: 1rem;
}

#signup_page .num_input {
    border: 2px solid #d9d9d9;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 0.4rem;
}

.Continue_button {
    background: #fd611e;
    box-shadow: 0px 1.52195px 3.0439px rgba(24, 25, 29, 0.16);
    border-radius: 5px;
    border: none;
    padding: 0.4rem;
    color: #ffff;
}

#signup_page .log_in_card .Signup_button {
    background: transparent;
    border: 1px solid #fd611e;
    box-shadow: 0px 1.52195px 3.0439px rgba(24, 25, 29, 0.16);
    border-radius: 5px;
    padding: 0.4rem;
    color: #000;
}

#signup_page .log_in_card .enter_otp {
    font-weight: 600;
}

#signup_page .otp-input-fields {
    margin: auto;
    max-width: 400px;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 2rem;
    padding: 20px 40px;
}

#signup_page .otp-input-fields input {
    height: 40px;
    width: 40px;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #2f8f1f;
    text-align: center;
    outline: none;
    font-size: 16px;
}

#signup_page .otp-input-fields input::-webkit-outer-spin-button,
#signup_page .otp-input-fields input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.otp-input-fields input[type="number"] {
    -moz-appearance: textfield;
}

#signup_page .otp-input-fields input:focus {
    border-width: 2px;
    border-color: #287a1a;
    font-size: 20px;
}

#signup .log_in_card .steps_lable {
    font-weight: 600;
}

.log_in_card .input-feild {
    margin-top: 1rem;
    padding: 0.4rem;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
}

.log_in_card .label {
    user-select: none;
}

.log_in_card input[type="radio"] {
    display: none;
}

.log_in_card input[type="radio"] + label {
    z-index: 10;
    position: relative;
    color: #fd611e;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    font-weight: bold;
    background-color: #ffffff;
    border: 2px solid #fd611e;
    cursor: pointer;
    transition: all 200ms ease;
    fill: #fd611e;
}

.log_in_card input[type="radio"]:checked + label {
    color: #ffff;
    background-color: #fd611e;
    fill: #ffff;
}

.log_in_card input[type="radio"] + label {
    padding: 3px 20px;
    border-radius: 5px;
}

#suggestions::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px #fd611e; */
    background-color: #dfdddd1e;
}

#suggestions::-webkit-scrollbar {
    width: 2px;
    background-color: #928f8f;
}

#suggestions::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: 2px solid #fd611e;
}

#suggestions .searcResultc {
    font-size: 16px;
    padding: 10px;
    border-bottom: 1px solid #c0c0c0;
}

/* find dr page css start */

#find_doctor {
    background: rgba(3, 129, 130, 0.08);
    padding: 2rem 0;
}

#find_doctor .search_input {
    width: 100%;
    border: 1px solid #fd611e;
    border-radius: 4px;
    padding: 0.5rem;
    outline: none;
}

#one.search_input {
    background: url(../icons/search.svg) no-repeat scroll 8px 9px;
    padding-left: 40px !important;
    outline: none;
}

.search_input {
    background: url(../icons/location.svg) no-repeat scroll 11px 10px;
    padding-left: 30px !important;
}

.search_input1 {
    background: url(../icons/search.svg) no-repeat scroll 11px 10px;
    padding-left: 45px !important;
}

.active_pagination {
    background-color: #fd611ed5;
    border: none;
    color: #ffff;
    border-top-left-radius: var(--bs-pagination-border-radius);
    border-bottom-left-radius: var(--bs-pagination-border-radius);
}

#find_doctor .search_input1 {
    width: 100%;
    border: 1px solid #fd611ed5;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0.5rem;
    outline: none;
}

#find_doctor .sidebar_filter {
    border: 1px solid black;
    border-radius: 5px;
    background-color: #ffff;
}

#find_doctor .sidebar_filter .sidebar_filter_inner p {
    margin-bottom: 0;
    font-size: 19px;
    color: #686868;
}

#find_doctor .sidebar_filter .sidebar_filter_inner .input_checkbox {
    width: 20px;
}

#find_doctor .sidebar_filter .sidebar_filter_inner .checkbox_main {
    display: flex;
    gap: 1rem;
    margin-top: 8px;
}

.sidebar_filter .sidebar_filter_inner .checkbox_main label {
    color: #686868;
    font-weight: normal;
}

#find_doctor .sidebar_filter .filter_lable {
    font-weight: 600;
    margin-top: 2rem;
}

#find_doctor .dr_list_card {
    border: 1px solid #c0c0c0;
    border-radius: 13px;
    padding: 0.5rem;
    background-color: #ffff;
    cursor: pointer;
    position: relative;
}

#find_doctor .dr_list_card .bookSlotButton {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

#find_doctor .dr_list_card .col-lg-3 img {
    width: 100%;
    border-radius: 4px;
}

#find_doctor .dr_list_card .dr_card_btn {
    border: none;
    color: #fff;
    padding: 10px 5px;
    border-radius: 7px;
    margin-top: 0rem;
    width: 186px;
}

#find_doctor .dr_list_card .hilight_text {
    color: #e64a08;
}

#find_doctor .dr_list_card p {
    margin-bottom: 0 !important;
}

#find_doctor .dr_list_card .dr_card_btn img {
    width: 26px;
    margin-right: 5px;
}

#find_doctor .dr_list_card .dr_name {
    margin-bottom: 1rem;
}

.drDetailsProfImg {
    max-height: 210px;
}

#find_doctor .dr_list_card .view_profile {
    color: #fd611e;
    text-decoration: none;
}

.btn_bg_primary {
    background-color: #fd611e;
}

.btn_bg_secondry {
    background-color: #e67205;
}

/* signup dr. page css start */

#single_article p {
    line-height: 35px;
}

#single_article .article_main_img {
    float: left;
    width: 400px;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

#single_article .feachers_articles .feacher_blog_card {
    text-align: center;
    position: relative;
    width: 90%;
}

#single_article .feachers_articles .feacher_blog_card h4 {
    background: #ffffff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
    background: #ffffff;
    border-radius: 0px 0px 8px 8px;
}

#animation {
    background-image: url(../image/faq.svg);
}

/* date: 04/05/2023 */

/* signup-page-patient-page-css-start */

.active_signup_btn {
    background-color: #fd611e !important;
    color: #ffff !important;
}

.signup_hr_line {
    width: 100%;
    height: 2px;
    background-color: #d9d8d6;
    position: relative;
}

.right_p_main .active_color {
    position: relative;
    display: block;
}

.right_p_main .active_color::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background-color: #fd611e;
    bottom: -18px;
    z-index: 1;
    left: 0;
}

/* {
                background: rgba(255, 255, 255, 0.7);
                padding-bottom: 5rem;
            } */

.signup_login_a {
    color: #474545;
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    cursor: pointer;
}

.log_in_cmn_btn {
    background-color: transparent;
    border: 1px solid #ec5514;
    box-shadow: 0px 1.52195px 3.0439px rgba(24, 25, 29, 0.16);
    padding: 0.5rem 1.2rem;
    border-radius: 5px;
    width: 100%;
    color: #000000;
}

.log_in_card {
    background: #ffffff;
    border: 0.5px solid #b1afaf;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 2rem;
    width: 70%;
    margin: auto;
    border-radius: 5px;
}

.input_number {
    gap: 1rem;
}

.num_input {
    border: 2px solid #d9d9d9;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 0.4rem;
}

.log_in_card .Continue_button {
    background: #ec5514;
    box-shadow: 0px 1.52195px 3.0439px rgba(24, 25, 29, 0.16);
    border-radius: 5px;
    border: none;
    padding: 0.4rem;
    color: #ffff;
}

.log_in_card .Signup_button {
    background: transparent;
    border: 1px solid #ec5514;
    box-shadow: 0px 1.52195px 3.0439px rgba(24, 25, 29, 0.16);
    border-radius: 5px;
    padding: 0.4rem;
    color: #000;
}

/* dr.signup step-2 css */

.signup_dr_step_line {
    width: 100%;
    height: 2px;
    background-color: #d9d8d6;
    position: relative;
}

.category_list_card .category_item_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.category_list_card .category_item_row p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: inherit;
}

.category_list_card .category_item_row input {
    width: 20px;
    height: 20px;
    accent-color: #fd611e;
    display: inherit;
}

.category_list_card .category_item_row .cate_inner {
    gap: 1rem;
    align-items: center;
    width: 100%;
}

.log_in_card .steps_lable {
    font-size: 20px;
}

#dr_signup_step_4 .log_in_card .input-feild {
    padding: 0.4rem;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.25);
    margin-top: 0;
}

#dr_signup_step_4 .input_lable {
    margin-top: 1rem;
}

/* 05/05/2023 */

/* Doctor_Details_Book_clinic_visit.html */

#dr_details_view_p {
    background-color: rgba(3, 129, 130, 0.08);
    padding-bottom: 6rem;
}

#dr_details_view_p .dr_details_view_inner {
    background-color: #ffff;
    padding: 3rem 2rem;
    border-radius: 5px;
}

.consultation_type_box {
    width: 50%;
    margin-left: auto;
}

.consultation_type_box .consultation_category {
    padding: 0.4rem 3rem;
    border: 1px solid #063434;
    border-radius: 5px;
}

.consultation_type_box .consultation_category p {
    margin-bottom: 0;
}

.gap_in_profile {
    gap: 1rem;
}

.apoitment_book_card {
    border: 1px solid #9c9c9c;
    padding: 1rem;
    border-radius: 5px;
    margin-top: 1rem;
}

.apoitment_book_card .select_date {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto;
    grid-column-gap: 1rem;
}

.apoitment_book_card .select_date .date {
    border-radius: 5px;
    text-align: center;
    border: 1px solid #fd611e;
}

.active_date {
    background-color: #fd611e;
    color: #ffff;
}

.disable_date {
    background-color: #dbdbdb;
    color: #777777;
}

.apoitment_book_card .select_time {
    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;
    grid-column-gap: 1rem;
    width: 80%;
    margin-top: 2rem;
}

.apoitment_book_card .select_time .time {
    border-radius: 5px;
    text-align: center;
    border: 1px solid #fd611e;
    height: fit-content;
    padding: 0.5rem 0.5rem;
}

.active_btn_common {
    background-color: #fd611e;
    color: #ffff;
}

.apoitment_book_card .select_date .date p {
    margin-bottom: 6px;
}

.center_btn {
    padding: 0.4rem 1.5rem;
    border: none;
    border-radius: 5px;
}

.input_file::-webkit-file-upload-button {
    background: #fd611e;
    border: 2px solid #fd611e;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    outline: none;
    padding: 8px 22px;
    text-transform: uppercase;
    transition: all 1s ease;
    margin-top: 1rem;
}

.uploaded_card {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    padding: 1rem;
    margin-top: 1rem;
}

.input_lable {
    font-weight: 500;
    margin-top: 0.5rem;
}

.form-select.gender[disabled] {
    background-color: rgb(218, 213, 213);
    /* Optional: to style the text color */
}
.log_in_card .input-feild {
    margin-top: 0;
}

.form-check-input:checked {
    background-color: #fd611e;
    border-color: #fd611e;
}

.set_your_schedule .day_time {
    display: grid;
    grid-template-columns: auto auto auto auto;
    gap: 10px;
    align-items: center;
}

.set_your_schedule .day_time p {
    margin-bottom: 0;
}

.set_your_schedule .day_time .time {
    padding: 5px 5px;
    border: 1px solid #b8b8b8;
    border-radius: 3px;
    text-align: center;
}

.set_your_schedule .day_time .checkbox {
    accent-color: #fd611e;
    width: 1.4rem;
    height: 1rem;
}

/* 08/05/2023 */
/* patients-profile.html */
.p_profile {
    padding: 2rem 0;
    background: rgba(3, 129, 130, 0.08);
}

.p_sidebar {
    border: none;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
    background-color: #ffff;
    border-radius: 5px;
    height: 100%;
}

.link-no-color {
    color: inherit;
    text-decoration: none;
}

.Paitient_profile {
    padding: 1rem 0;
}

.Paitient_profile img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid var(--primary-btn-bg);
}

.p_sidebar ul {
    list-style: none;
    /* line-height: 2rem; */
    padding: 0;
}

.active1 {
    background: #fd611ee3;
    color: #ffff;
}

.p_sidebar ul li {
    padding: 0 1rem;
    font-size: 18px;
}

#paitient-menu li a {
    display: flex;
    align-items: center;
    gap: 1rem;
}

#paitient-menu li img {
    width: 47px;
    margin-right: 8px;
    /* background: #F4F6FB; */
    padding: 10px;
    /* border-radius: 50%; */
}

.right_p_main {
    border: none;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    background-color: #ffff;
    padding-bottom: 2rem;
    height: 100%;
    position: relative;
}

.pp_heading {
    margin: 0;
    padding-left: 2rem;
    padding-top: 1rem;
    font-weight: 400 !important;
}

.input_p {
    width: 100%;
    border: 1px solid #9d9d9d;
    padding: 5px 10px;
    border-radius: 5px;
}

.p-edit_container {
    padding: 1rem 2rem;
}

.primary_btn {
    padding: 0.4rem 1rem;
    background-color: transparent;
    border: 1px solid #fd611e;
    border-radius: 5px;
}

.active1 {
    background-color: #fd611e;
    color: #ffff;
}

/* apoitment */

.active_color {
    color: #fd611e;
}

.appoitment_card {
    border: 1px solid #fd611e;
    border-radius: 5px;
    margin-top: 1rem;
}

.appoitment_card .f_row_card {
    background: #fd611e;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border: none;
    padding: 0.5rem;
    padding-left: 1rem;
    color: #ffff;
}

.tbl_btn {
    width: 125px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fd611e;
    border-radius: 2px;
    padding: 3px;
}

.tbl_btn:hover {
    background-color: #fd611e;
    color: #fff !important;
}

.appoitment_card table {
    border-collapse: separate;
    border-spacing: 0 10px;
}

.report_file_card {
    border: 1px solid #9c9c9c;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
    align-items: center;
    padding: 2px 5px;
    border-radius: 7px;
}

.input_search {
    padding: 4px 1rem;
    border-radius: 10px;
    border: 1px solid #fd611e;
    background-color: transparent;
    position: relative;
}

.paragraph {
    margin: 0;
    color: #5e5e5e;
}

/* 09/05/2023 */
/* invoices page */
.p_invoice_card {
    background: #ffffff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
    padding: 1rem;
    border-radius: 5px;
}

.p_invoice_card .Invoice_card_g_logo {
    width: 100px;
}

.p_invoice_card .lable_in {
    width: 100px;
    display: inline-block;
    font-weight: 600;
}

.p_invoice_card .view_pdf_btn {
    background-color: transparent;
    border: 1px solid #d2d2d2;
    border-radius: 8px;
    width: 90px;
    color: #7c7c7c;
}

.input_lable1 {
    margin-top: 1rem;
    font-weight: 500;
    color: #595959;
}

.payment_method_list {
    list-style: none;
    line-height: 2.2rem;
    margin-top: 2rem;
}

.payment_method_list li {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.payment_method_list li input {
    width: 20px;
    height: 20px;
    accent-color: #fd611e;
}

.payment_method_list li span {
    font-size: 18px;
}

/* 10/05/2023 */

/* vitels page */

.vitels_show_box {
    padding: 0.6rem;
    border: none;
    border-radius: 7px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0px 4px 4px rgba(161, 161, 161, 0.25);
}

.vitels_show_box h6 {
    font-weight: 600;
    color: #000000;
}

.my_vitels_main .active.btn1 {
    background-color: #eaffd0 !important;
    border: 1px solid #fd611e;
}

.my_vitels_main .active.btn2 {
    background-color: #eaffd0 !important;
    border: 1px solid #fd611e;
}

.my_vitels_main .active.btn3 {
    background-color: #eaffd0 !important;
    border: 1px solid #fd611e;
}

.my_vitels_main .active.btn4 {
    background-color: #eaffd0 !important;
    border: 1px solid #fd611e;
}

.my_vitels_main .active.btn5 {
    background-color: #eaffd0 !important;
    border: 1px solid #fd611e;
}

.my_vitels_main .active.btn6 {
    background-color: #eaffd0 !important;
    border: 1px solid #fd611e;
}

.my_vitels_main #bloodPresureTab p {
    font-size: 16px;
    font-weight: normal;
    text-align: center;
}

.my_vitels_main .btn1 > p {
    color: #e73b3b;
    font-weight: normal;
}

.my_vitels_main .btn2 > p {
    color: #e73b3b;
    font-weight: normal;
}

.my_vitels_main .btn3 > p {
    color: #e73b3b;
    font-weight: normal;
}

.my_vitels_main .btn4 > p {
    color: #e73b3b;
    font-weight: normal;
}

.my_vitels_main .btn5 > p {
    color: #e73b3b;
    font-weight: normal;
}

.my_vitels_main .btn6 > p {
    color: #e73b3b;
    font-weight: normal;
}

.my_vitels_main .box_1 {
    color: #e73b3b;
    border-color: #e73b3b;
}

.my_vitels_main .box_2 {
    color: #64a314;
    border-color: #fd611e;
}

.my_vitels_main .box_3 {
    color: #1480a3;
    border-color: #1480a3;
}

.my_vitels_main .box_4 {
    color: #ab79ed;
    border-color: #ab79ed;
}

.my_vitels_main .box_5 {
    color: #b09e3e;
    border-color: #b09e3e;
}

.my_vitels_main .box_6 {
    color: #e73b3b;
    border-color: #e73b3b;
}

.grid_btn_c {
    text-decoration: none;
    color: #7c7c7c;
    border: 1px solid #737373;
    padding: 0.2rem 1rem;
    border-radius: 7px;
    width: fit-content;
}

.grid_5_collomn {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.grid_5_collomn p {
    margin: 0;
    color: #646464;
}

.grid_collomn {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
}

.grid_collomn p {
    margin: 0;
    color: #181212;
    font-size: 14px;
}

.family_member_card {
    padding: 1rem;
    border-bottom: 1px solid #bfbfbf;
    z-index: 2;
    position: relative;
}

/* second_opinion page */

.search_w_filter {
    border-radius: 20px;
    background: url(../icons/search.svg) no-repeat scroll 7px 7px;
    padding-left: 38px;
}

.input_search1 {
    position: relative;
}

.filter_icon {
    position: absolute;
    top: 5px;
    right: 15px;
    width: 25px;
    cursor: pointer;
}

.img_round {
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.second_o_dr_card {
    text-align: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
    border-radius: 7px;
    padding: 2rem 1rem;
}

.light_gray {
    color: #828282;
}

.primary_color {
    color: #fd611e;
}

.log_in_card input[type="radio"] + label {
    width: 30%;
}

.category_list_card {
    height: 332px;
    overflow-y: scroll;
    padding-right: 1rem;
}

.category_list_card::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px #fd611e; */
    background-color: transparent;
}

.category_list_card::-webkit-scrollbar {
    width: 2px;
    background-color: #f5f5f5;
}

.category_list_card::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: 2px solid #555555;
}

.category_list_card .category_item_row .cate_inner img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #fd611e;
}

.label-gender {
    width: 100px;
}

#signup_page .log_in_card .health_card .profile h6 {
    width: 130px;
}

.text_primary_color {
    color: #fd611e;
}

#signup_page .log_in_card .share_email_btn {
    padding: 0.5rem 1rem;
    background-color: #fd611e;
    color: #ffff;
    border-radius: 4px;
    text-decoration: none;
}

#signup_page .log_in_card .health_card {
    background-image: url("../image/health_card_bg.png");
    background-size: 100%;
    padding-left: 2rem;
    margin-top: 2rem;
    color: #fff;
    background-repeat: no-repeat;
    height: 277px;
}

#signup_page .log_in_card .health_card .profile {
    width: 70%;
    height: 100%;
    display: flex;

    align-items: center;
}

.health_card_data {
    list-style: none;
}

.remind_row {
    background-color: #ffff;
    border: 1px solid #9c9c9c;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
    border-radius: 5px;
}

.remind_row td:first-child {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.remind_row td:last-child {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.remind_row td {
    padding: 1rem;
}

.table_h_row th {
    padding: 0 1rem;
}

/* mobile_menu_for_css */
#menu a {
    text-decoration: none;
    color: #535353;
    opacity: 1;
    /* font-family: 'work sans', sans serif; */
    font-size: 17px;
    line-height: 47px;
    font-weight: 400;
    transition: 200ms;
}

#menu a:hover {
    opacity: 0.5;
}

#menu {
    padding: 0;
    list-style-type: none;
}

.phone {
    background-color: #36383f;
    border-radius: 40px;
    width: 300px;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 30px 50px 100px #85888c;
}

.content {
    border: 1px solid #36383f;
    border-radius: 20px;
    width: 94%;
    height: 91%;
    background-color: #f5f6fa;
    overflow: hidden;
}

#menuToggle {
    display: flex;
    flex-direction: column;
    position: relative;
    top: -37px;
    left: 40px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
    width: 50px;
}

#menuToggle input {
    display: flex;
    width: 40px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

#menuToggle span {
    display: flex;
    width: 29px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 5px 0px;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
        background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

#menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-3px, -1px);
    background: #36383f;
}

#menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, -1px);
}

#menu {
    position: absolute;
    width: 273px;
    height: 100vh;
    box-shadow: 0 0 10px #85888c;
    margin: -50px 0 0 -50px;
    padding-left: 50px;
    padding-top: 80px;
    background-color: #f5f6fa;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
    padding: 10px 0;
    transition-delay: 2s;
}

#menuToggle input:checked ~ ul {
    transform: none;
}

.time_div {
    gap: 10px;
    margin-top: 10px;
}

.set_your_schedule11 {
    height: 450px;
    overflow-x: scroll;
}

.set_your_schedule11::-webkit-scrollbar-track {
    background-color: transparent;
}

.set_your_schedule11::-webkit-scrollbar {
    width: 2px;
    background-color: #f5f5f5;
}

.set_your_schedule11::-webkit-scrollbar-thumb {
    background-color: transparent;
    border: 2px solid #555555;
}

.error_list {
    display: none;
    margin: 0;
}

a {
    text-decoration: none;
    color: #818181;
}

#suggestions .searcResultc {
    cursor: pointer;
}

#searchResults p {
    text-align: center;
    padding: 5px;
    border: 1px solid black;
    cursor: pointer;
}

#our_vison_sec {
    padding: 3rem 0;
}

.abu111p {
    font-size: 20px;
    color: #ffff;
}

.our_vision_text {
    position: relative;
    width: fit-content;
    margin-bottom: 1rem;
}

.our_vision_text::before {
    content: "";
    background: linear-gradient(
        180deg,
        rgba(9, 164, 165, 0.4) 0%,
        rgba(43, 153, 181, 0.4) 100%
    );
    width: 100%;
    height: 14px;
    position: absolute;
    bottom: -4px;
    left: 0;
}

.leader_s_img {
    border-radius: 5px;
}

.contact_111 i {
    /* width: 97px; */
    font-size: 30px;
    width: 65px;
    height: 65px;
    background-color: #b8e0e3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #344780;
}

.disc_benifi_text {
    position: relative;
    width: fit-content;
    text-align: center;
    margin: auto;
}

.disc_benifi_text::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #fd611e 0%, rgba(8, 164, 164, 0) 100%);
    bottom: -5px;
    left: 0;
}

.mobile_login_user_profile {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.dr_list_card .col-lg-3 img {
    max-height: 202px;
}

#wizardPicturePreview {
    height: 86px;
    width: 86px;
    background-color: #999999;
    border: 4px solid #cccccc;
    color: #ffffff;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

#wizard-picture {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 33%;
    opacity: 0 !important;
    position: absolute;
    top: 0;
}

.pet_report_card {
    border-radius: 3px;
    border: 1px solid #969393;
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
}

.pet_report_card .pet_report_card_left {
    display: flex;
}

.pet_report_card .pet_report_card_left p {
    margin-bottom: 0;
}

.pet_report_card .pet_report_card_left h6 {
    font-weight: 600;
}

.pet_report_card .pet_report_card_right .due_date {
    color: #fdac0e;
}

.pet_report_card .pet_report_card_right .share_prin_de_btnBox {
    display: flex;
    justify-content: space-around;
    width: 154px;
}

.pet_report_card .pdf-logo {
    width: 70%;
}

.family_rec_view {
    padding: 1rem;
    border-bottom: 1px solid #bfbfbf;
}

.fam_mem_detai_img {
    width: 50px;
    border: 1px solid #fd611e;
    height: 50px;
    border-radius: 50%;
}

.fam_mem_list_img {
    width: 50px;
    border: 1px solid #fd611e;
    border-radius: 50%;
    height: 50px;
}

.up_de_ve_m {
    display: flex;
    justify-content: space-around;
}

.up_de_ve_m a {
    font-size: 23px;
}

.swal2-actions {
    gap: 1rem;
    /* You can adjust this value as needed */
}

#resendLoginOTP {
    cursor: pointer;
}

.th_slot_dates {
    display: flex;
    justify-content: space-between;
}

.th_slot_dates .th_date_item {
    padding: 2px 25px;
    border: 1px solid #838383;
    border-radius: 6px;
}

.th_slot_dates .th_date_item.active {
    background-color: #a8f8f8;
}

.th_slot_times {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-row-gap: 0.5rem;
    grid-column-gap: 2rem;
}

.th_slot_times .th_time_item {
    padding: 9px 7px;
    border: 1px solid #dfdfdf;
    text-align: center;
    border-radius: 5px;
}

#translate span {
    display: none;
}

#translate .goog-te-gadget {
    color: transparent;
}

.labtest_order_form {
    width: 400px;
    padding: 0.6rem 0;
    position: fixed;
    top: 92px;
    right: 0;
    z-index: 1000;
    display: none;
}

.labtest_order_form .fa-circle-xmark {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.labtest_order_form .instruction {
    font-size: 14px;
    color: #fd611e;
}

.labtest_order_form.testFormShow {
    display: block;
}

.labtest_order_form .family_caption {
    display: inline-block;
}
#book_thyro_btn[disabled] {
    background-color: rgb(209, 209, 209);
}

.labtest_order_form .btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    color: #000;
    background-color: #55aaaa1a;
    border-color: #fd611e;
}

.family_member_test {
    display: none;
}
#bookLafTestPaymentForm {
    display: none;
}

.family_member_test label {
    color: #000;
}

.family_member_test label:hover {
    color: #000 !important;
}
.form-control:read-only {
    background-color: #e9ecef;
    opacity: 1;
}

.lab-sidebar {
    border: 1px solid #9d9d9d;
    border-radius: 8px;
}

.lab-sidebar .lab-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    width: 221px;
    border-bottom: 1px solid #b7afaf;
}

.lab-sidebar .lab-sidebar-body {
    padding: 1rem 0.5rem;
}

.lab-sidebar .lab-sidebar-body p input {
    margin-right: 6px;
}

.lab-package-card {
    width: 100%;
    border: 1px solid #d7d7d7;
    border-radius: 6px;
    height: 288px;
    position: relative;
}
.lab-main-container {
    width: 100%;
}
.lab-package-card .lab-package-card-header {
    padding: 1rem;
    border-bottom: 1px dashed #c6c6c6;
    cursor: pointer;
}
.lab-package-card .lab-package-card-body {
    padding: 1rem;
    border-bottom: 1px dashed #c6c6c6;
    cursor: pointer;
}
.lab-package-card .lab-package-card-footer {
    padding: 1rem;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}
.Paitient_profile label:hover {
    color: blue;
}
.lab-package-card .lab-package-card-header h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
}
.lab-package-card p,
.lab-package-card li {
    color: #000;
}
.lab-package-card .lab-package-card-body li::marker {
    color: #fd611e;
}
.lab-package-card .lab-package-card-footer h5 {
    color: #000;
}

.lab-package-card-header h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#datepicker22 {
    width: 100%;
    outline: none;
    border: 1px solid #ced4da;
    padding: 4px;
}
.labtest_order_form .form-control {
    font-size: 16px;
    padding: 4px;
}
.labtest_order_form .form-select {
    font-size: 16px;
    padding: 4px;
}

.discount-table {
    width: 100%;
    border-collapse: collapse;
    width: 100%;
    border-radius: 5px;
}

.discount-table thead {
    background-color: #fd611e;
    padding: 10px;
    color: #fff;
}

.discount-table thead tr th {
    padding: 0.5rem;
}

.discount-table tbody tr td {
    padding: 0.5rem;
}

.discount-table th,
.discount-table td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.diagnostic_card .diagnostic_head {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lab-test-searhbar {
    position: relative;
}

.labtestSearchBar-suggession.active {
    border: 1px solid #868585;
    width: 100%;
    position: absolute;
    z-index: 4;
    background-color: #fff;
    max-height: 226px;
    overflow-y: scroll;
}

.labtestSearchBar-suggession .lab-test-item {
    display: flex;
    align-items: center;
    gap: 2rem;
    cursor: pointer;
    padding: 0.5rem;
    border-bottom: 1px solid #868585;
}

.labtestSearchBar-suggession .lab-test-item span {
    color: #fd611e;
    background-color: rgba(8, 164, 164, 15%);
    border: 1px solid #fd611e;
    padding: 1px 10px;
    margin-bottom: 0.5rem;
    border-radius: 3px;
    margin-bottom: 0;
    width: 150px;
    text-align: center;
}

.labtestSearchBar-suggession .lab-test-item p {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}

.certificate-logos {
    position: absolute;
    bottom: -47px;
    left: 0;
    width: 68%;
    display: grid;
    grid-template-columns: 23% 33% 33%;
    align-items: center;
}
.certificate-logos .logo-item:nth-last-of-type(3) {
    width: 159px;
}
.certificate-logos .logo-item:nth-last-of-type(1) {
    width: 159px;
}
.certificate-logos .logo-item img {
    width: 100%;
}

#download_app .dw-app-logo {
    display: flex;
    justify-content: space-between;
    width: 33%;
}
#download_app .dw-app-logo img {
    height: 56%;
    max-width: 100%;
    cursor: pointer;
}
#download_app .homepage_ul {
    line-height: 35px;
    width: 66%;
}

.nav-tabs.mednav {
    padding: 5px;
    border-radius: 7px;
    background-color: #e5e3e366;
    margin-bottom: 1rem;
    width: 80%;
}

.upload-btn {
    padding: 10px !important;
}

.medical-btn {
    margin: 25px;
}

.active > .page-link,
.page-link.active {
    background-color: #ffb23f;
    border: #fd611e;
}

/* a:hover{
    color: #080808 !important;
} */

@media screen and (max-width: 990px) {
    .right_p_main .active_color::before {
        bottom: -3px;
    }

    #sidebar {
        margin-top: 50px !important;
    }

    .nav-tabs.mednav {
        width: 60%;
    }

    .upload-btn {
        padding: 8px !important;
    }

    .p_sidebar ul {
        height: 280px;
        overflow-y: scroll;
    }
}

@media screen and (max-width: 380px) {
    .medical-btn {
        margin: 0px;
    }

    .upload-btn {
        padding: 5px !important;
    }
}