@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap");
* {
    font-family: "Poppins", sans-serif;
}

input[type=number] {
    -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#submitBtn:disabled {
    opacity: 0.5 !important;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

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

.justify-content-between {
    justify-content: space-between;
}

.white-text {
    color: white !important;
}

.border-1 {
    border: 10px solid red !important;
}

.features-in-banner li::before {
    content: "\2713";
    margin: 6px;
    padding: 1px 6px;
    background: white;
    color: #17449e;
    border-radius: 50%;
    font-weight: 900;
    font-size: 14px;
}

.features-in-banner li {
    list-style: none;
    font-size: 17px;
}

ul {
    margin: 0;
}

.logo-img-in-header img {
    margin-top: -7px;
    height: 35px !important;
}

.logo-img-in-mobile img {
    height: 35px !important;
    margin-top: -7px;
}

.tp-rightarrow.tparrows.uranus,
.tp-leftarrow.tparrows.uranus {
    display: none !important;
}

.strap-counters {
    height: 200px;
}

.head-inside-our-services h4 {
    margin: 20px !important;
    color: #666666 !important;
}

.mediz-main-menu-right-button {
    margin-top: 0 !important;
}

.mediz-navigation .mediz-main-menu-right-wrap {
    margin-top: -5px !important;
}

.blueText {
    color: #17449e !important;
}

.bigTitle {
    font-size: 150px !important;
    color: white;
    font-weight: 900;
}

.bigTitle.aboutTitle {
    font-size: 100px !important;
}

.faq-first-image {
    background: url("../upload/FAQ-bg.jpg") #17449e99 no-repeat;
    background-blend-mode: soft-light;
    height: 600px;
    background-size: 100%;
    background-position: 0 -100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq-first-image.about-first-image {
    background: url("../upload/about-us-bg.jpg") #17449e99 no-repeat !important;
    background-size: cover !important;
    background-position: 0 bottom !important;
}

.accordion {
    margin: 20px 0;
}

.accordion_item {
    max-width: 80%;
    margin: 16px auto;
}

.accordion_head {
    padding: 8px;
    color: #17449e;
    font-weight: 600;
    font-size: 20px;
    border: 1px solid #5f5f5f;
    border-left: 0 !important;
    border-right: 0;
    border-bottom: 0;
    cursor: pointer;
}

.accordion_item:last-child .accordion_head {
    border-bottom: 1px solid #e7e7e7 !important;
    padding-bottom: 20px;
}

.accordion_head svg {
    fill: #17449e;
}

.accordion_content {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
    opacity: 0;
}

.float-right {
    float: right;
}

.accordion_head.active+.accordion_content {
    height: fit-content;
    margin: 4px 0;
    padding: 4px;
    opacity: 1;
}

.accordion_head.active span {
    transform: rotateZ(180deg);
    transition: all 0.6s;
}

.faqHead {
    font-size: 50px;
    font-weight: 600;
    margin: 52px 0;
    text-align: center;
    color: #343434;
}

ul.list-in-faq li::before {
    margin-right: 8px;
    content: "\00a0";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 100%;
    background: #555;
    vertical-align: middle;
}

.contact-us-bg {
    background: #17449e url("../upload/bg-1.jpg") no-repeat;
    background-position: 0 0 !important;
    background-blend-mode: soft-light;
}

.mediz-top-bar-right {
    margin-top: 8px;
}

.contact-us-content .gdlr-core-item-pdb {
    padding-bottom: 10px;
}

#rev_slider_2_1 {
    height: 600px !important;
}

#rev_slider_2_1_forcefullwidth {
    height: 600px;
}

.first-layer-desc {
    line-height: normal !important;
    font-size: 18px !important;
    text-align: justify !important;
    font-weight: 500 !important;
    margin-left: -3px !important;
}

.about-us-first-image-content>div {
    flex: 0.5;
}

.about-us-first-image-content {
    margin: 45px auto;
    width: 80%;
    flex-direction: row-reverse;
}

.about-us-profile-image {
    width: 70%;
    height: auto;
    margin: 0 auto;
}

