*,
body {
    margin: 0;
    padding: 0
}

.modal-box .modal-header,
.search-box input {
    border-bottom: none
}

.appdownload_icon,
.card-box-appointment a,
.email-text-foot,
.get-appointment-btn,
.read-more {
    text-decoration: none
}

.app_text,
.dawnload-app-store,
.footer-links-ms,
.footer-links-specialities,
.icon_desg,
.icon_desg-1,
.money-recived-time,
.over-all-review,
.patient-history-profile,
.patient-history-text,
.read-more,
.social-links ul li,
.social-links ul li a,
.text-contact,
.year-header span {
    display: inline-block
}

.blog-cards-heading h5,
.day,
.month,
.specialties-heading h3 {
    text-transform: uppercase
}

.callender-right,
.money-text,
.tab .arrow,
.three-dot {
    float: right
}

@font-face {
    font-family: Gilroy;
    src: url('../fonts/Gilroy-Bold.woff2') format('woff2'), url('../fonts/Gilroy-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url('../fonts/Gilroy-Regular.woff2') format('woff2'), url('../fonts/Gilroy-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url('../fonts/Gilroy-Medium.woff2') format('woff2'), url('../fonts/Gilroy-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url('../fonts/Gilroy-Semibold.woff2') format('woff2'), url('../fonts/Gilroy-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

body {
    font-family: Gilroy
}

.navbar-nav-wrap {
    margin-left: 15px
}

.nav-item {
    padding-right: 15px
}

.navbar-nav-wrap .nav-item .nav-link {
    font-weight: 600;
    color: #07135c;
    font-size: 16px
}

.card-box-appointment-report .text-green,
.email-text-foot:hover,
.foot-b-links ul li a:hover,
.navbar-nav-wrap .nav-item .nav-link:hover,
.phonenumber-foot:hover,
.read-more:hover {
    color: #2fbf26
}

.apple-icon,
.icon-top {
    display: inline-block;
    margin-right: 7px
}

.icon-top img {
    width: 35px
}

.text-contact {
    vertical-align: -13px
}

.text-contact span {
    font-size: 13px;
    color: #0b145a;
    font-weight: 500
}

.text-contact p {
    font-size: 14px;
    color: #07135c;
    margin-bottom: 0;
    font-weight: 600
}

.ml-35 {
    margin: 0px 30px;
}

.login-btn {
    margin: 0 10px 0 30px;
    background-color: #0220d2;
    border: none;
    padding: 11px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600
}

.add-precription-2,
.app-store-btn:hover,
.btn-submit-modal:hover,
.login-btn:hover,
.social-links ul li a:hover {
    background-color: #2fbf26
}

.select-country-btn,
.select-country-btn:hover {
    background-color: #07135c;
    border: none;
    padding: 11px 20px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 600
}

.modal-body-wrap h3 {
    font-size: 20px;
    color: #07135c;
    font-weight: 600;
    margin-bottom: 20px
}

.doc-availability h3,
.modal-body-wrap .form-check-wrap .form-check-label {
    font-size: 16px;
    font-weight: 600
}

.modal-body-wrap .form-check-wrap {
    background-color: #f2f2f2;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px
}

.fa-check-wrap {
    padding-top: 10px
}

.fa-check-wrap .fa-check {
    color: #38e36e;
    font-size: 20px
}

.form-check-wrap img {
    margin-right: 10px
}

.fa-circle-xmark {
    color: #e74155;
    font-size: 30px;
    opacity: 100%
}

.btn-close-i {
    border: none;
    background: 0 0;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2
}

.banner-sec,
.get-appointment {
    background-image: linear-gradient(90deg, #2202d2 0, #2fbf26 100%)
}

#exampleModal .modal-body {
    padding: 30px
}

.banner-sec {
    padding: 20px 50px;
    border-radius: 30px;
    position: relative
}

.all-reviews-text,
.hero-left-content,
footer {
    padding-top: 50px
}

.hero-left-content h1 {
    font-size: 43px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 1.5px;
    padding-top: 30px
}

.hero-left-content p {
    letter-spacing: 1px;
    font-size: 23px;
    font-weight: 500;
    color: #fff;
    padding-top: 20px
}

.banner-sec .input-group {
    padding-top: 20px
}

.search-box input {
    width: 400px;
    padding: 13px 0 15px 49px;
    border-top: none;
    border-right: none;
    border-left: 2px solid #2a2bb3;
    border-radius: 0 15px 15px 0
}

.search-box ::placeholder {
    color: #0220d2;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px
}

.location-search i,
.search-box i {
    position: absolute;
    top: 17px;
    left: 20px;
    color: #0220d2
}

.input-group-text-wrap img {
    margin-right: 10px;
    width: 20px
}

.location-search input {
    width: 150px;
    padding: 13px 0 15px 49px;
    border: none;
    border-radius: 15px 0 0 15px
}

.location-input {
    position: absolute;
    top: 12px;
    left: 17px
}

.location-search ::placeholder {
    color: #0220d2;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px
}

.specialties-list {
    padding: 100px 0 70px
}

.blog-cards-heading h2,
.specialties-heading h2 {
    font-size: 40px;
    color: #07135c;
    text-align: center;
    font-weight: 600;
    padding-bottom: 40px
}

.specialties-heading h3 {
    font-size: 16px;
    color: #0220d2;
    text-align: center;
    letter-spacing: 1px
}

.specialties-list-card {
    border-radius: 30px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    padding: 10px;
    position: relative
}

.specialties-list-img {
    border-radius: 22px;
    width: 100%;
    height: 220px
}

.thumbs-card {
    position: absolute;
    top: 20px;
    right: 22px;
    background-color: #2fbf26;
    border-radius: 10px;
    padding: 3px 10px
}

.calendar-container,
.year-header {
    position: relative;
    background: #fff
}

.thumbs-card b {
    font-size: 13px;
    font-weight: 600;
    color: #fff
}

.thumbs-card .fa-thumbs-up {
    font-size: 13px;
    margin-right: 5px;
    color: #fff
}

.view-all-doc {
    font-size: 18px;
    font-weight: 600;
    background-color: #1724ce;
    border: none;
    border-radius: 12px;
    padding: 11px 60px;
    margin-top: 60px
}

.view-all-doc:hover {
    background-color: #333ed9
}

.specialties-list-card .card-title {
    font-size: 14px;
    font-weight: 600;
    padding-top: 30px;
    text-align: center;
    color: #0220d2
}

.specialties-list-card .card-title img {
    width: 10px;
    vertical-align: -1px;
    margin-right: 2px
}

.specialties-list-card h3 {
    font-size: 14px;
    color: #1e2022;
    letter-spacing: 1px;
    font-weight: 700;
    text-align: center;
    padding-top: 7px;
    margin-bottom: 0
}

.specialties-list-card .card-text {
    color: #77838f;
    letter-spacing: 1px;
    font-weight: 600;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0
}

.specialties-list-card span {
    color: #1e2022
}

.book-appointment {
    margin-top: 20px;
    background-color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 12px 25px;
    border-radius: 30px;
    border: 2px solid #000;
    width: 100%;
    color: #000
}

.book-appointment:hover {
    background-color: #2fbf26;
    border: 2px solid #2fbf26
}

.users-satisfied {
    background-color: #07135c;
    border-radius: 20px;
    padding: 60px 60px 106px
}

.users-satisfied h2 {
    font-size: 40px;
    color: #fff;
    text-align: center;
    font-family: Gilroy
}

.users-satisfied-text {
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding: 25px 0 76px;
    line-height: 38px;
    letter-spacing: 1px
}

.blog-cards .card-body h3,
.user-text {
    font-size: 20px;
    font-weight: 600
}

.testimonial-sec .carousel-caption {
    bottom: 70px
}

.carousel-indicators {
    bottom: 35px
}

.bg-light-white {
    background-color: #f5f8fa;
    padding: 70px 0;
    margin-top: 50px
}

.blog-cards-heading h5 {
    font-size: 16px;
    font-weight: 600;
    color: #0220d2;
    text-align: center;
    letter-spacing: 1px
}

.blog-cards .card {
    border: none;
    border-radius: 20px
}

.blog-cards img {
    border-radius: 20px 20px 0 0;
    object-fit: cover;
    height: 215px
}

.blog-cards .card-body h3 {
    color: #07135c
}

.blog-cards .card-body span {
    color: #646464;
    font-size: 14px;
    font-weight: 500
}

.blog-cards .card-body .post-text {
    color: #1e2023;
    font-size: 14px;
    font-weight: 500
}

.blog-cards .card-body .card-text {
    font-size: 17px;
    font-family: Gilroy;
    color: #646464;
    margin-bottom: 0
}

.blog-cards {
    margin: 0 15px
}

.footer-links-me,
.footer-links-ms {
    margin-left: 70px
}

.read-more {
    font-size: 15px;
    font-weight: 600;
    color: #0220d2;
    padding-top: 10px
}

.blog-cards .card-body .fa-angle-right {
    margin-left: 5px;
    font-size: 15px
}

#MultiCarousel1 .item-card {
    margin: 10px
}

.get-appointment {
    padding-top: 70px;
    height: 457px
}

.get-appointment-text h2 {
    font-size: 40px;
    font-weight: 600;
    color: #fff
}

.get-appointment-btn {
    background-color: #fff;
    border-radius: 7px;
    padding: 14px 30px;
    font-size: 18px;
    color: #258d1f;
    font-weight: 600;
    vertical-align: -16px
}

.get-appointment-btn:hover {
    background-color: #0220d2;
    color: #fff
}

.bg-white-card {
    background-color: #fff;
    border-radius: 60px;
    padding: 30px;
    position: relative;
    bottom: 290px
}

.medco-app {
    background-color: #f5f8fa;
    height: 300px
}

.medco-mob-app img {
    padding-left: 50px
}

.dawnload-app h2 {
    font-size: 38px;
    font-weight: 800;
    color: #0220d2
}

.dawnload-app p {
    font-size: 20px;
    font-weight: 500;
    padding-top: 20px
}

.dawnload-app-store {
    vertical-align: -5px
}

.fa-apple {
    font-size: 30px;
    color: #fff;
    margin-right: 10px
}

.dawnload-app-store span {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.dawnload-app-store p {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 17px
}

.app-store-btn {
    background-color: #07135c;
    padding: 11px 40px 15px 20px;
    border-radius: 20px;
    margin-right: 20px
}

.fa-google {
    font-size: 27px;
    color: #fff;
    margin-right: 10px
}

.user-reg-page {
    background-color: #f5f8fa;
    height: 100vh
}

.footer-text p {
    font-size: 16px;
    font-weight: 500;
    padding-top: 15px
}

footer ul li {
    list-style: none;
    padding: 0 0 3px
}

.country-select-wrap .form-check,
footer ul {
    padding-left: 0
}

.foot-b-links ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-decoration: none
}

.email-text-foot {
    color: #0220d2;
    font-weight: 500;
    font-size: 16
}

.email-text-foot b,
.phonenumber-foot {
    color: #000;
    text-decoration: none
}

.phonenumber-foot {
    font-weight: 500;
    font-size: 16px
}

.foot-b-links h3 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px
}

.social-links ul li {
    margin-right: 10px
}

.social-links ul li a {
    line-height: 46px;
    font-size: 16px;
    color: #fff;
    border-radius: 100%;
    background-color: #0220d2;
    text-align: center;
    height: 45px;
    width: 45px;
    margin-top: 20px
}

.copyright-text p {
    font-size: 13px;
    font-weight: 500;
    color: #223542;
    margin-bottom: 0
}

.copyright {
    padding: 15px 0;
    border-top: 1px solid #e1e1e1
}

.home-screen-wrap {
    background-color: #0220d2;
    border-radius: 30px;
    padding: 27px 43px 43px 50px
}

.home-screen-a h2 {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    padding-top: 15px
}

.home-screen-a p {
    font-size: 23px;
    font-weight: 500;
    color: #adb5bd;
    letter-spacing: 1px
}

.appointment-card h3 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    margin-top: 30px
}

