body {
    font-family: 'Poppins', sans-serif;
}


.dark-clr {
    color: #00467C;
}

.light-clr {
    color: #1277C6;
}

.header-txt {
    font-weight: 700;
}

.spc {
    margin-top: 15vh;
}

.grey-txt {
    color: grey;
}


/* header Start */

header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    background: #fff;
}

.navbar-nav .nav-link {
    color: #00467C !important;
}

.navbar-nav .nav-link.active {
    border-bottom: 2px solid #1277C6;
}

/* header End */
.owl-prev,
.owl-next {
    display: none !important;
}



.search-box {
    margin: 10vh auto 5vh auto;
}

.search-box-grp {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1277C6;
    text-align: center;
    white-space: nowrap;
    border: 1px solid grey;
    border-radius: 0.375rem;
    background: #fff;
}

.border-left-none {
    border-left: none !important;
}

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

.box-border {
    border: 1px solid transparent;
    border-image: linear-gradient(to bottom, #1277C6 0%, #ffffff 100%) 10;
    padding: 30px;
    background-color: #F3F3F3;
}



.white-card {
    border-radius: 8px;
    box-shadow: 0px 5px 8px 1px #e9e9e9;
    padding: 30px;
    height: 200px;
    width: 250px;
}

.back-card {
    border-radius: 8px;
    box-shadow: 0px 5px 8px 1px #e9e9e9;
    padding: 15px;
}



.round-bg {
    box-shadow: 0px 5px 8px 1px #e9e9e9;
    padding: 15px;
    border-radius: 100px;
    width: 100px;
}

.all-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}




.pink-box {
    background: #f8ecec;
}

.blue-box {
    background: #e3f4fd;
}

.red-box {
    background: #ff97b4;
}

.yellow-box {
    background: #fcb286;
}


.specialist-box {
    margin: 15px;
    text-align: center;
    border-radius: 10px;
}

.spe-img {
    padding: 30px 50px 10px 50px;
}



.how-work {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
}

.work-text {
    padding: 2vw 3vw 1vw 3vw;
    text-align: center;
}

.expert-card:hover {
    margin-top: 5vh;
    color: #1277C6;
}

.expert-btn {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 0.5vw 2vw 0.5vw 2vw;
}


.testimonial-box {
    border: 1px solid #1277C6;
    border-radius: 15px;
}


.testimonial-box .owl-carousel .owl-item img {
    display: unset;
    width: auto;
}

.testimonial-txt {
    padding: 3vh 5vh 3vh 5vh;
}



.bg-footer {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
}

footer ul li {
    list-style: none;
}

footer a {
    text-decoration: none;
    color: #fff;
}

footer a:hover {
    color: #fff;
}






/* Login-Page-Start */

.login-input-box {
    width: 100%;
    border-radius: 10px;
    border: 0.5px solid grey;
    padding: 10px 25px 10px 25px;
}

.login-btn {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 0.5vw 2vw 0.5vw 2vw;
}

.login-up {
    margin-top: 15vh;
}

.re-send {
    text-decoration: none;
    color: #00467C;
    font-weight: 700;
}

.dark-bg {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
    border-radius: 10px;
}



#subscription .nav-link:focus,
.nav-link:hover {
    color: #ffff;
}

#subscription .nav-item.active .nav-link,
.nav-pills .show>.nav-link {
    color: #00467C;
    background-color: #fff;
    font-weight: 700;
    border: 1px solid;
    box-shadow: 0px 5px 10px #000;
}

#subscription .nav-pills .nav-link {
    color: #fff;
    background-color: #00467C;
    border: 1px solid #00467c;
    box-shadow: 0px 5px 10px #000;
}

#subscription .big-txt {
    font-size: 24px;
}

#subscription .sml-txt {
    font-size: 14px;
}

#subscription .subsciption-box {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 30px 10px 30px 10px;
    margin: 15px 0px 15px 0px;
}

#subscription .subsciption-box-center {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 20px 10px 20px 10px;
    background: #fff;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.bdr-txt {
    border: 2px solid #fff;
    padding: 10px 0px;
    margin-bottom: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


.subsciption-box-center h4 {
    color: #034C85;
}

.subsciption-box-center ul li {
    color: #034C85;
}


#subscription .tick-list {
    list-style-image: url('./images/tick.png');
    line-height: 3;
}

#subscription .buy-plan-btn {
    border: none;
    background: #0061AD;
    color: #fff;
    padding: 5px;
}