.about-row-reverse {
    flex-direction: row-reverse;
}

.about-specialized-expertise {
    margin: 45px auto;
}

.about-specialized-expertise h3 {
    text-align: center;
}

.medical-career-content {
    background: #f4f8ff;
}

.medical-achivements-content {
    display: flex;
    align-items: center;
}

.medical-achivements-content>h1 {
    margin: 25px 33% 25px auto !important;
}

.medical-achivements-content-container {
    background: #f4f8ff;
}

.career-timeline {
    /* width: 80%;
    margin: 0 auto;
    border: 2px dashed lightblue;
    border-style: dashed !important;
    border-top: 0;
    border-left: 2px dashed #17449e !important;
    border-right: 0;
    padding: 33px 25px;
    position: relative; */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    border: none !important;
    background: white;
    width: 400px;
    padding: 33px 25px;
    margin: 25px 15px;
    /* clip-path: polygon(0% 0%, 84% 0, 85% 34%, 100% 48%, 85% 57%, 85% 100%, 0 100%); */
}

.box-1-in-career .career-timeline {
    clip-path: polygon(0% 0%, 89% 0, 89% 32%, 100% 51%, 90% 67%, 90% 99%, 0 100%);
}

.career-info-main {
    background: #f4f8ff;
    padding: 20px 0;
}

.graduation-icon svg {
    fill: #17449e;
    height: 50px;
    width: auto;
}

.box-1-in-career {
    height: 600px;
    width: 100%;
    /* margin: 15px auto; */
    display: flex;
    align-items: center;
}

.box-1-in-career>div:first-child {
    border-right: 5px solid #17449e;
}

.box-1-in-career>div {
    height: 100%;
    flex: 0.5;
    position: relative;
}

.specialized-expert-new-content {
    background: #17449e;
    padding: 3px 0;
}

.specialized-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
}

.specialized-card {
    width: 300px;
    height: 350px;
    background: white;
    border-radius: 8px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    margin: 20px;
    padding-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.img-in-specialization.first-image-in-specialization {
    height: 45%;
    width: 100%;
    background: url("../upload/specialized/first.jpg") no-repeat;
    background-size: cover;
    background-position: center;
}

.img-in-specialization.second-image-in-specialization {
    height: 45%;
    width: 100%;
    background: url("../upload/specialized/second.jpg") no-repeat;
    background-size: 200%;
    background-position: center;
}

.img-in-specialization.third-image-in-specialization {
    height: 45%;
    width: 100%;
    background: url("../upload/specialized/third.jpg") no-repeat;
    background-size: cover;
    background-position: center -90px;
}

.specialization-card-head {
    font-size: 18px;
    font-weight: bold;
    color: #17449e;
}

.specialization-card-description {
    font-size: 15px;
    margin: 8px 0;
}

.specialization-content {
    padding: 12px;
}

.specialized-content-head>h1 {
    color: #fff !important;
    text-align: center;
    margin-bottom: 23px !important;
}

#gdlr-core-column-25407 input,
#gdlr-core-column-25407 textarea {
    color: #353535 !important;
    font-weight: 500;
}

.phoneNumber {
    transition: all 0.6s;
}

#rev_slider_2_1 .slider-hospital-bg rs-sbg-px rs-sbg-wrap rs-sbg {
    background-position: center 0 !important;
}

.mediz-footer-wrapper {
    padding-top: 15px !important;
    padding-bottom: 5px !important;
}

#rev_slider_2_1_wrapper rs-sbg-px rs-sbg-wrap rs-sbg {
    background-position: center 0 !important;
}

.service-card {
    background: #c3d4fff7 !important;
    border-radius: 4px;
    position: relative;
    margin-top: 80px !important;
    padding: 15px !important;
    width: 22% !important;
    padding-top: 60px !important;
    margin: 15px;
    flex: auto;
}

.service-content p {
    font-weight: 500;
    color: rgb(66, 66, 66);
}

.gdlr-core-page-builder-body .service-Head h3 {
    color: #17449e !important;
}