.appointment-box {
    background-color: #2fbf26;
    border-radius: 12px;
    padding: 20px
}

.appointment-box h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 600
}

.w-210 {
    width: 250px
}

.appointment-heading h2 {
    font-size: 25px;
    font-weight: 600;
    padding-bottom: 10px
}

.aapointment-type {
    padding: 70px 0;
    margin-top: 70px;
    background-color: #f5f8fa
}

.card-box-appointment {
    border: 2px solid #214ecf;
    border-radius: 25px;
    padding: 6px
}

.card-img {
    background-color: #294fcb;
    width: 100%;
    border-radius: 20px;
    padding: 15px 10px;
}

.complete_text,
.text-pend,
.text-red-can {
    padding-top: 15px !important
}

.text-red-can {
    color: #ec3900 !important
}

.text-pend {
    color: #eca100 !important
}

.card-img h4 {
    text-align: center;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 0
}

.card-box-appointment p {
    color: #0220d2;
    font-size: 16px;
    font-weight: 600;
    width: 380px;
    text-align: center;
    margin-bottom: 0;
    padding-top: 5px
}

.card-box-appointment-report p {
    color: #0220d2;
    font-size: 16px;
    font-weight: 600;
    padding: 33px 120px 0 0
}

.card-box-appointment-report {
    border: 2px solid #214ecf;
    border-radius: 12px;
    padding: 7px;
    margin-top: 20px
}