.tick-list-dark {
    list-style-image: url('./images/dark-tick.png');
    line-height: 3;
    color: #1277C6;
}

.login-input {
    border-radius: 10px;
    border: 0.5px solid grey;
    padding: 10px 25px 10px 25px;
}

.form-control {
    border: 1px solid grey;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid grey;
    border-radius: 0.375rem;
}

.start-spc {
    margin-left: 3vw;
}

/* Login Page End */


/* Find-your-Doctor Start*/

.marg-up-down {
    margin-bottom: 5vh !important;
    margin-top: 8vh !important;
    max-width: 50%;
    margin: 0 auto;
}

.find-btn-grp {
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}

.bg-icon-1 {
    background: #1277C6;
    color: #fff;
    border-radius: 100%;
    padding: 5px;
}

.find-white-btn {
    background: #fff;
    color: #1277C6;
    border: none;
    border-radius: 6px;
    padding: 10px 14px;
    /* margin: 0px 8px; */
    /* box-shadow: 0px 5px 15px rgb(224, 227, 230); */
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
}

.bg-icon-2 {
    background: #fff;
    color: #1277C6;
    border-radius: 100%;
    padding: 5px;
}

.find-dark-btn {
    background: #1277C6;
    color: #fff;
    border: none;
    /* border-radius: 15px; */
    padding: 10px 14px;
    box-shadow: 0px 5px 8px 1px #e9e9e9;
}


.find-card {
    border-radius: 8px;
    /* box-shadow: 0px 5px 8px 1px #e9e9e9; */
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
    transition: 0.4s ease-in-out;
    height: 100%;
}

.find-card:hover {
    transform: scale(1.05);
    box-shadow: 0px 5px 15px #e9e9e9;
}

.ffcc {
    margin: 20px;
    height: 100%;
    max-height: -webkit-fill-available;
}

.find-card-img-top {
    /* height: -webkit-fill-available !important; */
    border-radius: 50%;
    margin: 20px;
    overflow: hidden;
    /* box-shadow: 0px 15px 11px -14px #e9e9e9; */
    border: 1px solid #d1eaff;
}

.find-card-body {
    padding: 0px 20px 25px;
}

.card-line {
    width: 200px;
    margin: 1em auto;
}

.find-card-btn {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 0.5vw 2vw 0.5vw 2vw;
    box-shadow: 0px 5px 8px 1px #e9e9e9;
    width: 100%;
}

.find-card-label {
    background: #f2f2f2;
    padding: 8px 13px;
    border-radius: 25px;
    display: unset;
    margin-top: 10px;
    display: inline-table;
}

.find-blue-box {
    background: #BCDFFA;
    border-radius: 25px;
}

.find-blue-box .col-md-9 {
    padding: 30px;
}

.find-blue-box a {
    color: #000;
}

.find-pink-box {
    background: #FCA49F;
    color: #fff;
    border-radius: 25px;
}

.find-pink-box .col-md-9 {
    padding: 30px;
}

.find-pink-box a {
    color: #fff;
}

.find-bg {
    background: #1277C6;
    color: #fff;
}

.find-bg a {
    color: #fff;
}

.find-bg img {
    margin-top: -5vh;
}

.find-testi {
    border: 1px solid;
    padding: 20px;
    border-radius: 25px;
}

#find-testimonial {
    margin-left: 5vw;
}

.tick-list-light {
    list-style-image: url('../images/light-tick.png');
    line-height: 3;
    color: #1277C6;
}

.dark-bdr {
    border: 1px solid #1277C6;
    border-radius: 25px;
}

.book-slot-card .sml-txt {
    font-size: 12px;
}

.book-slot-card-select .sml-txt {
    font-size: 12px;
}

.book-slot-card {
    background: #fff;
    /* box-shadow: 0px 5px 10px rgb(209 211 213); */
    border-radius: 6px;
    padding: 10px;
    margin: 5px;
    text-align: center;

    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
}

.book-slot-card-select {
    background: #1277C6;
    color: #fff;
    box-shadow: 0px 5px 8px 1px #e9e9e9;
    border-radius: 20px;
    padding: 10px;
    margin: 5px;
    text-align: center;
}

#SelectDate .owl-stage {
    margin-bottom: 2em;
}

.book-slot-btn {
    background: #fff;
    color: #1277C6;
    /* box-shadow: 0px 5px 10px rgb(209 211 213); */
    border-radius: 6px;
    padding: 10px;
    margin: 5px;
    text-align: center;
    margin-top: 1em;
    cursor: pointer;

    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
}