.service-icon {
    position: absolute;
    border-radius: 100%;
    left: 80px;
    top: -70px;
    background: white;
    height: 120px;
    width: 120px;
    display: grid;
    place-items: center;
    box-shadow: 0px -2px 16px rgba(87, 166, 250, 0.2);
}

.service-cards {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.mediz-copyright-right {
    margin-left: auto;
}

.custom-copyright-container {
    padding: 15px 40px !important;
}

.mediz-copyright-wrapper {
    box-shadow: -2px 0 10px rgba(30, 87, 153, 0.2);
}

.testimonial-next-arrow {
    font-size: 40px;
    right: -120px;
}

.testimonial-previous-arrow {
    font-size: 40px;
    left: -120px;
}

.footerLogo {
    height: 35px !important;
    width: auto !important;
}

button:disabled {
    opacity: 0.5 !important;
}

@media (min-width: 1301px) {
    .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap {
        background-position: 0 -365px !important;
    }
}

@media (min-width: 1600px) {
    .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap {
        background-position: 0 -565px !important;
    }
}

@media (min-width: 2000px) {
    .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap {
        background-position: 0 -705px !important;
    }
}

@media (max-width: 1300px) {
    .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap {
        background-position: 0 568px !important;
    }
    .first-layer-desc {
        line-height: 24px !important;
        font-size: 17px !important;
        text-align: justify !important;
        font-weight: 500 !important;
        margin-left: -3px !important;
    }
}

@media (max-width: 1280px) {
    .service-card {
        width: 30% !important;
        flex: unset !important;
    }
}

@media (max-width: 1050px) {
    .faq-first-image {
        background-size: cover;
        background-position: 0 0;
    }
    #rev_slider_2_1 {
        height: 500px !important;
    }
    #rev_slider_2_1_forcefullwidth {
        height: 500px;
    }
    .about-us-first-image-content {
        width: 90%;
    }
}

@media (min-width: 804px) {
    .logoInFooter {
        margin-top: -60px;
    }
}

@media (max-width: 992px) {
    .head-in-landing {
        font-size: 25px !important;
    }
    #rev_slider_2_1 {
        height: 450px !important;
    }
    #rev_slider_2_1_forcefullwidth {
        height: 450px;
    }
    .first-layer-desc {
        line-height: 20px !important;
        font-size: 15px !important;
        text-align: left !important;
        font-weight: 400 !important;
        margin-left: -3px !important;
    }
    .bigTitle.aboutTitle {
        font-size: 80px !important;
    }
    .medical-achivements-content>h1 {
        margin: 25px 28% 25px auto !important;
        font-size: 37px !important;
    }
    .service-card {
        flex: auto !important;
        flex-basis: 45% !important;
    }
    .custom-copyright-container {
        padding: 15px 20px !important;
    }
}