.appointment-heading-p {
    padding-top: 60px
}

.card-box-appointment-report .text-red {
    color: #ec3900
}

.card-revenue-btn {
    background-image: url(../img/blue-bg.svg);
    width: 155px;
    height: 54px;
    border-radius: 11px
}

.card-revenue-btn h4 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-top: 15px
}

.revenue-box p {
    color: #0220d2;
    font-size: 20px;
    font-weight: 600;
    padding: 10px 0 0 10px
}

.appointments-page {
    padding: 80px 0
}

.walk-in-appointment h2 {
    font-size: 35px;
    font-weight: 700;
    letter-spacing: 1px
}

.callender-right input {
    padding: 10px 30px;
    border-radius: 10px;
    border: 2px solid #000;
    font-weight: 600
}

.walk-in-card {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    padding: 10px
}

.walk-in-card-img {
    background-image: url(../img/blue-bg.svg);
    width: 100px;
    height: 100px;
    border-radius: 11px;
    text-align: center;
    padding: 10px
}

.walk-in-card-img p {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0
}

.walk-in-card-img img {
    width: 50px;
    padding-top: 5px
}

.walk-in-card-wrap .card-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1e2022
}

.walk-in-card-wrap .card-text {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #77838f;
    margin-bottom: 0
}

.walk-in-card-wrap .text-body-secondary {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #1e2022
}

.appointment_heading {
    padding-top: 70px
}

.appointment_heading span {
    font-size: 20px;
    color: #fff;
    font-weight: 600
}

#myTab .nav-link {
    color: #07135c;
    font-weight: 700;
    font-size: 15px;
}

#myTab .nav-link.active {
    color: #24bd37 !important
}

.calendar-container {
    margin: 0 auto;
    font-weight: 600;
    font-family: Gilroy;
    display: block;
    padding: 20px
}

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

.year-header {
    height: 40px;
    text-align: center;
    color: #fff;
    border-top-left-radius: 3px;
    margin-top: 20px
}

.year-header span {
    font-size: 20px;
    line-height: 40px;
    color: #000
}

.left-button,
.right-button {
    cursor: pointer;
    width: 28px;
    text-align: center;
    position: absolute;
    color: #ccc !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 14px !important
}

.day,
.month,
.table-date {
    height: 26px;
    width: 26px;
    line-height: 26px
}

.required {
    color: red;
    float: right;
    line-height: 0px;
}

.pro-pa {
    padding-top: 24px;
}

.error {
    color: #E64256;
    margin-top: 4px;
    font-size: 15px;
}

@media (prefers-reduced-motion:reduce) {

    .left-button,
    .right-button {
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }
}

.left-button:hover,
.right-button:hover {
    color: #1724ce !important
}

.left-button {
    left: 0
}

.right-button {
    right: 0;
    top: 0
}

.dates-table,
.days-table,
.months-table {
    border-collapse: separate;
    text-align: center
}

.day {
    padding: 0 10px;
    border: 2px solid transparent;
    font-size: 10px;
    color: #000
}

.month {
    cursor: default;
    padding: 10px 2px 0;
    font-size: 11px;
    color: #ccc;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms
}

.active-month,
.month:hover {
    color: #1724ce
}

.active-month {
    font-weight: 700
}

.table-date {
    cursor: default;
    color: #2b2b2b;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-transition: 250ms;
    -o-transition: 250ms;
    transition: 250ms;
    position: relative;
    z-index: 0
}

.table-date:before {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    content: '';
    margin: 0 auto;
    border-radius: 50%;
    z-index: -1
}

.active-date,
.modal-box-2 .box_des:hover h4,
.modal-box-2 .box_des:hover p,
.modal-box-2 .box_des:hover span,
.nav-link-warp-tab:hover {
    color: #fff
}

.active-date:before {
    background: #1724ce
}

.box_des {
    background: #fff;
    padding: 15px 20px;
    margin-bottom: 15px;
    border-radius: 10px
}

.app_text h4 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0
}

.app_text span {
    font-size: 14px;
    color: #77838f
}

.app_text p,
.patient-history-text p {
    font-size: 12px;
    color: #000;
    margin-bottom: 0
}

.box_des .icon_desg,
.box_des .icon_desg-1 {
    vertical-align: top;
    margin-right: 20px
}

.relative_box {
    border-top: 1px solid #d5d7f0;
    margin-top: 10px;
    padding: 15px 15px 0;
    font-size: 15px;
    font-weight: 500;
    color: #77838f
}

.relative_box img {
    padding-right: 5px
}

.patient-details {
    background-color: #fff;
    padding: 54px;
    text-align: center
}

.patient-details h5 {
    font-size: 22px;
    font-weight: 600;
    padding-top: 10px
}

.patient-details p {
    font-weight: 600;
    color: #77838f;
    letter-spacing: 1px
}

.appointment-date-card {
    background-color: #0220d2;
    border-radius: 20px;
    padding: 20px 70px
}

.appointment-date-card h4 {
    font-size: 25px;
    font-weight: 600;
    color: #fff
}

.appointment-date-card p {
    color: #fff;
    font-weight: 500;
    font-size: 16px
}

.border-left {
    border-right: 2px dashed #d8d8d8a3
}

.sec-box-patient-details {
    background-color: #fff;
    padding: 54px
}

.heath-issu-box h4 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .5px
}

.appointment-time {
    background-color: #f6f6f6;
    padding: 10px 30px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 800;
    margin: 10px 10px 10px 0
}

.add-precription,
.modal-box-2 .box_des:hover {
    background-color: #0220d2
}

.profile-icon {
    width: 100px;
    border-radius: 100px;
    height: 100px;
}

.appointment-time img {
    vertical-align: -3px;
    margin-right: 5px
}

.breadcrumb-wrap .breadcrumb-item a {
    color: #2fbf26;
    font-weight: 600;
    font-size: 17px;
    text-decoration: none
}

.breadcrumb-wrap .breadcrumb-item {
    margin-top: 20px
}

.heath-issu-box,
.self-desc {
    margin-top: 30px
}