.book-slot-btn-select {
    background: #1277C6;
    color: #fff;
    box-shadow: 0px 5px 8px 1px #e9e9e9;
    border-radius: 20px;
    padding: 10px;
    margin: 5px;
    text-align: center;
    margin-top: 1em;
}

.book-first {
    padding: 10px;
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border-radius: 8px;
    border: 1px solid #d1eaff;
}

.book-second {
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border-radius: 8px;
    border: 1px solid #d1eaff;
    padding: 10px;
}


/* Find-your-Doctor End*/


/* User Login Start */

.bell-icon {
    background: #fff;
    color: #1277C6;
    border: none;
}

.bg-noti {
    background: #1277C6;
    color: #fff;
}

.sidebar-btn {
    text-decoration: none;
    color: #000;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;

}

.sidebar-menuu .active {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
}

#user td {
    font-size: 14px;
}

#user td button {
    font-size: 12px;
}

.thm-bg-clr {
    background: linear-gradient(to top, #034C85 0%, #1277C6 100%);
    color: #fff;
    text-align: center;
    padding: 20px;
}

/* User Login End */



/* Doctor Login start */

.details-pt {
    background: #1277C6;
    color: #fff;
    border-radius: 8px;
}

.details-pt a {
    color: #fff;
}

.edit-profile-input input {
    border: none;
    border-bottom: 1px solid grey;
    width: 75%;
}




/* // search box result */
.result-dropdown-main {
    width: 100%;
    height: auto;
    background: white !important;
    /* border-radius: 0px 0px 5px 5px; */
    border: 1px solid aliceblue !important;
    box-shadow: 0px 10px 50px aliceblue !important;
    position: absolute;
    top: 45px;
    max-height: 300px;
    overflow: auto;
    z-index: 20;
}

.result-dropdown-main .result-found {
    padding: 20px 30px;
    border-bottom: 1px solid aliceblue;
}

.result-dropdown-main a {
    background: white !important;
    display: block !important;
}

.result-dropdown-main .result-child-div {
    border-bottom: 1px solid aliceblue;
    padding: 20px 30px;
    /* position: absolute;
    top: 45px; */
}

.result-dropdown-main .result-child-div:hover {
    background-color: aliceblue;
    /* border: 1px solid #f2f2f2; */
    cursor: pointer;
}

.result-dropdown-main .result-child-div .app-img-dp {
    width: 60px;
    height: 60px;
    background-color: #f2f2f2;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    float: left;
}

.result-dropdown-main .result-child-div .app-img-dp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.result-dropdown-main .result-child-div .app-dp-content {
    width: auto;
    float: left;
    margin-left: 25px;
}

.result-dropdown-main .result-child-div .app-dp-content .username {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
    color: rgb(54, 54, 54);
}

.result-dropdown-main .result-child-div .app-dp-content .category {
    margin: 0;
    font-size: 16px;
    color: grey;
    margin-bottom: 4px;
}

.result-dropdown-main .result-child-div .app-dp-content .experiance {
    margin: 0;
    font-size: 14px;
    color: grey;
}

.app-cursor-pointer {
    cursor: pointer;
}

.custom-card-image {
    width: 300px;
    height: 200px;
}

#loader {
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#SmallLoader {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#error_message {
    color: red;
    /* background: #ffeaea; */
    width: 100%;
    padding: 8px 18px;
    float: left;
    border-radius: 5px;
}


.message-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.139);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message-box .message-card-main {
    width: 400px;
    /* height:350px; */
    background: white;
    border-radius: 10px;
}

.message-box .message-card-main .message-card-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.message-box .message-card-main .message-card-content .card-img {
    margin-top: 20px;
    width: 200px;
}

.message-box .message-card-main .message-card-content .card-message {
    text-align: center;
    padding: 10px 20px;
}

.message-box .message-card-main .message-card-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.message-box .message-card-main .message-card-footer .btn-outline-primary {
    margin: 5px 10px;
}

.app-no-data-found-uix1 {
    width: 100%;
    text-align: center;
    color: #cacaca;
    font-size: 22px;
    font-weight: 900;
}

a {
    text-decoration: none;
    color: black;
}

/* .owl-carousel .owl-stage-outer {
            overflow-x: auto !important;
        }

        .owl-carousel .owl-stage-outer::-webkit-scrollbar {
            display: none;
        } */