@media (max-width: 767px) {
    .bigTitle {
        font-size: 80px !important;
    }
    .faq-first-image {
        height: 350px;
    }
    .features-in-banner li {
        font-size: 14px;
        margin: 6px 0 !important;
    }
    .features-wrapper-in-banner {
        flex-direction: column;
    }
    .features-in-banner li::before {
        content: "\2713";
        margin: 6px;
        padding: 0px 4px;
        background: white;
        color: #17449e;
        border-radius: 50%;
        font-weight: 900;
        font-size: 12px;
    }
    #slider-2-slide-5-layer-8.rev-btn {
        bottom: -28px;
    }
    .features-wrapper-in-banner>div:last-child {
        margin-top: -6px !important;
    }
    .strap-counters>div:nth-child(2)>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .strap-counters {
        height: auto;
    }
    h1.heading-in-aboutus {
        font-size: 25px !important;
    }
    .footer-services-parent {
        flex-direction: column;
    }
    .subhead-in-landing {
        font-size: 16px !important;
        font-weight: 400 !important;
    }
    .head-in-landing {
        font-size: 35px !important;
    }
    .tp-bullets.horizontal {
        display: none !important;
    }
    .head-inside-our-services h4 {
        margin: 20px !important;
        color: #666666 !important;
        font-size: 19px !important;
    }
    .mediz-footer-column {
        margin-bottom: 0px;
    }
    .mediz-footer-wrapper {
        padding: 15px 0 !important;
    }
    .display-none-in-mobile {
        display: none !important;
    }
    .faqHead {
        font-size: 25px;
    }
    .accordion_head {
        font-size: 16px;
    }
    .accordion_item {
        max-width: 90%;
    }
    .accordion_content p {
        margin: 18px 0;
    }
    #rev_slider_2_1_wrapper rs-sbg {
        background-position: 0 !important;
    }
    .about-us-first-image-content {
        flex-direction: column;
    }
    .about-us-profile-image {
        width: 100%;
    }
    .about-specialized-expertise li {
        list-style-position: inside;
    }
    .about-specialized-expertise>div:first-child {
        margin-bottom: 12px !important;
    }
    .medical-achivements-content {
        flex-direction: column-reverse;
    }
    .medical-achivements-content h1 {
        font-size: 35px !important;
    }
    .medical-achivements-content .gdlr-core-pbf-wrapper {
        padding: 8px 0 8px;
    }
    .medical-achivements-content>h1 {
        margin: 25px auto !important;
        font-size: 27px !important;
    }
    .specialized-content-head>h1 {
        font-size: 25px !important;
    }
    .service-card {
        flex: auto;
    }
    .custom-copyright-container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 8px 15px 8px !important;
    }
    .custom-copyright-container>div:nth-child(2) {
        margin-left: unset !important;
        padding-left: 5px;
        text-align: left;
    }
    .custom-copyright-container>div {
        padding: 0;
    }
    .customize-mobile-header-container {
        padding: 0 !important;
    }
    #mediz-mobile-header.mediz-mobile-header .customize-mobile-header-container .mediz-logo {
        padding: 0 8px !important;
    }
    .testimonial-next-arrow {
        font-size: 25px;
        right: -10px !important;
    }
    .testimonial-previous-arrow {
        font-size: 25px;
        left: -10px !important;
    }
    #rev_slider_2_1_wrapper rs-sbg-px rs-sbg-wrap rs-sbg {
        background-position: 0 0 !important;
    }
}

@media (max-width: 575px) {
    .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap {
        background-position: -481px -51px !important;
    }
    .bigTitle.aboutTitle {
        font-size: 50px !important;
    }
}

@media (max-width: 429px) {
    .gdlr-core-tab-feature3-item .gdlr-core-tab-feature3-content-wrap {
        background-position: -481px -101px !important;
    }
    .faq-first-image {
        height: 250px;
    }
    #rev_slider_2_1 {
        height: 490px !important;
    }
    #rev_slider_2_1_forcefullwidth {
        height: 490px;
    }
}

.logo-in-timeline {
    height: 55px;
    width: 55px;
    border-radius: 100%;
    object-fit: contain;
}

.logo-in-timeline.cover-img {
    object-fit: cover;
}


/* ================ The Timeline ================ */

.timeline {
    position: relative;
    width: 660px;
    margin: 0 auto;
    margin-top: 20px;
    padding: 1em 0;
    list-style-type: none;
}

.timeline:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: " ";
    display: block;
    width: 6px;
    height: 100%;
    margin-left: -3px;
    /* background: rgb(80, 80, 80);
    background: -moz-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
    background: -webkit-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
    background: -o-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
    background: -ms-linear-gradient(top, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
    background: linear-gradient(to bottom, rgba(80, 80, 80, 0) 0%, rgb(80, 80, 80) 8%, rgb(80, 80, 80) 92%, rgba(80, 80, 80, 0) 100%);
    z-index: 5; */
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(30, 87, 153, 1)), color-stop(100%, rgba(125, 185, 232, 1)));
}

.direction-l .flag.gold-medalist::after {
    border-left-color: rgb(255 176 8);
}

.timeline li {
    padding: 2.5em 0;
}

.timeline li:first-child {
    padding-top: 0 !important;
}

.timeline li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.direction-l {
    position: relative;
    width: 300px;
    float: left;
    background: white;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
}

.direction-l::before {
    content: " ";
    height: 35px;
    width: 35px;
    background: white url("../upload/svg/graduation-cap.svg") no-repeat;
    background-position: center;
    border-radius: 100%;
    position: absolute;
    right: -46px;
}