.add-precription {
    padding: 15px 60px;
    border-radius: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    margin-top: 22px
}

.patient-history-id h5 {
    font-size: 20px;
    font-weight: 800
}

.patient-history-id p {
    color: #77838f;
    letter-spacing: 1px;
    margin-bottom: 0;
    font-weight: 600
}

.patient-history-icon {
    display: inline-block;
    padding-right: 20px;
    vertical-align: -20px;
    width: 100px
}

.icon_desg-1 img {
    border-radius: 10px
}

.patient-history-text h4 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0
}

.patient-history-text span {
    font-size: 13px;
    color: #77838f
}

.modal-box-2 .modal-body {
    background-color: #dfdfdf91
}

.prescription-sec {
    background-color: #ebebeb2e;
    padding: 70px 0;
    margin: 70px 0
}

.owl-next,
.owl-prev {
    background: #1a27cf !important;
    width: 40px;
    font-size: 65px !important;
    color: #fff !important;
    top: 36%;
    display: inline-block;
    position: absolute
}

.prescription-heading h3,
.tab-text-wrap h4 {
    font-size: 30px;
    font-weight: 600;
    color: #0220d2
}

.sort-filter-pr .form-select {
    background-color: transparent;
    font-weight: 600
}

.prescription-img-w img {
    width: 80px;
    height: 80px;
    display: inline-block;
}


.prescription-text p {
    font-size: 13px
}

.prescription-text span {
    font-size: 14px;
    color: #77838f;
    padding-top: 7px
}

.prescription-text h4 {
    font-size: 17px;
    color: #000;
    padding-top: 7px;
    font-weight: 800
}

.prescription-sec .box_des:hover {
    background-color: #d4f0f2
}

.owl-prev {
    left: -70px
}

.owl-next {
    right: -70px
}

.logout-icon-modal,
.tab .arrow {
    position: relative
}

.video-text {
    padding-top: 30px
}

.appointment-date-revisit {
    background-color: #ffff;
    padding: 12px 30px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .1), 0 1px 3px 0 rgba(0, 0, 0, .1);
    display: inline-block
}

.revisiting-bg {
    background-color: #fff;
    padding: 30px 50px
}

.revisitin-time {
    border-radius: 12px;
    padding: 6px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1), 0 3px 7px 0 rgba(0, 0, 0, .1)
}

.revisitin-time .input-group-text {
    border: none;
    background-color: #fff
}

.revisitin-time .form-control {
    border: none;
    font-weight: 500;
    padding: 5px
}

.country-select-wrap .form-check-input:focus,
.help-queries-accordion .accordion-button:focus,
.login-verification-text-code .form-control:focus,
.revisitin-time .form-control:focus {
    box-shadow: none
}

.input-fill-medco::placeholder {
    color: #d62828
}

.add-btn {
    text-align: end
}

.add-btn .btn-primary {
    background-color: #0220d2;
    border-radius: 16px;
    padding: 7px 30px;
    font-weight: 600;
    border: none
}

.submit-btn {
    width: 100%;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 600;
    padding: 15px;
    border: none;
    border-radius: 16px;
    background-color: #2fbf26;
    color: #fff
}

.edit-btn-upload a,
.revisiting-card {
    background-color: #fff
}

.revisiting-card {
    padding: 39px;
    text-align: center
}

.revisiting-card h5 {
    font-size: 25px;
    font-weight: 600;
    padding-top: 10px
}

.revisiting-time {
    display: inline-block;
    margin-top: 45px
}

.revisiting-date {
    display: inline-block;
    width: 300px
}

.revisiting-date span {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1) !important;
    padding: 12px 30px;
    border-radius: 13px;
    font-weight: 800;
    color: #223542 !important
}

.revisiting-date input {
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .1);
    padding: 12px 30px;
    border-radius: 13px;
    font-weight: 800;
    color: #223542
}

.payment-card,
.revisiting-bg textarea {
    border-radius: 20px
}

.revisiting-time p {
    font-weight: 600;
    font-size: 18px;
    color: #121212;
    margin-right: 10px;
}

.profile-id {
    font-size: 20px;
    font-weight: 600;
    color: #77838f
}

.dairy-histor-bg {
    background-color: #f5f8fa;
    margin-top: 70px;
    padding: 60px
}

.payment-card {
    background-color: #2fbf26;
    padding: 30px;
    text-align: center;
    margin-bottom: 40px;
    width: 50%
}