.custom-image-box234 {
    width: 120px !important;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.custom-spe-img {
    display: flex;
    justify-content: center;
    align-items: center;
}


.custom-carousal-main {
    width: 100%;
    /* height: 200px; */
    /* background: red; */
    padding: 20px 0px;
    overflow: auto;
}

.custom-carousal-main::-webkit-scrollbar {
    display: none;
}

.custom-carousal-parent {
    width: auto;
    height: auto;
    overflow: auto;
    /* background-color: yellow; */
    display: inline-flex;
    float: left;
    padding: 20px 10px;
}

.custom-carousal-card {
    text-decoration: none;
    color: black;
    width: 250px;
    height: 250px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 5px 10px rgb(209, 211, 213);
    border-radius: 10px;
    margin-right: 30px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 10px;
    transition: 0.4s ease-in-out;
}

.custom-carousal-card:hover {
    transform: scale(1.08);
    background-color: rgb(235, 255, 240);
    color: black;
}

.custom-carousal-card .card-image-main {
    width: 100px;
    height: 100px;
    /* background-color: red; */
    margin: 10px;
    overflow: hidden;
}

.custom-carousal-card .card-image-main img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.custom-carousal-card .card-content {
    width: 100%;
    height: auto;
    /* background-color: yellow;/ */
    padding: 10px;
}

.custom-carousal-card .card-content h1 {
    font-size: 18px;
    font-weight: 800;
    text-align: center;
    margin: 0px;
    margin-bottom: 5px;
}

.custom-carousal-card .card-content p {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin: 0px;
}

.header-profile-picture {
    width: 50px;
    height: 50px !important;
    border-radius: 250px;
    background-color: #f2f2f2;
}


.toast-messages {
    width: auto;
    position: fixed;
    height: auto;
    /* background: yellow; */
    padding: 20px 20px 0px 20px;
    bottom: 0;
    right: 0;
    margin: 35px;
    border-radius: 5px;
    margin: 25px;
}

.toast-message {
    max-width: 350px;
    /* background: red; */
    border-radius: 5px;
    padding: 10px 14px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 15px rgb(227, 227, 227);
}

.toast-message p {
    margin: 0;
}

.toast-messages .alert-message {
    background: rgb(255, 238, 238);
    color: red;
    border-left: 5px solid red;
}

.toast-messages .success-message {
    background: rgb(245, 255, 244);
    color: rgb(85, 231, 0);
    border-left: 5px solid rgb(85, 231, 0);
}

.app-danger-message {
    background: rgb(255, 238, 238);
    color: red;
    border-left: 5px solid red;
    padding: 10px 14px;
    display: block;
    width: fit-content;
}


.dropdown-menu {
    max-height: 300px;
    overflow: auto;
}

label.error {
    font-size: 14px;
    color: red;
    /* background: rgb(255, 246, 246); */
    padding: 4px 8px;
    border-radius: 5px;
}

.iti {
    width: 100%;
}

.re-send {
    cursor: pointer;
}





.call-box-main {
    width: 100%;
    height: 600px;
    /* background: red; */
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.local-stream {
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 20px aliceblue;
    border-radius: 10px;
    background: white;
    position: relative;
}

.remote-stream {
    width: 200px;
    height: 200px;
    background: #f2f2f2;
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
}

.player {
    height: 100%;
}

.player video {
    width: 100% !important;
}

#remote-playerlist {
    height: 100%;
}

#local-player div {
    max-width: 890px;
    margin: 0 auto;
    background-color: transparent !important;
}

.stream-buttons {
    padding: 10px;
    /* background: #7bff00; */
    position: absolute;
    bottom: 0;
    border-radius: 10px;
    overflow: hidden;
    margin: 10px;
    right: 0;
    display: flex;
}

.stream-buttons .stram-button {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #f2f2f2;
    margin: 10px;
    text-decoration: none;
    color: black;
    font-weight: 700px;
    transition: 0.5s ease-in-out;
}

.stream-buttons .stram-button:hover {
    transform: scale(1.1);
}

.button-alert {
    background: red !important;
    color: white !important;
}

.message-box {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.139);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.message-box .message-card-main {
    width: 400px;
    /* height:350px; */
    background: white;
    border-radius: 10px;
}

.message-box .message-card-main .message-card-content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.message-box .message-card-main .message-card-content .card-img {
    margin-top: 20px;
    width: 200px;
}

.message-box .message-card-main .message-card-content .card-message {
    text-align: center;
    padding: 10px 20px;
}