.direction-l.professional-icon::before {
    content: url("../upload/svg/doctor.svg");
    height: 35px;
    width: 35px;
    padding: 6px 8px;
    background: white;
    background-position: center;
    border-radius: 100%;
    position: absolute;
    right: -46px;
}

.direction-r.professional-icon::before {
    content: url("../upload/svg/doctor.svg");
    height: 35px;
    width: 35px;
    padding: 6px 8px;
    background: white;
    background-position: center;
    border-radius: 100%;
    position: absolute;
    right: -46px;
}

.direction-r::before {
    content: " ";
    height: 35px;
    width: 35px;
    background: white url("../upload/svg/graduation-cap.svg") no-repeat;
    background-position: center;
    border-radius: 100%;
    position: absolute;
    right: -46px;
}

.direction-l.gold-icon-with-direction::before {
    content: url("../upload/svg/medal.svg") !important;
    height: 35px;
    width: 35px;
    padding: 8px 9px;
    background: rgb(255 176 8);
    border-radius: 100%;
    position: absolute;
    right: -46px;
}

.direction-r {
    position: relative;
    width: 300px;
    float: right;
    background: white;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.2);
}

.flag-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.flag {
    position: relative;
    display: block;
    box-shadow: none !important;
    background: none !important;
    /* background: rgb(248, 248, 248); */
    /* padding: 6px 10px; */
    border-radius: 5px;
    font-weight: 600;
    text-align: left;
}

.logo-and-year {
    align-items: center;
}

.logo-and-year .year {
    font-size: 25px;
    margin-left: 10px;
    color: #17449e;
}

.direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.direction-r:before {
    left: -46px;
}

.direction-l:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 20%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-left-color: white;
    border-width: 8px;
    pointer-events: none;
}

.direction-r:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 20%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: white;
    border-width: 8px;
    pointer-events: none;
}


/* .direction-r .flag:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(248, 248, 248);
    border-width: 8px;
    pointer-events: none;
} */

.time-wrapper {
    display: inline;
    line-height: 1em;
    font-size: 0.66666em;
    color: rgb(250, 80, 80);
    vertical-align: middle;
}

.direction-l .time-wrapper {
    float: left;
}

.direction-r .time-wrapper {
    float: right;
}

.time {
    display: inline-block;
    padding: 4px 6px;
    background: rgb(248, 248, 248);
}

.desc {
    margin: 1em 0.75em 0 0;
    font-size: 0.77777em;
    font-style: italic;
    line-height: 1.5em;
}

.direction-r .desc {
    margin: 1em 0 0 0.75em;
}


/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {
    .timeline {
        width: 100%;
        padding: 4em 0 1em 0;
    }
    .timeline li {
        padding: 2em 0;
    }
    .direction-l,
    .direction-r {
        float: none;
        width: 90%;
        margin: 30px auto;
        text-align: center;
    }
    .flag-wrapper {
        text-align: center;
    }
    .flag {
        background: rgb(255, 255, 255);
        z-index: 15;
    }
    .direction-l .flag:before,
    .direction-r .flag:before {
        position: absolute;
        top: -30px;
        left: 50%;
        content: " ";
        display: block;
        margin-left: -18px;
        z-index: 10;
    }
    .direction-l .flag:after,
    .direction-r .flag:after {
        content: "";
        position: absolute;
        left: 50%;
        top: -8px;
        height: 0;
        width: 0;
        margin-left: -8px;
        border: solid transparent;
        border-bottom-color: rgb(255, 255, 255);
        border-width: 8px;
        pointer-events: none;
    }
    .time-wrapper {
        display: block;
        position: relative;
        margin: 4px 0 0 0;
        z-index: 14;
    }
    .direction-l .time-wrapper {
        float: none;
    }
    .direction-r .time-wrapper {
        float: none;
    }
    .direction-l::before {
        right: 46.5% !important;
        top: -78px !important;
    }
    .direction-r::before {
        left: 46.5% !important;
        top: -78px !important;
    }
    .direction-l::after {
        left: 48.5%;
        right: unset !important;
        top: -8px !important;
        transform: rotate(-90deg);
    }
    .direction-r::after {
        left: 48.5% !important;
        top: -8px !important;
        transform: rotate(90deg);
    }
}