.payment-card .dropdown-toggle-wrap {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.payment-card h3 {
    font-size: 35px;
    font-weight: 800;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 10px
}

.payment-card p {
    font-size: 20px;
    font-weight: 600;
    color: #e0e7ec;
    letter-spacing: 1px;
    margin-top: 20px
}

.money-recived-time p {
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-left: 60px;
    margin-bottom: 0
}

.latest-pay h3 {
    font-size: 16px;
    font-weight: 600;
    color: #77838f
}

.sort-filter-pr-1 .form-select {
    color: #77838f;
    font-weight: 600;
    font-size: 14px;
    border: none;
    padding: 10px
}

.payment-card .dropdown-menu {
    padding: 0
}

.review-in,
.subscription-three-card {
    padding: 70px 0
}

.review-box {
    background-color: #125af8;
    padding: 30px 15px;
    border-radius: 20px
}

.indector-bg-review {
    background-color: #38e36e;
    padding: 10px 20px;
    border-radius: 12px;
    text-decoration: none;
    color: #fff;
    font-size: 18px
}

.over-all-review h4 {
    display: inline-block;
    margin-left: 20px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px
}

.indector-bg-2 {
    background-color: #e74155
}

.review-box i {
    padding-left: 10px
}

.all-reviews p {
    color: #979797;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0
}

.review-card {
    background-color: #f5f8fa;
    border-radius: 15px;
    padding: 30px 20px;
    margin: 0 10px
}

.review-card-text h5 {
    font-size: 17px;
    font-weight: 600;
    color: #222;
    margin-bottom: 0
}

.review-card-text span {
    font-size: 14px;
    color: #979797
}

.review-desc {
    padding-top: 13px;
    font-weight: 500
}

.review-star i {
    color: #ffcc48;
    padding-right: 7px;
    font-size: 20px;
}


.search-box-2 input {
    width: 600px;
    padding: 13px 0 15px 49px;
    border-radius: 15px;
    margin-top: 30px
}

.search-box-2 ::placeholder {
    color: #37474f;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px
}

.search-box-2 i {
    position: absolute;
    top: 17px;
    left: 20px
}

.help-queries {
    padding: 70px 0;
    background-color: #f5f8fa;
    margin-top: 70px
}

.help-queries-img img {
    border-radius: 20px;
    width: 90%
}

.help-queries-accordion-h {
    font-size: 30px;
    font-weight: 600;
    padding: 10px 0
}

.help-queries-accordion .accordion-button {
    color: #0220d2;
    font-weight: 600
}

.accordion-button::after {
    background-image: none;
    font: 17px/1 FontAwesome;
    content: "\f107"
}

.accordion-button:not(.collapsed)::after {
    background-image: none
}

.setting-bg {
    background-color: #0220d2;
    padding: 30px 0;
    border-radius: 20px;
    height: 370px
}

.setting-logo img {
    margin-bottom: 30px
}

.setting-bg img {
    margin-right: 15px;
    vertical-align: -4px
}

.nav-link-warp-tab {
    font-size: 20px;
    color: #fff
}

.setting-tab-p {
    padding: 70px 0
}

.verification-img h3 {
    font-size: 30px;
    letter-spacing: 1px;
    padding-top: 20px
}

.document-uplod-card {
    background-color: #0220d2;
    border-radius: 12px;
    padding: 30px
}

.document-uplod-card .form-check-input {
    width: 30px;
    height: 30px
}

.document-uplod-card label {
    padding-top: 7px;
    color: #fff;
    font-weight: 600
}

.document-uplod-card-2 .edit-btn-upload a,
.edit-btn-upload a {
    padding: 5px 20px;
    border-radius: 20px;
    font-weight: 600;
    text-decoration: none
}

.edit-btn-upload {
    margin-top: 7px
}

.document-uplod-card-2 {
    background-color: #6c6c6c
}

.document-uplod-card-2 .edit-btn-upload a {
    background-color: #fff;
    color: #6c6c6c
}

.document-uplod-card-2 .edit-btn-upload {
    margin-top: 5px
}

.verification-text {
    color: #77838f
}

.contact-us,
.doc-availability,
.info-verify {
    padding: 40px 0
}

.submit-btn-tab .btn-outline-secondary {
    background-color: #888;
    color: #fff;
    border: none;
    padding: 13px;
    margin: 7px;
    font-size: 17px;
    font-weight: 600
}

.p-70 {
    padding: 50px;
    margin-left: 15px
}

.medco-docment-text {
    font-size: 14px;
    font-weight: 500;
    color: #77838f;
    line-height: 25px;
    padding-top: 8px
}

.modal-3 .modal-content-bg,
.modal-4 .modal-content {
    background-color: #efefef
}

.document-upload-card {
    background-color: #fff;
    border-radius: 15px;
    padding: 12px 20px;
    cursor: pointer;
}

.bg-green-save,
.btn-submit-modal {
    border: none;
    padding: 12px 20px;
    color: #fff;
    font-weight: 600;
    background-color: #2fbf26;
    letter-spacing: 1px
}

.document-upload-card i {
    color: #0220d2;
    font-size: 18px
}

.btn-submit-modal {
    width: 100%;
    border-radius: 7px;
    margin: 25px 0 10px
}

.bg-green-save {
    width: 40%;
    border-radius: 7px
}

.modal-3 .modal-header h1,
.personal-details h1,
.self-desc label {
    font-size: 22px;
    font-weight: 600
}

.modal-4 .modal-content-pro .form-control,
.modal-4 .modal-content-pro .form-select {
    font-size: 14px;
    font-weight: 500;
    color: #636364;
    padding: 9px 20px;
    border: none
}

.location-add {
    position: relative;
    color: #0220d2
}

.location-add i {
    position: absolute;
    right: 25px;
    bottom: 12px;
    color: #0220d2
}

.doc-availability .form-control,
.doc-availability .time-slot .form-select {
    font-weight: 600;
    color: #636364;
    padding: 9px 20px;
    border: none;
    font-size: 13px;
    background-image: none;
}

.time-slot {
    margin-top: 10px
}

.doc-availability .form-check .form-check-input:checked {
    background-color: #0220d2;
    border-color: #0220d2
}

.my-availability-bg {
    background-color: #f5f5f5
}

.triangle-right-arrow i {
    font-weight: 900;
    color: #fff;
    vertical-align: -15px;
    font-size: 25px;
    display: none
}

.contact-us .form-control {
    font-weight: 600;
    color: #000;
    padding: 9px 20px;
    border: none
}

.self-intro h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 20px
}

.self-intro span {
    font-size: 16px;
    color: #77838f
}

.self-intro-text {
    margin-left: 20px;
    padding-top: 16px;

}

.self-intro-img img {
    vertical-align: -37px;
}

.self-intro {
    padding: 40px;
}

.self-desc textarea {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 20px;
    border: none;
    margin-top: 15px
}

.tab button {
    display: block;
    color: #fff;
    padding: 18px 30px;
    width: 100%;
    border: none;
    outline: 0;
    text-align: left;
    cursor: pointer;
    transition: .1s ease-in;
    font-size: 17px;
    background-color: transparent
}

.tab button.active {
    background-color: #2fbf26;
    color: #fff;
    border: none
}

.tab .arrow {
    color: #2fbf26;
    font-size: 26px;
    left: 39px
}