.message-box .message-card-main .message-card-footer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.message-box .message-card-main .message-card-footer .btn-outline-primary {
    margin: 5px 10px;
}

.app-btn {
    padding: 8px 14px;
    border-radius: 5px;
    border: 0px solid transparent;
    outline: none;
    letter-spacing: 0.5px;
    font-weight: 600;
}

.btn-call {
    background-color: rgb(0, 123, 255);
    color: white;
    width: 100%;
    margin: 5px;
}

.btn-call-green {
    background: rgb(19, 224, 0);
    color: white;
}

.btn-call-red {
    background: red;
    color: white;
}

.audio-footer {
    padding: 0px 20px;
    width: 100%;
}

.profile-card-main {
    background-color: white;
    width: 350px;
    /* height: 470px; */
    border-radius: 5px;
    box-shadow: 0px 0px 25px rgb(226, 242, 255);
}

.profile-card-main .profile-card-child {
    width: 100%;
    height: auto;
}

.profile-card-main .card-header {
    border-bottom: 1px solid aliceblue;
}

.profile-card-main .card-header .profile-picture-box {
    width: 200px;
    height: 200px;
    background-color: #ededed;
    border-radius: 125px;
    margin: 40px auto;
    overflow: hidden;
}

.profile-card-main .card-header .profile-content {
    text-align: center;
}

.profile-card-main .card-header .profile-content .name {
    font-size: 22px;
    font-weight: 600;
}

.app-badge {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 6px;
    border-radius: 3px;
    /* background-color: aliceblue; */
    /* margin-left: 10px !important; */
}

.app-badge-success {
    background-color: rgb(233, 255, 225) !important;
    color: rgb(0, 222, 26);
}

.app-badge-failed {
    background-color: rgb(255, 225, 225) !important;
    color: rgb(222, 0, 0);
}