@media (max-width: 530px) {
    .direction-l::after {
        left: 48%;
        right: unset !important;
        top: -8px !important;
        transform: rotate(-90deg);
    }
    .direction-r::after {
        left: 48% !important;
        top: -8px !important;
        transform: rotate(90deg);
    }
    .direction-l::before {
        right: 45% !important;
        top: -78px !important;
    }
    .direction-r::before {
        left: 45% !important;
        top: -78px !important;
    }
}

@media (max-width: 425px) {
    .direction-l::after {
        left: 47%;
        right: unset !important;
        top: -8px !important;
        transform: rotate(-90deg);
    }
    .direction-r::after {
        left: 47% !important;
        top: -8px !important;
        transform: rotate(90deg);
    }
    .direction-l::before {
        right: 44% !important;
        top: -78px !important;
    }
    .direction-r::before {
        left: 44% !important;
        top: -78px !important;
    }
}


/* new timeline stethoscope */

.medical-career-new-content {
    padding: 20px 0 0 0;
}

.doctor-stethoscope-bg {
    background-image: url("../upload/career-timeline/stethoscope.png");
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    width: 300px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.year-circle {
    height: 80px;
    width: 80px;
    background: #253b81;
    border: 8px solid #1b2f71;
    border-color: #1b2f71 !important;
    border-radius: 100%;
    color: white;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.designation-timeline {
    color: #253b81 !important;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: 8px 0;
}

.timeline-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 280px;
    text-align: center;
    position: relative;
}

.timeline-card.first-timeline-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 250px !important;
    text-align: center;
    position: relative;
}

.timeline-border {
    min-height: 800px;
    padding-bottom: 50px;
    padding-left: 50px;
    margin-left: 140px;
    margin-top: -36px;
    border-left: 12px solid #414141 !important;
}

.step-odd-timeline-card .border-connect-with-circle {
    position: absolute;
    height: 12px;
    width: 151px;
    background: #414141;
    left: -50px;
    top: 38px;
}

.step-even-timeline-card .border-connect-with-circle {
    position: absolute;
    height: 12px;
    width: 351px;
    background: #414141;
    left: -250px;
    top: 38px;
}

.step-even-timeline-card .timeline-card {
    margin-left: 200px;
}

.timeline-goldmedal-new {
    height: 35px;
    width: auto;
}

.medical-big-round {
    border: 10px solid #414141;
    border-color: #414141 !important;
    border-radius: 100%;
    width: fit-content;
    padding: 10px;
    margin-left: 67px;
    margin-bottom: 20px;
}

.medical-big-round>.year-circle {
    height: 120px;
    width: 120px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

@media (max-width: 768px) {
    .left-doctor-timeline {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .step-even-timeline-card .timeline-card {
        margin-left: 0;
    }
    .border-connect-with-circle {
        display: none;
    }
    .timeline-border {
        border: none !important;
        border-color: unset !important;
        margin: unset;
        padding: unset;
        position: relative;
    }
    .timeline-border>div {
        margin: 35px 0;
    }
    .mobile-border-new-timeline {
        position: absolute;
        height: 102%;
        width: 12px;
        top: -65px;
        background: #414141;
        left: 46%;
    }
    .timeline-card .designation-timeline,
    .timeline-card .description-timeline {
        background: white;
    }
    .timeline-card {
        margin-right: 15px;
    }
    .timeline-card.first-timeline-card .designation-timeline,
    .timeline-card.first-timeline-card .description-timeline {
        background: transparent;
    }
    .timeline-card.first-timeline-card {
        margin-right: 0;
    }
    .medical-big-round {
        margin-left: -12px;
    }
}

label.error {
    color: crimson;
}

#appointment-form label.error {
    color: #fba2b3;
}

abel.error {
    color: crimson;
}

#appointment-form label.error {
    color: #fba2b3 !important;
}