.subscription-card-bg {
    border-radius: 20px;
    background: linear-gradient(90deg, #caede7 0, #81efba 100%);
    padding: 22px;
    border: none
}

.subscription-card-body-wrap .card-title {
    color: #000;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: .5px
}

.subscription-card-body-wrap ul {
    padding-left: 0;
    margin-top: 15px
}

.subscription-card-body-wrap ul li {
    list-style: none;
    font-size: 17px;
    font-weight: 500;
    padding: 2px 0
}

.subscribe-now-btn {
    border-radius: 100px;
    background: #fff;
    padding: 11px 30px;
    color: #3c3c3c;
    font-weight: 600;
    border: none;
    margin-top: 10px
}

.subscribe-now-btn:hover {
    background: #fff;
    color: #000
}

.subscription-card-bg-2 {
    background: linear-gradient(90deg, #cae7ed 0, #9cedff 100%)
}

.subscription-card-bg-3 {
    background: linear-gradient(90deg, #ede1ca 0, #ffd789 100%)
}

.remove-btn i {
    font-size: 12px
}

.remove-btn {
    padding: 2px 10px;
    margin: 5px 0 15px
}

.login_bg {
    background-color: #f5f8fa;
    padding: 50px
}

.user-sign-up-form {
    background-color: #fff;
    border-radius: 30px;
    padding: 70px;
    width: 1200px;
    margin-top: 20px
}

.reset-pass-page {
    width: 100% !important;
    height: 750px;
    margin-top: 0px;
}

.logo_bn {
    padding-bottom: 20px
}

.sign-in-text {
    font-size: 25px;
    color: #77838f;
    font-weight: 600;
    margin-bottom: 30px
}

.login-btn-sign-up {
    background: #2fbf26;
    color: #fff;
    border: none;
    padding: 10px;
    border-radius: 10px;
}

.login-verification-text h3 {
    color: #2fbf26;
    font-size: 35px;
    font-weight: 800;
    letter-spacing: 1px;
    margin-bottom: 0
}

.login-verification-text p {
    color: #223542;
    font-size: 22px;
    letter-spacing: 1px
}

.login-verification-text-code .form-control,
.login-verification-text-code span {
    border: none;
    font-size: 40px;
    font-weight: 600
}

.login-verification-text-code span {
    background-color: transparent;
    color: #223542
}

.login-verification-text-code ::placeholder {
    color: #e0e7ec
}

.login-verification-text-code {
    padding: 7px 0
}

.check-input-wrap h5 {
    font-weight: 600;
    font-size: 17px
}

.check-input-wrap label,
.terms-and-cond .form-check-label {
    font-size: 15px;
    font-weight: 500
}

.check-input-wrap .form-check-input {
    margin-right: 7px
}

.check-input-wrap,
.terms-and-cond {
    margin: 20px 0
}

.next-btn-login {
    background-color: #2fbf26;
    padding: 10px 20px;
    width: 68%;
    border-radius: 7px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    margin: 40px 0 10px;
    text-decoration: none;
    display: block;
    text-align: center;
    border: none
}

.otp-ver input {
    width: 50px;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, .5);
    margin: 0 10px;
    text-align: center;
    font-size: 40px
}

.otp-ver .input:focus {
    border-bottom: 3px solid #2fbf26;
    outline: 0
}

.otp-ver .input:first-child,
.otp-ver .input:nth-child(2),
.otp-ver .input:nth-child(3),
.otp-ver .input:nth-child(4) {
    pointer-events: all
}

.sent-otp {
    font-size: 17px;
    padding-top: 50px;
    font-weight: 600
}

.appointment-box .form-switch .form-check-input:checked {
    --bs-form-switch-bg: url(../img/greencheck-icon.svg)
}

.appointment-box .form-switch .form-check-input {
    --bs-form-switch-bg: url(../img/x-mark-icon.svg);
    width: 80px;
    height: 33px;
    border-radius: 100px;
    border: none
}

.appointment-box .form-switch {
    margin: 15px 0
}

.appointment-box .form-check-input:checked {
    background-color: #077100;
    border: none
}

.country-select-wrap .form-check .form-check-input {
    float: right;
    width: 16px;
    height: 16px;
    border: none;
    background-color: transparent;
    margin-left: 55px
}

.country-select-wrap .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(../img/check-icon.svg)
}

.card-height-text {
    height: 120px
}

.banner-top-img img {
    width: 100%
}

.add-id-proof {
    position: relative;
    overflow: hidden;
}

.add-id-proof input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
    cursor: pointer;
}

.home-screen-appointment-book img {
    width: 100%;
}

.profile-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.profile-pic input {
    display: none;
}

.profile-pic img {
    position: absolute;
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 100px;
    z-index: 0;
}

.profile-pic label {
    cursor: pointer;
    height: 100px;
    width: 100px;
}

.profile-pic:hover label {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    z-index: 10000;
    color: #fafafa;
    transition: background-color 0.2s ease-in-out;
    border-radius: 100px;

}

.veiw-file-img {
    text-decoration: none;
    padding-top: 7px;
    display: block;
}


.self-prescription-2 img {
    border-radius: 100px;
    width: 100px;
    height: 100px;
    object-fit: cover;
}


.review-in .owl-carousel .owl-item img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    display: inline;
    vertical-align: -25px;
}

.setting-modal-w .modal-dialog {
    max-width: 700px;
}

.self-intro-wrap h4 {
    font-size: 20px;
    font-weight: 600;

}

.self-intro-wrap span {
    font-size: 16px;
}

.medco-pa-head-mar-2 {
    margin: 0px 117px;
}


.user-login-box input {
    font-size: 16px;
    border: 1px solid #000;
    font-weight: 500;
    padding: 10px;
    width: 84% !important;
}

.forgot-pass-text a {
    font-size: 16px;
    color: #077100;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    margin: 0px 127px;
    padding-top: 30px;
}

.create-new-acc-btn a {
    background-color: #0220D2;
    padding: 10px 20px;
    width: 68%;
    border-radius: 7px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 16px;
    margin: 40px 0 10px;
    text-decoration: none;
    display: block;
    text-align: center;
    border: none;
}

@media(max-width: 1718px) {
    .header-contact {
        display: none;
    }
}

@media (max-width:1399px) {
    .document-uplod-card {
        padding: 18px;
    }


    .appointment_heading span br,
    .dawnload-app p br,
    .header-contact,
    .hero-left-content h1 br,
    .hero-left-content p br {
        display: none
    }

    .appointment_heading {
        padding-top: 36px
    }

    .w-210 {
        width: auto
    }

    .banner-top-img img {
        margin: 30px 0
    }

    .get-appointment-text h2 {
        font-size: 31px
    }

    .specialties-list-card {
        margin-bottom: 30px
    }

    .card-box-appointment-wid p {
        width: 166px;
    }

    .w-210 {
        width: 230px;
    }

    .appointment-box h4 {
        font-size: 14px;
    }

    .footer-links-ms-doc {
        margin-left: 0px !important;
    }
}

@media (max-width:1200px) {


    .appointment-date-card {
        background-color: #0220d2;
        border-radius: 20px;
        padding: 20px 34px
    }



    .help-queries-img img,
    .search-box-2 input {
        width: 100%
    }

    .users-satisfied-text br {
        display: none
    }

    .subscription-card-body-wrap .card-title {
        font-size: 18px
    }

    .owl-theme .owl-nav [class*=owl-] {
        display: none !important
    }

    .hero-left-content {
        padding-top: 0
    }

}

@media(max-width: 1256px) {
    .medco-pa-head-mar-2 {
        margin: 0px 31px;
    }
}