.profile-card-main .card-body {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.app-buttons {
    /* background-color: red; */
    padding: 10px;
}

.app-button {
    width: 70px;
    height: 70px;
    background-color: #f2f2ff;
    border-radius: 125px;
    border: none;
    outline: none;
    margin: 4px;
    transition: 0.5s ease-in-out;
}

.app-button i {
    font-size: 20px;
}

.app-button:hover {
    transform: scale(1.1);
}

.app-button-success {
    background: rgb(0, 237, 0) !important;
    color: white;
}

.app-button-alert {
    background: rgb(237, 0, 0) !important;
    color: white;
}

.app-button-warning {
    background: rgb(237, 201, 0) !important;
    color: white;
}

.app-button-primary {
    background: rgb(0, 103, 237) !important;
    color: white;
}

.dialing-box-animation {
    width: 200px;
    height: 200px;
    background-color: rgb(73, 97, 255);
    border-radius: 50%;
    animation: 2s waves-anim infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dialing-box-animation i {
    font-size: 50px;
    color: white;
}

@keyframes waves-anim {
    0% {
        box-shadow: 0px 0px 0px 0px rgb(73, 97, 255);
    }

    80% {
        box-shadow: 0px 0px 0px 30px rgb(73, 97, 255, 0.263);
    }

    80% {
        box-shadow: 0px 0px 0px 30px rgb(73, 97, 255, 0);
    }
}

.expert-card {
    cursor: pointer;
}

.expert-thumbnail {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    overflow: hidden;
}

.expert-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.article-thumbnail-image {
    width: 100%;
}

.article-thumbnail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 auto;
}

/* image display remove module */
.app-media-box {
    width: 100%;
    height: 200px;
    /* overflow: hidden; */
    border-radius: 5px;
}

.app-media-box video {
    width: 100%;
    height: 100%;
}

.app-media-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.remove-btn {
    cursor: pointer;
}


/* / app labels / */
.app-label {
    font-size: 14px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 3px;
    letter-spacing: 0.5px;
    text-align: center;
}

.app-label-alert {
    background-color: rgba(255, 0, 0, 0.107) !important;
    color: rgb(255, 0, 0) !important;
}

.app-label-primary {
    background-color: rgb(0, 94, 255, 0.107) !important;
    color: rgb(0, 94, 255) !important;
}

.app-label-success {
    background-color: rgb(30, 255, 0, 0.107) !important;
    color: rgb(24, 202, 0) !important;
}

.app-label-warning {
    background-color: rgba(255, 187, 0, 0.107) !important;
    color: rgb(255, 196, 0) !important;
}

.app-label-unique {
    background-color: #6c5ffc1b !important;
    color: #6c5ffc !important;
}


.profile-block {
    width: 100%;
    display: flex;
}

.profile-block .profile-picture {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    overflow: hidden;
}

.profile-block .profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-block .profile-details {
    height: 50px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Basic styles for the carousel container */


/* Styles for each card */
.category-card {
    flex: 0 0 calc(20% - 20px);
    /* Adjust card width and spacing as needed */
    box-sizing: border-box;
    /* Ensure padding is included in the width */
    text-align: center;
    /* Center card content */
    padding: 40px;
}

/* Arrow buttons styles (adjust as needed) */
.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 50px;
    color: black;
    z-index: 100;
    font-weight: 900;
    /* Add more styling as required */
}

/* Align the left arrow to the left */
.left-arrow {
    left: 0px;
    /* Adjust as needed */
}

/* Align the right arrow to the right */
.right-arrow {
    right: 0px;
    /* Adjust as needed */
}

/* Ensure the custom-carousal-main div is relatively positioned */
.custom-carousal-main {
    position: relative;
}


.pay-and-book {
    background: rgba(255, 255, 255, 0.114);
    /* border: 1px solid white; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.pay-and-book p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.pay-and-book button {
    background: white;
    color: black;
    padding: 12px 20px;
    border-radius: 5px;
    outline: none;
    border: none;
    font-size: 18px;
    font-weight: 600;
}


.doctor-book-profile {
    padding: 20px;
    margin-top: 15px;
}

.doctor-book-profile .profile-picture {
    width: 120px;
    height: 120px;
    background: #f2f2f2;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
}

.doctor-book-profile .profile-details p {
    margin: 0;
}

.doctor-book-profile .profile-details .username {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize;
    color: #1277C6 !important;
}

.doctor-book-profile .profile-details-bio {
    font-size: 16px;
    margin-top: 30px;
}

.doctor-book-profile .profile-details .category {
    text-transform: capitalize;
    color: grey;
}

.doctor-book-profile .profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.schedule-box {
    border-radius: 8px;
}

.schedule-box .schdeule-date-card {
    width: 135px;
    display: inline-bloack;
    float: left;
    cursor: pointer;
}

#searchBar {
    color: black !important;
}


.profile-mode-details .title {
    color: #1277C6;
    font-weight: 600;
    letter-spacing: 0.3px;
    margin: 0;
}

.profile-mode-details {
    padding: 0px 20px;
}

.profile-mode-details .description {
    text-align: justify;
}

.profile-mode-details .list {
    margin: 0;
    padding-left: 20px;
    margin-bottom: 10px;
    list-style-type: decimal;
}

.book-appointments-btns {
    display: flex;
    justify-content: space-between;
}

.app-search-bar {
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
    display: grid;
    grid-template-columns: calc(100% - 40px) 40px;
    width: 100%;
    border-radius: 5px !important;
    background: white;
}

.app-search-bar input {
    border: unset;
    padding: 10px 14px;
}

.app-search-bar .icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.app-table {
    box-shadow: 0px 15px 11px -14px #e9e9e9;
    border: 1px solid #d1eaff;
    border-radius: 5px;
}

.app-table tr {
    border-color: #d1eaff;
}

.app-table td,
th {
    vertical-align: middle;
}

/* Style odd rows with a light gray background */
/* tr:nth-child(odd) {
    background-color: white !important;
  } */

/* Style even rows with a light blue background */
tr:nth-child(odd) {
    background-color: #fafcff !important;
}

.consultation-section .const img {
    border-radius: 50%;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid #13969D;
}

.specialty-card {
    background: white;
    padding: 20px;
    border-radius: 15px;
}

.specialty-card .image {
    /* width: 300px; */
    height: 300px;
    object-fit: cover;
}

.specialty-card .image img {
    width: 100%;
}

.specialty-card .text {
    background: white;
    box-shadow: 0px;
}

.specialty-card .text p {
    color: black;
    margin: 0;
    padding: 0;
}

.specialty-card .text p.title {
    font-size: 22px;
}

.specialty-card .text p.sub-title {
    font-size: 16px;
    color: grey;
}




/* Nirmal CSS Start */

.dr-carousel .owl-carousel .owl-item .specialty-card .image {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: inline-flex;
}

footer.main {
    color: #044171 !important;
    background-color: #fff !important;
    padding-bottom: 0px !important;
    border-top: 15px solid;
    padding-top: 40px !important;
}

.m-doctor p {
    color: #044171 !important;
    text-align: justify;
}

.links ul a {
    color: #044171 !important;
    align-items: baseline;
}

footer a {
    color: #044171 !important;
}

.your-health-section {
    padding: 50px 0px !important;
}

.your-health-section .row {
    align-items: center;
}

.your-health-section p {
    margin-bottom: 0px;
}


.about-us-cotent p {
    color: #000 !important;
}

.copyright-bg {
    background-color: #044171;
    color: #fff;
}

.copyright-bg a {
    color: #fff !important;
}

.woman-care .main-banner {
    background-image: url('https://virtualcare-africa.com/assets/Frontend/images/Gynacare-OBGYN-Clinic-Kenya.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 100px 0px;
}


.blur-bg-white {
    background-color: rgba(255, 255, 255, 75%);
    display: inline-block;
    padding: 20px;
}

.blur-bg-white a {
    background: rgb(0, 76, 182);
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}

.woman-care .bg-gray {
    background: #efefef;
}

.woman-care .service-card {
    border: 1px solid rgb(0, 76, 182);
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    padding-bottom: 0px;
}


.woman-care .service-card a {
    background-color: rgb(0, 76, 182);
    color: #fff;
    padding: 5px;
    width: 100px;
    display: block;
    height: 5px;
    margin: 0 auto;
    transition: height 5s;
    overflow: hidden;
    cursor: default;
}

.woman-care .service-card a:hover {
    height: auto;
    transition: all 0.5s ease;
}

.doctor-sec-bg-blue {
    background-color: rgb(114, 209, 236);
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    color: #fff;
}

.doctor-data-book {
    background: #fff;
    color: #000;
    border-radius: 10px;
}

.doctor-data-book h5 {
    margin-top: 25px;
    font-size: 28px;
}

.doctor-data-book a {
    background: rgb(0, 76, 182);
    display: block;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 5px;
    color: #fff;
}

.doctor-sec-bg-blue .doctor-data-book img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.medical-section {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}

.round-price-box {
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
    min-height: 600px;
    height: 100%;
    background-color: #fff;
    margin-left: 20px;
    margin-right: 20px;
}

.round-price {
    border-radius: 100%;
    background-color: #00467C;
    color: #fff;
    width: 150px;
    height: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.listg {
    line-height: 2;
    color: #00467C;
}

.round-price-box .btn a button {
    color: #00467C;
    background-color: #fff;
    border: none;
}

.clr-blue {
    background: #4569B3 !important;
}

.clr-green {
    background: #0BB47E !important;
}

.clr-red {
    background: #F05973 !important;
}

/* Nirmal CSS End */




.payment-form-main {
    width: 75%;
    height: 70%;
    background: #f2f2f2;
    border-radius: 15px;
    margin: 0 auto;
    /* overflow-y: hidden; */
}

.payment-form-main .payment-form-main-header {
    /* height: 50%; */
    background: #236cff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    border-radius: 15px 15px 0 0;
}

.payment-form-main .payment-form-main-header .logo {
    height: 120px;
}

.payment-form-main .payment-form-main-header .logo img {
    height: 120px;
}

.payment-form-main .payment-form-main-header .price {
    color: white;
    font-size: 35px;
    font-weight: 600;
}

.payment-form-main .payment-form-main-header .paying-label {
    background: #004de6;
    color: white;
    padding: 12px 20px;
    border-radius: 125px;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 70px;
}

.payment-form-main .payment-form-main-body {
    height: 50%;
    /* background: red; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: white;
    position: relative;
}

.payment-form-main .payment-form-main-body .form {
    /* height: 100%; */
    background: white;
    width: 90%;
    position: absolute;
    top: -50px;
    border-radius: 15px;
    padding: 20px 30px;
    box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.192);
}

.payment-form-main .payment-form-main-body .form .input-field-box {
    margin-bottom: 10px;
}

.payment-form-main .payment-form-main-body .form .input-field-box label {
    color: rgb(43, 43, 43);
}

.payment-form-main .payment-form-main-body .form .input-field-box input {
    border-radius: 8px;
    padding: 12px 20px;
    border: 1px solid #dbdbdb;
}

.payment-form-main .payment-form-main-body .form .input-field-box input:focus {
    box-shadow: none;
    border: 1px solid dashed #004de6;
}

.payment-form-main .payment-form-main-body .form #payBtn,
.payment-form-main .payment-form-main-body .form #payBtnStripe {
    background: #1865ff;
    width: 100%;
    display: flex;
    text-align: center;
    padding: 12px 20px;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    border-radius: 8px;
}


.checkout-page {
    background: #236cff;
    width: 100%;
    height: 100%;
    position: fixed;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif
}

.checkout-page .checkout-main {
    height: 100%;
}

.checkout-page .checkout-child-1 {
    /* background: aliceblue; */
    height: 100%;
}

.checkout-page .checkout-child-1 .checkout-form {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.checkout-page .checkout-child-1 .checkout-form form {
    width: 90%;
    height: 90%;
    background: white;
    border-radius: 10px;
    padding: 40px;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.checkout-page .checkout-child-1 .checkout-form form .input-box {
    margin-top: 15px;
}

.checkout-page .checkout-child-1 .checkout-form form .input-box label {
    font-weight: 600;
}

.checkout-page .checkout-child-1 .checkout-form form .input-box input[type="text"],
.checkout-page .checkout-child-1 .checkout-form form .input-box input[type="email"],
.checkout-page .checkout-child-1 .checkout-form form .input-box input[type="number"] {
    padding: 14px 20px;
    border: 2px solid #0077ff;
    font-size: 18px;
    letter-spacing: 0.5px;
}

.checkout-page .checkout-child-1 .checkout-form form .pay-btn {
    width: 100%;
    margin-top: 30px;
    padding: 18px;
    font-size: 24px;
    text-align: center;
}

.checkout-page .checkout-child-2 {
    /* background: aliceblue; */
    height: 100%;
    background: white;
    padding: 50px 0;
}

.checkout-page .checkout-child-2 .checkout-details {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.checkout-page .checkout-child-2 .checkout-details .details-card {
    width: 90%;
    height: 90%;
    /* background: linear-gradient(black,rgb(36, 36, 36)); */
    background: linear-gradient(rgb(243, 243, 243), rgb(245, 246, 248));
    border-radius: 10px;
    padding: 40px;
    /* overflow: auto;
    display: flex;
    align-items: center; */
}

.checkout-page .checkout-child-2 .checkout-details .details-card .deatils-main {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    flex-direction: column;
}

.checkout-page .checkout-child-2 .checkout-details .details-card .deatils-main .info {
    padding: 20px;
    font-size: 18px;
    font-weight: 600;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

label.error {
    color: red !important;
    padding: 2px 4px;
    background: rgba(255, 0, 0, 0.025);
    border-radius: 0px 0px 5px 5px;
    width: 100%;
}

.toast-messages {
    width: auto;
    position: fixed;
    height: auto;
    /* background: yellow; */
    padding: 20px 20px 0px 20px;
    bottom: 0;
    right: 0;
    margin: 35px;
    border-radius: 5px;
    margin: 25px;
}

.toast-message {
    max-width: 350px;
    /* background: red; */
    border-radius: 5px;
    padding: 10px 14px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 15px rgb(227, 227, 227);
}

.toast-message p {
    margin: 0;
}

.toast-messages .alert-message {
    background: rgb(255, 238, 238);
    color: red;
    border-left: 5px solid red;
}

.toast-messages .success-message {
    background: rgb(245, 255, 244);
    color: rgb(85, 231, 0);
    border-left: 5px solid rgb(85, 231, 0);
}

.checkout-main .checkout-child-1 .card {
    background: #004de6;
    color: rgb(219, 219, 219);
    padding: 20px 20px !important;
    border: none;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.158);
    border-radius: 12px;
}

.checkout-main .checkout-child-1 .card ul {
    list-style-type: decimal;
    padding: 0 20px;
}

.payment-status {
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.payment-status p {
    font-size: 22px;
}

.payment-status-done {
    width: 100%;
    height: 100%;
    background: white;
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.payment-status-done p {
    font-size: 22px;
}

.payment-error-box {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 56%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
}

.payment-error-box .payment-error {
    background: white;
    border-radius: 10px;
    padding: 30px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.payment-error-box .payment-error .close-btn {
    background: red;
    border-radius: 10px;
    padding: 8px 14px;
    color: white;
    text-decoration: none;
}

.payment-error-box .payment-error .image {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.payment-error-box .payment-error .image img {
    width: 300px;
}

.payment-error-box .payment-error h4 {
    font-size: 32px;
    color: red;
}

.payment-error-box .payment-error .message {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
}


footer .img-fluid {
    max-width: 100%;
    height: auto;
    border-radius: 0;
}

.iti__country-list {
    color: black;
}