@media (max-width:1199px) {

    .document-uplod-card {
        padding: 30px;
    }

    .appointment_heading {
        padding-top: 0px
    }

    .banner-sec .input-group {
        padding-top: 0px;
    }

    .login-btn {
        margin: 20px 9px 20px 0
    }

    .banner-top-img img {
        width: 70%
    }

    .banner-top-img {
        text-align: center
    }

    .bg-white-card {
        bottom: 617px
    }

    .get-appointment {
        height: 780px
    }

    .login-img-p img {
        margin-top: 40px
    }

    .home-screen-appointment-book img {
        width: 75%;
    }

    .home-screen-appointment-book {
        text-align: center;
        margin: 30px;
    }

    .medco-pa-head-mar-2 {
        margin: 0px 103px;
    }

    .medco-pa-head-mar-2 {
        margin: 0px;
    }

    .ml-20 {
        margin-left: 0px !important;
        padding: 5px 0px 15px 0px !important;
    }

    .navbar-nav-wrap .nav-item .nav-link {
        font-size: 16px !important;
    }

    .w-210 {
        width: auto;
    }

    .appointment-box h4 {
        font-size: 16px;
    }
}

@media(max-width: 1172px) {
    .medco-pa-head-mar-2 {
        margin: 0px 56px;
    }

    .navbar-nav-wrap {
        margin-left: 0px !important;
    }

    .navbar-nav-wrap .nav-item .nav-link {
        font-size: 14px !important;
    }

    .nav-item {
        padding-right: 3px;
    }

    .user-login-box input {
        width: 100% !important;
    }
}

@media(max-width: 1027px) {
    .navbar-nav-wrap .nav-item .nav-link {
        font-size: 14px;
    }
}

@media (max-width:991px) {
    .help-queries-img img {
        display: none;
    }

    .help-queries {
        padding-top: 0px;
    }

    .setting-bg {
        height: 366px;
    }

    .icon-top img {
        width: 25px;
    }

    .login-btn,
    .medco-mob-app img,
    .select-country-btn {
        width: 70%;
        margin: 10px 0px;
    }

    .home-screen-appointment-book img {
        width: 100%;
    }

    .banner-top-img img,
    .next-btn-login,
    .w-210 {
        width: 100%
    }

    .user-sign-up-form {
        padding: 30px;
        margin-top: 0
    }

    .login_bg {
        padding: 21px
    }

    .header-contact {
        display: block
    }

    .login-btn {
        margin: 20px 0 16px
    }

    .medco-app {
        height: 672px
    }

    .bg-white-card {
        bottom: 226px
    }

    .get-appointment {
        height: 450px
    }

    .get-appointment-text h2 {
        margin-bottom: 30px
    }

    .footer-links-ms {
        margin-left: 0
    }

    .home-screen-b {
        margin: 30px 0
    }

    .p-70 {
        padding: 30px 25px;
        margin: 50px 0 0
    }

    .document-uplod-card {
        padding: 30px 12px
    }

    .help-queries-accordion-h,
    .revisiting-bg,
    .sec-box-patient-details {
        margin-top: 30px
    }

    .w-210 {
        margin-bottom: 20px
    }

    .home-screen-a h2 {
        font-size: 34px
    }

    .medco-pa-head-mar-2 {
        margin: 0px 130px;
    }

    .create-new-acc-btn a {
        width: 100%;
    }
}

@media(max-width: 821px) {
    .medco-pa-head-mar-2 {
        margin: 0px 51px;
    }
}

@media (max-width:767px) {
    .forgot-pass-text {
        text-align: center;
    }

    .forgot-pass-text a {
        margin: 0px;
    }

    .capsul-mar {
        margin-top: 17px;
    }

    .bg-green-save {
        width: 100%;
    }

    .prescription-sec {
        margin: 50px 0px 0px 0px;
    }

    .nav-underline {
        justify-content: center;
    }

    .app-store-btn,
    .medco-mob-app {
        text-align: center
    }

    .location-search input,
    .search-box input {
        width: 100%;
        border-radius: 15px
    }

    .specialties-list-img {
        width: 100%;
        height: auto
    }

    .card-box-appointment,
    .check-input-wrap .login-text {
        margin-bottom: 20px
    }

    .check-country-padding {
        margin-top: 20px
    }

    .document-uplod-card .form-check-input {
        width: 23px;
        height: 23px
    }

    .blog-cards .card-body h3 br,
    .medco-docment-text br,
    .owl-next span,
    .owl-prev span,
    h1 br {
        display: none
    }

    .review-in {
        padding: 65px 0
    }

    .dairy-histor-bg,
    .patient-details,
    .revisiting-bg,
    .revisiting-card,
    .sec-box-patient-details {
        padding: 50px 15px
    }

    .blog-card-width,
    .payment-card,
    .revisiting-date,
    .search-box-2 input {
        width: 100%
    }

    .appointment-heading-p {
        padding-top: 40px
    }

    .revisiting-date span {
        padding: 15px 81px
    }

    .revisiting-time {
        margin-top: 12px
    }

    .appointment_heading {
        padding-top: 0px
    }

    .footer-links-ms {
        margin-left: 30px
    }

    .over-all-review h4 {
        margin: 20px 0 0 15px
    }

    .testimonial-sec .carousel-caption {
        bottom: 27px
    }

    .carousel-indicators {
        bottom: 11px
    }

    .banner-sec {
        height: auto;
        padding: 40px 30px 50px 40px
    }

    .specialties-heading h2 {
        font-size: 33px
    }

    .get-appointment {
        padding: 50px 0 0 40px;
        height: 391px
    }

    .get-appointment-text h2,
    .hero-left-content h1 {
        font-size: 36px
    }

    .bg-white-card {
        bottom: 135px;
        margin: 0 10px
    }

    .medco-app {
        height: auto !important
    }

    footer {
        padding: 50px 40px 0
    }

    .app-store-btn {
        padding: 12px 8px 14px 17px;
        width: 100%
    }

    .app-store-p,
    .ml-20 {
        margin-left: 10px
    }

    .footer-links-me {
        margin-left: 0
    }

    .medco-mob-app img {
        padding-left: 0
    }

    .banner-sec .input-group {
        display: block
    }

    .search-box input {
        margin-top: 10px
    }

    .login-btn {
        margin: 12px 16px 10px
    }

    .tab .arrow {
        display: none !important
    }

    .hero-left-content {
        padding-top: 0
    }

    .dawnload-app h2 {
        font-size: 31px
    }

    .medco-pa-head-mar-2 {
        margin: 0px 97px;
    }
}


@media(max-width: 621px) {
    .medco-pa-head-mar-2 {
        margin: 0px 40px;
    }
}

@media(max-width: 576px) {
    .medco-pa-head-mar-2 {
        margin: 0px 0px !important;
    }
}

@media (max-width:546px) {
    .login-verification-text h3 {
        font-size: 29px
    }

    .login-verification-text p {
        font-size: 19px
    }

    .login-verification-text-code .form-control,
    .login-verification-text-code span {
        font-size: 37px
    }
}

@media (max-width:540px) {
    .app-store-p {
        margin-left: 0
    }

    .banner-sec {
        padding: 10px 26px 0
    }

    .specialties-list {
        padding: 60px 0 70px
    }

    .blog-cards .card-body h3 {
        font-size: 23px
    }

    .specialties-heading h2 {
        font-size: 30px;
        padding-top: 7px
    }

    .users-satisfied {
        padding: 60px 15px 30px
    }

    .dawnload-app h2 {
        font-size: 26px
    }

    .appdownload_icon {
        width: 100%;
        margin-bottom: 10px
    }

    .apple-icon,
    .dawnload-app-store {
        text-align: center
    }
}

@media (max-width:480px) {
    .appointment-heading h2 {
        font-size: 23px;

    }

    .tab-text-center {
        text-align: center;
    }

    .self-prescription-wrap {
        flex-wrap: wrap;
    }

    .self-prescription-3 {
        width: 100%;
        text-align: center;
    }

    .self-intro-wrap {
        width: 100%;
        text-align: center;
    }

    .self-intro-wrap h4 {
        margin-top: 8px;
    }

    /* today */
    .responsive-calendar {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .login-btn,
    .medco-mob-app img,
    .select-country-btn {
        width: 80%
    }

    .payment-card p {
        font-size: 17px;
        margin-top: 11px
    }

    .app_text h4,
    .money-text p {
        font-size: 12px
    }

    .blog-cards .card-body h3,
    .home-screen-a h2 {
        font-size: 22px
    }

    .money-recived-time p {
        margin-left: 10px;
        font-size: 13px
    }

    .hero-left-content h1 {
        font-size: 31px
    }

    .app-store-btn {
        padding: 12px 1px 14px 16px
    }

    .dawnload-app h2 {
        font-size: 21px
    }

    .login-btn {
        margin: 15px 0 5px
    }

    .ml-20,
    .navbar-nav-wrap {
        margin-left: 0
    }

    .users-satisfied h2 {
        font-size: 32px
    }

    .dawnload-app-store span {
        font-size: 10px
    }

    .home-screen-a p {
        font-size: 16px
    }

    .specialties-heading h2 {
        font-size: 25px
    }

    .login-verification-text h3,
    .login-verification-text-code .form-control {
        font-size: 19px
    }

    .login-verification-text p {
        font-size: 13px
    }

    .login-verification-text-code span {
        font-size: 20px
    }

    .ml-20 {
        padding-bottom: 0px !important;
    }

    .ml-20 {
        flex-wrap: wrap;
    }

    .ml-35 {
        margin: -2px 0px;
    }
}


@media (max-width:400px) {
    .footer-links-ms {
        margin-left: 0;
        width: 100%
    }

    .hero-left-content h1 {
        font-size: 23px
    }

    .hero-left-content p {
        font-size: 12px
    }

    .otp-ver input {
        width: 30px;
        font-size: 25px;
    }

    .sent-otp {
        font-size: 12px;
    }
}

@media (max-width:450px) {
    .appointment-time {
        width: 100%
    }

    .document-uplod-card label {
        font-size: 14px
    }

    .user-text {
        font-size: 16px
    }

    .hero-left-content h1 {
        font-size: 23px
    }

    .bg-green-save {
        width: 100%;
    }
}

@media(max-width: 381px) {
    .next-btn-login {
        padding: 10px 0px;
        font-size: 13px;
    }
}

@media (max-width:375px) {

    .appointment-date-card h4,
    .sign-in-text,
    .users-satisfied-text {
        font-size: 19px
    }

    .appointment_heading span {
        font-size: 17px
    }

    .appointment-date-card p {
        font-size: 14px
    }

    .appointment-date-card {
        padding: 20px 15px
    }

    .users-satisfied {
        padding: 50px 18px
    }

    .users-satisfied h2 {
        font-size: 29px
    }

    .get-appointment-text h2 {
        font-size: 30px
    }

    footer {
        padding: 50px 17px 0
    }

    .view-all-doc {
        margin-top: 15px
    }

    .blog-cards .card-body h3 br {
        display: none
    }

    .specialties-heading h2 {
        font-size: 27px
    }

    .blog-cards .card-body h3 {
        font-size: 23px
    }

    .hero-left-content p {
        font-size: 21px
    }

    .footer-links-ms {
        margin-left: 0;
        width: 100%
    }

    .users-satisfied-text {
        font-size: 15px;
        line-height: 25px
    }

    /* today */
    .appointment-heading h2 {
        font-size: 21px;
    }
}

@media (max-width:360px) {
    .blog-cards-heading h2 {
        font-size: 33px
    }

    .hero-left-content h1 {
        font-size: 19px
    }

    .get-appointment-text h2 {
        font-size: 28px
    }

    .check-input-wrap h5,
    .hero-left-content p {
        font-size: 14px
    }

    .dawnload-app h2,
    .login-verification-text h3 {
        font-size: 16px
    }

    .dawnload-app p {
        font-size: 15px;
        padding-top: 0
    }

    .login-verification-text p {
        font-size: 10px
    }

    .terms-and-cond .form-check-label {
        font-size: 12px
    }

    .copyright-text p {
        font-size: 12px;
    }

    .create-new-acc-btn a {
        font-size: 13px;
        padding: 10px 0px;
    }
}
 
@media (max-width:340px) {
    .blog-cards .card-body .card-text {
        font-size: 16px
    }

    .verification-text {
        font-size: 15px;
    }

    .prescription-img-w img {
        width: 65px;
        height: 65px;
    }

    .prescription-text h4 {
        font-size: 15px;
    }
}


@media (max-width:322px) {
    .banner-sec {
        padding: 10px 26px 0 20px
    }

    .user-text {
        font-size: 12px
    }

    .blog-cards-heading h2 {
        font-size: 31px
    }

    .get-appointment-text h2 {
        font-size: 25px
    }

    .hero-left-content h1 {
        font-size: 19px
    }

    .specialties-heading h2 {
        font-size: 23px
    }
}

.loading {
    z-index: 3000;
    position: fixed;
    top: 0;
    left: -5px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.loading-content {
    position: absolute;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 40%;
    left: 50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}