@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
@import "font-awesome-sprockets";
@import "font-awesome";

@font-face {
    font-family: Montserrat;
    src: url("./Montserrat//static/Montserrat-Medium.ttf");
}

@font-face {
    font-family: Montserrat-Regular;
    src: url("./Montserrat//static/Montserrat-Regular.ttf");
}

@font-face {
    font-family: Montserrat-Bold;
    src: url("./Montserrat/static/Montserrat-Bold.ttf");
}

/* Globally */
/* Start */

body {
    padding: 0;
    margin: 0;
    font-family: Montserrat-Regular;
}

p {
    font-size: 14px;
}

h6 {
    font-size: 20px;
}

.page-label {
    background-color: #87a15f;
}

.page-content-width {
    max-width: 1250px;
    margin: 0 auto;
    width: 100%;
}

.main-title {
    max-width: 650px;
    margin: 0 auto;
}

.section-padding {
    padding: 50px 0;
}

.background-color {
    background-color: #f0f0f0;
}

.container {
    max-width: 1250px;
}

.main-content-heading {
    font-size: 32px;
    font-weight: 600;
    font-family: Montserrat;
}

.main-content-subheading {
    font-size: 20px;
    font-weight: 600;
    font-family: Montserrat-Regular;
}

.regular-font {
    font-family: Montserrat-Regular;
}

.bold-font {
    font-family: Montserrat-Bold;
}

.contact-page-heading {
    font-size: 25px;
    font-weight: 600;
    font-family: Montserrat;
}

.text-clamp-2 {

    -webkit-line-clamp: 2;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.text-clamp-3 {

    -webkit-line-clamp: 3;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.text-clamp-4 {

    -webkit-line-clamp: 4;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

}

.hover-blue-btn:hover {
    background-color: #f5ba36 !important;
    cursor: pointer;
}

.hover-white-btn:hover {
    background-color: #000 !important;
    color: white;
    cursor: pointer;
}

.hover-black-btn:hover {
    background: #242424 !important;
    cursor: pointer;
}

.card-shadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
    transition: 0.5s all ease;
    cursor: pointer;
}

.hover-shdow:hover {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    transform: scale(1.02);
}

.blue-hover-shadow:hover {
    box-shadow: 0px 1px 19px 0px rgb(139 178 246) !important;
    transform: scale(1.02);
}

.partner-icon {
    transition: transform .5s;
}

.partner-icon:hover {
    transform: scale(1.1);
}

.nav-tab-link::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #809a58;
    transition: width .5s;
}

.nav-tab-link:hover::after {
    width: 100%;
}

.youtube-btn:hover {
    color: #809a58;
}

.connect-with-us-points {
    margin-left: 50px;
    max-width: 440px;
    width: 100%;
    cursor: pointer;
}

.connect-with-us-points .bi-check-circle {
    transition: font-size 0.35s ease;
}

.connect-with-us-points:hover .bi-check-circle {
    font-size: 30px;
}

.left-to-right {
    animation: left_to_right-200 1s ease !important;
}

@keyframes left_to_right-200 {
    0% {
        margin-left: -200%;
    }
}

.right-to-left {
    animation: rigth_to_left-200 1s ease !important;
}

@keyframes rigth_to_left-200 {
    from {
        margin-left: 100%;
        width: 300%;
    }

    to {
        margin-left: 0%;
        width: 100%;
    }
}

.animation-left-to-right {
    animation: right-to-left-100 0.7s ease !important;
}

@keyframes right-to-left-100 {
    0% {
        margin-right: -100%;
    }
}

/* End */

/* Navbar */
/* Start */
.navbar {
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
    padding: 0px !important;
}

.navbar-nav .nav-item {
    display: inline-block;
    padding: 20px 30px;
    text-decoration: none;
    font-weight: 600;
}

.navbar-nav .nav-link {
    color: black;
    font-family: Montserrat;
    font-size: 14px;
}

.navbar-nav a:hover {
    color: #809a58;
}

.navbar-collapse .contact-btn {
    background-color: #809a58;
    color: white;
    /* padding: 10px 30px; */
    border-radius: 3px;
    border: none;
    font-weight: 600;
}

.home-icon {
    padding: 7px 8px 8px 8px !important;
}

.home-icon-img img {
    width: 18px;
    margin-bottom: 5px;
}

.home-icon-text {
    display: none;
}

/* End */

/* Bootstrap Built in css */
/* Start */
.row {
    margin-right: 0 !important;
}

/* End */

/* Banner-1 */
/* Start */
.banner-1 {
    padding: 142px 0;
    /* background-color: rgb(229, 238, 216); */
    background-image: url("../Images/Home/pennine-banner-bone.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-right-img {
    top: 63px;
    right: 357px;
}

.banner-1 h1 {
    color: #50692a;
    font-size: 70px;
    font-family: Montserrat-Bold;
}

.banner-1 h1 .highlight-text {
    color: #809a58;
}

.book-a-demo {
    padding-top: 10px;
}

.banner-1 p {
    color: #50692a;
    font-weight: 600;
    letter-spacing: initial;
    font-size: 19px;
}

.banner-btns button {
    background-color: #809a58;
    color: white;
    padding: 12px 30px;
    border: none;
    font-weight: 600;
    border-radius: 5px;
}

.banner-btns a {
    text-decoration: none;
    color: #809a58;
    font-size: 18px;
}

/* End */

/* ABout US 02 */
/* Start */
.about-us-2 {
    padding: 120px 0;
}

.about-card h3 {
    color: #809a58;
    font-size: 45px;
    font-weight: 700;

}

.about-card h4 {
    font-weight: 700;
    font-size: 22px;

}

.about-card p {
    font-size: 14px;
}

.about-us-2 .card-2 {
    margin-top: 1rem !important;
}

.about-image {
    position: relative;
}

.about-image button i {
    font-size: 65px;
    color: rgb(221, 7, 7);
}

.about-image button {
    border-radius: 100%;
    padding: 4px 20px 3px 20px;
    border: none;
    background-color: #ffffffd3;
    position: absolute;
    top: 20%;
    right: -9%;
}

.experience-card {
    background-color: white;
    padding: 10px;
    border-radius: 20px;
    width: max-content;
    position: absolute;
    top: 72.5%;
    right: -5%;
}

.inner-experience-card {
    border-radius: 10px 0 0 10px;
    display: flex;
    background-color: #809a58;
    padding: 20px 30px;
}

.experience-text span {
    font-size: 15px;
    color: aliceblue;
}


.about-image img {
    border-radius: 20px;
    width: 480px;
    height: 450px;
}

.about-info {
    padding-left: 17px;
}

.about-info h6 {
    font-weight: 600;
    font-size: 20px;
}

.about-info h3 {
    font-weight: 600;
    font-size: 25px;
    line-height: 45px;
    font-family: Montserrat-Bold;
    color: #809a58;
}

.about-us-point i {
    font-size: 30px;
    color: #809a58;
}

.about-us-point .points-div {
    width: 180px;
}

.about-info a {
    font-weight: 600;
    text-decoration: none;
    color: black;
}

.read-more-div {
    padding-left: 13px;
    padding-top: 34px;
}

/* End */

.experience-card .experience-img img {
    width: 50px;
    height: 70px;
    border-radius: 0;
}

/* Choose Us */
/* Start */
.choose-us {
    background-image: url("../Images/Home/Discover-Your-Bone-Needs-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.choose-us .main-headings p {
    margin-left: auto;
    margin-right: auto;
    width: 50em;
}

.choose-us-card-1,
.choose-us-card-2,
.choose-us-card-3,
.choose-us-card-4,
.choose-us-card-5,
.choose-us-card-6 {
    text-align: center;
    padding: 30px 28px;
    border: 3px solid white;
    transition: 0.5s all ease;
}

.choose-us-card-1 {
    border-radius: 150px 40px 10px 40px;
}

.choose-us-card-2 {
    border-radius: 150px 150px 10px 10px;
}

.choose-us-card-3 {
    border-radius: 40px 150px 40px 10px;
}

.choose-us-card-4 {
    border-radius: 40px 10px 40px 150px;
}

.choose-us-card-5 {
    border-radius: 10px 10px 150px 150px;
}

.choose-us-card-6 {
    border-radius: 10px 40px 150px 40px;
}

.choose-us-card-1 h5,
.choose-us-card-2 h5,
.choose-us-card-3 h5,
.choose-us-card-4 h5,
.choose-us-card-5 h5,
.choose-us-card-6 h5 {
    color: #809a58;

    font-weight: 600;
}

.choose-us-card-1 .image-2,
.choose-us-card-2 .image-2,
.choose-us-card-3 .image-2,
.choose-us-card-4 .image-2,
.choose-us-card-5 .image-2,
.choose-us-card-6 .image-2 {
    display: none;
}

/* Image display Hover */
/* Start */
.choose-us-card-1:hover .image-1 {
    display: none;
}

.choose-us-card-1:hover .image-2 {
    display: block;
}

.choose-us-card-2:hover .image-1 {
    display: none;
}

.choose-us-card-2:hover .image-2 {
    display: block;
}

.choose-us-card-3:hover .image-1 {
    display: none;
}

.choose-us-card-3:hover .image-2 {
    display: block;
}

.choose-us-card-4:hover .image-1 {
    display: none;
}

.choose-us-card-4:hover .image-2 {
    display: block;
}

.choose-us-card-5:hover .image-1 {
    display: none;
}

.choose-us-card-5:hover .image-2 {
    display: block;
}

.choose-us-card-6:hover .image-1 {
    display: none;
}

.choose-us-card-6:hover .image-2 {
    display: block;
}

/* End */

.choose-us .card .card-text {
    height: 105px !important;
}

.choose-us .card .card-body .bold-font {
    height: 48px !important;
}

.choose-us .card:hover {
    background-color: transparent;
    color: white;
    border: 3px solid white;
}

.choose-us .card:hover h5 {
    color: white;
}

.choose-us .card:hover .spine-img {
    background-color: white;
}

.choose-us-card-1 .spine-img {
    justify-content: center;
    background-color: #809a58;
    padding: 10px;
    border-radius: 5px;
    border-top-left-radius: 30px;
    margin: 0 110px;
    transition: 0.8s all ease;
}

.choose-us-card-2 .spine-img {
    justify-content: center;
    background-color: #809a58;
    padding: 10px;
    border-radius: 5px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin: 0 110px;
    transition: 0.8s all ease;
}

.choose-us-card-3 .spine-img {
    justify-content: center;
    background-color: #809a58;
    padding: 10px;
    border-radius: 5px;
    border-top-right-radius: 30px;
    margin: 0 110px;
    transition: 0.8s all ease;
}

.choose-us-card-4 .spine-img {
    justify-content: center;
    background-color: #809a58;
    padding: 10px;
    border-radius: 5px;
    border-bottom-left-radius: 30px;
    margin: 0 110px;
    transition: 0.8s all ease;
}

.choose-us-card-5 .spine-img {
    justify-content: center;
    background-color: #809a58;
    padding: 10px;
    border-radius: 5px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin: 0 110px;
    transition: 0.8s all ease;
}

.choose-us-card-6 .spine-img {
    justify-content: center;
    background-color: #809a58;
    padding: 10px;
    border-radius: 5px;
    border-bottom-right-radius: 30px;
    margin: 0 110px;
    transition: 0.8s all ease;
}

.spine-img img {
    width: 40px !important;
}

/* End */

/* Team Section */
/* Start */
.team-section {
    padding: 100px 0;
    text-align: center;
}

.team-section .card .card-img-top {
    height: 235px;
}

.team-section .card img {
    border-bottom: 1px solid #6c757d;
}

.team-section .team-top-text {
    margin: 0 auto;
    width: 40rem;
}

.team-section .team-top-text h5 {
    color: #50692a;
}

.team-section .team-top-text h3 {
    color: #50692a;
}

/* .card img {
    height: 220px;
} */

.card .card-body {
    text-align: center;
}

.card .card-body h3 {
    font-size: 22px;
}

.card .card-body p {
    font-size: 14px;
}

.card .card-body .link-btns button {
    background-color: transparent;
    color: rgb(214, 214, 214);
    border: none;
    font-size: 20px;
}

.card .card-body .link-btns button:hover {
    color: gray;
}

/* End */

/* Section 05 Connect With Us */
/* Start */
.connect-with-us {
    background-image: url("../Images/Home/Make-an-Appointment-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
}

.connect-with-us i {
    color: white;
}

.connect-with-us .card input {
    padding: 15px;
}

.connect-with-us span {
    margin: 0 10px 0 0;
    padding: 0;
}

.connect-with-us span i {
    font-size: 25px;
}

.connect-with-us h4 {
    font-weight: 600;
}

.connect-with-us p {
    font-size: 15px;
    /* padding-right: 3px; */
}

.form {
    position: absolute;
    width: 32%;
    top: 14%;
}

.connect-us-btn {
    color: white;
    background-color: black;
    padding: 10px 0;
    border-radius: 5px;
    border: none;
    width: 100%;
}

.form input::placeholder {
    color: rgb(211, 211, 211);
}

/* End */

/* Section 06 How We Work */
/* Start */
.how-we-work {
    padding: 100px 0;
    color: black;
}

.how-we-work .first-row {
    justify-content: space-between;
}

.service-btn {
    background-color: #809a58;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    font-weight: 600;
}

.row-cols-1 .card {
    text-align: left !important;
}

.row-cols-1 .card h6 {
    font-size: 18px;
    font-weight: 600;

}

.img {
    font-size: 30px;
    color: #809a58;
}

/* End */



/* Testimonial */
/* Start */
.testimonial-section {
    background-image: url("../Images/Home/Our-Patient-Review-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.testimonial-info {
    padding: 0 200px;
}

.testimonial-card {
    border-radius: 10px;
    padding: 16px;
    text-align: center;
    position: relative;
    /* width: 93%; */
}

.testimonial-card-img {
    /* padding-right: 80px;
    text-align: center;
    margin-top: 35px; */
    margin-left: -16px;
    position: absolute;
    width: -moz-available;
    width: -webkit-fill-available;
    top: 80%;
}

.testimonial-card-img h6 {
    color: white;
    /* position: absolute;

    top: 127% !important;
    left: 34% !important; */
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    margin-bottom: 83px !important;
}

.testimonial-card-img .testimonial-card-icon {
    /* position: absolute;
    top: 136%;
    left: 37%; */
    color: #f8b500;
}

.avatar {
    vertical-align: middle;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    /* position: absolute; */
    border: 4px solid white;
}

/* End */



/* Our Blog */
/* Start */
.article-card-1,
.article-card-2,
.article-card-3 {
    background-repeat: no-repeat;
    background-size: cover;
    height: 30vh;
    border-radius: 20px;
    position: relative;
    transition: height 0.7s;
}

.article-card-1 {
    background-image: url("/Images/depositphotos_76570869-stock-photo-confident-female-doctor-posing-in.jpg");
}

.article-card-2 {
    background-image: url("/Images/discussion-doctor.jpg");
}

.article-card-3 {
    background-image: url("/Images/QVWHFP54ONGYROIVMVQZ77A4PY.jpg");
}

.card-article {
    background-image: url("/Images/depositphotos_76570869-stock-photo-confident-female-doctor-posing-in.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 15px;
}

.article-img {
    width: 100%;
    height: 200px;
    border-radius: 20px;
    object-position: top;
    object-fit: cover;
}

.card-articles {
    transition: width 0.5s, height 0.5s, transform 0.5s;
    position: relative;
    max-width: 100%;
}

.card-articles h6 {
    font-weight: 600;
    line-height: 25px;
}

.card-articles a {
    text-decoration: none;
    color: black;
}

.card-articles button {
    background-color: #f5de14;
    border: none;
    padding: 7px 15px;
    border-radius: 4px;
    position: absolute;
    left: 5%;
    top: 30%;
}

.card-articles:hover {
    background-color: (to bottom, transparent, 75%, rgba(8, 128, 255, 0.79));
}

.card-articles:hover {
    height: 500px;
    color: white;
    transform: scale(1.01);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 170px 35px 0px 35px;
    border-radius: 20px;
}

.card-articles:hover .article-img {
    display: none;
}

.card-articles:hover a {
    color: white;
    font-weight: 700;
}

.card-articles:hover button {
    position: unset;
    left: 0;
    top: 0;
}

/* .card-articles:hover h6{
    position: absolute;
    left: 20%;
} */
/* Hover Classes */
/* Start */

/* News Article Card One */

.card-articles-1:hover {
    background-image: linear-gradient(to bottom, transparent, 75%, rgba(8, 128, 255, 0.79)), url("../Images/wepik-export-20230815130159amhA.webp");
}

/* News Article Card Two */

.card-articles-2:hover {
    background-image: linear-gradient(to bottom, transparent, 75%, rgba(8, 128, 255, 0.79)), url("../Images/wepik-export-20230815125531cmtw.webp");
}

/* News Article Card Three */

.card-articles-3:hover {
    background-image: linear-gradient(to bottom, transparent, 75%, rgba(8, 128, 255, 0.79)), url("../Images/Home/latest-news.webp");
}

/* End */

.article-card-info {
    position: absolute;
    top: 80%;
}

.article-card button {
    background-color: #f5de14;
    color: black;
    padding: 5px 15px;
    border: none;
    border-radius: 3px;
    font-weight: 600;
    margin: 0 0 20px 30px;
}

.article-card h6 {
    font-weight: 600;
}

.article-card a {
    font-weight: 600;
    text-decoration: none;
    color: black;
}

.our-blog-section {
    padding: 100px 0;
    height: 741px;
}

.our-partner-info {
    margin-bottom: 50px;
}

/* End */


/* Partners & Associations */
/* Start */
.our-partner-section {
    background-color: #f2f2f2;
    padding: 60px 0;
}

.about-contact-section {
    background-image: url("../Images/About-us/Get-the-best-treatment-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

/* End */

/* Section 10 Contact Us */
/* Start */
.contact-us {
    background-image: url("../Images/Home/Experience-healthcare-beyond-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.contact-us-main-detail p {
    font-size: 15px;
}

.contact-us-btns button {
    background-color: white;
    border: none;
    color: black;
    padding: 15px 40px;
    border-radius: 5px;
    font-weight: 600;
}

.contact-us-btns span .second {
    font-weight: 600;
}

/* End */

/* Footer */
/* Start */
.footer {
    margin: 0;
    padding: 70px 0 30px;
    background-color: black;
    color: white;
}

.quick-links {
    padding: 0;
}

.quick-links li {
    list-style-type: none;
    padding: 0 0 7px 0;
}

.quick-links a {
    text-decoration: none;
    color: white;
}

.quick-links a i {
    color: white;
    margin-right: 5px;
}

.main-heading {
    font-weight: 600;
    font-size: 18px;
}

.footer-social-btns button {
    border: 1px solid white;
    background-color: #809a58;
    padding: 3px 5px;
    color: white;
    border-radius: 10px;
    border-bottom-left-radius: 3px;
    font-size: 20px;
}

.footer-social-btns .footer-link-btn {
    padding: 3px 6px;
}

.footer-social-btns .footer-insta-btn {
    padding: 3px 7px;
}

.footer-social-btns button .fa-facebook {
    padding: 2px 5px;
}

.footer-social-btns button .bi-twitter {
    padding: 2px 2px;
}

.footer-social-btns button .fa-linkedin {
    padding: 2px 2px;
}

.footer-social-btns button:hover {
    color: white;
    background-color: black;
}

.footer .text-center {
    font-weight: 600;
    font-size: 18px;
}

/* .footer-info{
    max-width: 250px;
    width: 100%;
    margin-right: auto;
} */

/* End */


/* SLIder Css  */
/* Start  */
.splide__arrows button {
    background-color: transparent;
    border: 2px solid white;
}

.splide__arrows button svg {
    fill: white;
}

.splide__track {
    height: 380px;
}

.splide__slide {
    margin-top: 5rem;
}

.splide__pagination {
    top: 110%;
}

.splide__pagination li button {
    background-color: white;
}

.footer-brand {
    color: white;
    font-weight: 600;
    font-size: 22px;
}

/* End */

/* Responsive css */
/* Start */

@media only screen and (max-width: 1536px) {
    .banner-1 h1 {
        font-size: 60px;
    }

    .banner-1 p {
        font-size: 17px;
    }

    .about-image button {
        right: -9;
    }

    .experience-card {
        top: 72%;
        right: -16%;
    }

    .discover-service-div h3 {
        font-size: 33px;
        font-weight: 600;
    }

    .banner-right-img {
        top: 37px;
        right: 137px;
    }

    .search-doctor {
        right: 387px !important;
    }

}

@media only screen and (max-width: 1024px) {
    .banner-1 {
        padding: 50px 0;
    }

    .banner-1 h1 {
        font-size: 50px;
    }

    .about-us-2 .col-lg-3 {
        width: 50%;
        flex: 0 0 auto
    }

    .about-us-2 .col-lg-5 {
        width: 50%;
        flex: 0 0 auto
    }

    .about-us-2 .col-lg-4 {
        width: 50%;
        flex: 0 0 auto
    }

    .experience-card {
        right: -7%;
    }

    .about-us-2 .about-info .read-more-div {
        padding: 0;
    }

    .about-us-2 .about-image button {
        top: 40%;
        right: 40%;
    }

    .connect-with-us .form {
        position: absolute;
        width: 32%;
        top: 32%;
        right: 5%;
    }

    .team-section .card-img-top {
        height: auto;
    }

    .choose-us-section .h4 {
        font-size: 20px;
    }

    .about-us-second-section .left-column img {
        width: 500px;

    }

    .about-us-second-section .second-column .py-3 {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
    }

    .about-us-second-section .second-column .px-5 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    .about-us-second-section .left-column .blue-card {
        left: 11%;
    }

    .team-section .card .card-img-top {
        height: 230px;
    }

    .contact-us {
        background-image: url("../Images/Home/Having-a-Bone-Problem-.webp");
        background-repeat: no-repeat;
        background-size: cover;
        padding: 25px 0;
    }

    .navbar {
        margin: 0;
    }

    .faqs-section .left-info .card-title {
        font-size: 15px;
    }

    .testimonial-card {
        padding: 5px 15px;
    }

    .testimonial-card .testimonial-card-img img {
        width: 60px;
        height: 60px;
    }

    .testimonial-card-img h6 {
        top: 126%;
        left: 27%;
    }

    .testimonial-card-img .text-white {
        top: 136%;
        left: 35%;
    }

    .testimonial-card .comma-div img {
        width: 45px;
    }

}

@media only screen and (max-width: 996px) {
    .about-us-2 .col-lg-3 {
        width: auto;
        flex: 0 0 auto
    }

    .about-us-2 .col-lg-4 {
        width: auto;
        flex: 0 0 auto
    }

}

@media only screen and (max-width: 768px) {
    .banner-1 {
        padding: 50px 0;
    }

    .banner-1 h1 {
        font-size: 35px;
    }

    .banner-1 p {
        font-size: 14px;
    }

}

@media only screen and (max-width: 480px) {
    #affiliationsDesktop {
        display: none !important;
    }

    #affiliationsMobile {
        display: flex !important;
    }

    .animated.topToBottom {
        animation: none !important;
    }

    .animated.bottomToTop {
        animation: none !important;
    }

    .doctor-slider>.slick-list {
        min-height: 475px !important;
        width: -moz-available;
        width: -webkit-fill-available;
    }

    .slick-track>.mx-3 {
        margin: auto 0px !important;
    }

    .cookie div {
        display: block !important;
    }

    .cookie div a {
        margin-top: 20px;
    }

    .contact-detail-section form .p-r-none {
        padding-left: 0px !important;
    }

    .connect-with-us-points {
        margin-left: 32px;
    }

    .inner-experience-card {
        border-radius: 10px;
    }

    .our-service .row-cols-1 {
        padding-bottom: 50px;
    }

    .how-we-work .card {
        height: 260px;
    }

    .contact-us-btns button {
        padding: 15px;
        font-size: 14px;
    }

    .rounded-card-btn i {
        font-size: 14px !important;
    }

    .doctor-appointment-card {
        text-align: center;
    }

    .doctor-appointment-card .card-body {
        text-align: center !important;
    }

    .consultant-banner {
        margin-top: 0px !important;
    }

    .search-doctor {
        position: static !important;
        width: 100% !important;
        padding: 30px 10px 40px 10px !important;
        margin-bottom: 24px !important;
    }

    .search-doctor img {
        width: 60px !important;
        height: 60px !important;
    }

    .search-doctor label {
        margin: 0 !important;
    }

    .search-main-div {
        margin-bottom: 30px;
    }

    .professional-team-section {
        padding: 40px 0 !important;
    }

    .doctors-cards-section {
        padding: 40px 0 !important;
    }

    .connect-with-us {
        height: 100% !important;
    }

    .home-icon-text {
        display: block;
    }

    .home-icon {
        padding: 8px 8px 8px 0px;
        font-size: 15px !important;
    }

    .home-icon-img {
        display: none;
    }

    .banner-1 {
        padding: 50px 0;
        background-image: url("../Images/Home/pennine-banner.webp");
        background-repeat: no-repeat;
        background-size: cover;
    }

    .banner-1 .banner-right-img {
        display: none;
    }

    .para-subtitle-transition {
        width: 100% !important;
    }

    .display-block {
        display: block !important;
    }

    .doctor-detail {
        padding-bottom: 40px;
    }

    .main-banner-div .doctor-detail-div {
        padding: 40px 0 !important;
        text-align: center;
    }

    .social-links-div {
        position: static !important;
        justify-content: center !important;
    }

    .doctor-card {
        margin-top: 40px;
        position: static !important;
        width: 100% !important;
    }

    .doctor-card img {
        height: 330px !important;
    }

    .appointment-section {
        padding: 40px 0 !important;
    }

    .img-div {
        text-align: center;
    }

    .left-image {
        width: 320px !important;
    }

    .counter-section .container {
        padding: 30px 0;
    }

    .appointment-section .main-headings {
        text-align: center;
        margin-top: 30px;
    }

    .appointment-section .container .col-auto,
    .appointment-section .container .col-sm-12 {
        margin: 10px 0 !important;
    }

    .appointment-section .submit-button {
        text-align: center;
    }

    .appointment-section .container .mb-4 {
        margin: 0 !important;
    }

    .img-card {
        max-width: 100% !important;
    }

    .nav-tab-link:hover::after {
        width: 20% !important;
    }

    .our-service {
        padding-bottom: 20px !important;
    }

    /* Testimonial Card */
    /* Start */
    .testimonial-card {
        margin: 0 12px !important;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        margin-bottom: 100px !important;
    }

    .testimonial-card .testimonial-card-img img {
        width: 70px;
        height: 70px;
    }

    /* End */

    .main-content-subheading {
        font-size: 16px;
    }

    /* Navbar */
    /* Start  */
    .navbar-nav .nav-item {
        padding: 10px 10px !important;
    }

    /* End */

    /* Banner-images */
    /* Start */
    .mobile-page-banner {
        background-size: auto 132px !important;
        margin: 0 0 37px 0 !important;
    }

    .about-banner-image {
        padding: 43px 0 !important;
        background-size: auto 132px !important;
    }

    .consultant-page-banner {
        padding: 43px 0 !important;
        background-size: auto 132px !important;
        height: 100% !important;
    }

    .contact-banner {
        padding: 43px 0 !important;
        background-size: auto 132px !important;
    }

    .service-banner-image {
        padding: 36px 0 !important;
        background-size: auto 132px !important;
    }

    .our-blog-section {
        padding: 100px 0;
        height: 100%;
    }

    .mobile-page-banner-div {
        margin: 37px 0 !important;
    }

    .banner-bred-crups {
        font-size: 10px !important;
        padding: 6px 13px !important;
    }

    .page-title {
        margin-top: 8px !important;
        font-size: 16px !important;
        text-align: left !important;
    }

    .page-banner {
        height: auto !important;
    }

    /* End */

    .section-padding {
        padding: 0 !important;
    }

    .section-padding .py-5 {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .contact-form .px-5 {
        padding: 0px !important;
    }

    .contact-detail-section {
        padding: 10px 0px !important;
    }

    .row {
        margin: auto;
    }

    .about-info {
        padding: 0 !important;
    }

    .banner-btns a {
        text-decoration: none;
        color: #809a58;
        font-size: 16px;
    }

    .why-choose-us .main-title {
        margin-bottom: 0px !important;
    }

    .about-us-2 .about-image button {
        top: 23%;
        right: 36%;
    }

    .about-image button {
        padding: 3px 15px 3px 15px;
    }

    .about-image button i {
        font-size: 45px !important;
    }

    .about-us-2 .card-2 {
        margin-top: 1rem !important;
        margin-bottom: 1.5rem !important;
    }

    .read-more-div {
        text-align: left;
    }

    .about-info h3 {
        font-weight: 600;
        font-size: 20px;
        line-height: 45px;
        font-family: Montserrat-Bold;
        color: #809a58;
    }

    .choose-us .card {
        border-radius: 10px !important;
        padding: 15px 15px !important;
    }

    .choose-us .card .spine-img {
        border-radius: 5px !important;
        padding: 10px 8px !important;
    }

    .choose-us {
        padding: 40px 0px !important;
    }

    .about-contact-section {
        padding: 40px 0px !important;
    }

    .appointment-points {
        display: block !important;
    }

    .connect-with-us {
        padding: 40px 0 !important;
    }

    .team-section {
        padding: 40px 0 !important;
    }

    .why-choose-us {
        padding: 40px 0 !important;
    }

    .second-column .ms-4 {
        margin-left: 0 !important;
    }

    .about-us-second-section {
        padding: 40px 0 !important;
        text-align: center;
    }

    .choose-us-section {
        padding: 40px 0 !important;
    }

    .social-links {
        margin: 0 0 16px 0 !important;
    }

    .contact-card {
        margin: 0 0 16px 0 !important;
    }

    .form-group {
        padding: 0 1rem !important;
    }

    .contact-form {
        padding: 10px 0 0 0 !important;
    }

    .contact-form .contact-col {
        margin: 0 !important;
    }

    .testimonial-section {
        padding: 40px 0 !important;
    }

    .reach-us-section {
        padding: 40px 0 !important;
    }

    .steps-to-get-service {
        padding: 0 10px;
        margin-top: 0 !important;
    }

    .how-we-work {
        text-align: center !important;
    }

    .faqs-section {
        text-align: center !important;
        padding-bottom: 40px !important;
    }

    .our-partner-section {
        text-align: center !important;
    }

    .zigzag {
        height: 100px !important;
    }

    .zigzag h1 {
        margin: 12px 0 !important;
    }

    .choose-us-section .card {
        height: 275px;
    }

    .form-card .px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .form-card .py-5 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .navbar {
        margin: 0;
    }

    .banner-1 button {
        padding: 10px 15px;
        font-size: 12px;
    }

    .banner-1 .book-a-demo {
        padding-top: 7px;
    }

    .about-us-2 {
        padding: 40px 0;
        text-align: center;
    }

    .about-us-2 .about-image img {
        width: 320px;
        height: 300px;
    }

    .modal-dialog .accordion .card-header {
        padding: 10px 20px !important;
    }

    .modal-dialog .accordion .card-header span {
        margin-right: 1rem !important;
    }

    .modal-dialog .accordion .faqs-section .left-info i {
        font-size: 12px;
    }

    .modal-dialog .accordion .card-title {
        font-size: 7px !important;
        margin: 0px;
    }

    .about-us-2 .about-image button {
        position: static;
    }

    .about-us-2 .about-image button {
        position: absolute;
    }

    .about-us-2 .about-image .experience-card {
        margin: 20px auto;
        position: static;
    }

    .about-us-2 .about-image .experience-card img {
        width: 44px;
        height: auto;
    }

    .choose-us-card-1 .spine-img {
        max-width: 55px;
        margin: 0 auto;
    }

    .choose-us-card-2 .spine-img {
        max-width: 55px;
        margin: 0 auto;
    }

    .choose-us-card-3 .spine-img {
        max-width: 55px;
        margin: 0 auto;
    }

    .choose-us-card-4 .spine-img {
        max-width: 55px;
        margin: 0 auto;
    }

    .choose-us-card-5 .spine-img {
        max-width: 55px;
        margin: 0 auto;
    }

    .choose-us-card-6 .spine-img {
        max-width: 55px;
        margin: 0 auto;
    }

    .choose-us .main-headings p {
        width: 100%;
    }

    .connect-with-us .form {
        margin-top: 30px;
        position: static;
        width: 100%;
    }

    .testimonial-section .testimonial-info {
        padding: 0;
    }

    .testimonial-section .testimonial-info h3 {
        font-size: 25px;
    }

    .testimonial-section .testimonial-info p {
        font-size: 12px;
    }

    .testimonial-section .splide .splide__slide {
        width: auto !important;
    }

    .testimonial-section .splide .testimonial-card {
        width: 34%;
        padding: 10px;
    }

    .testimonial-section .splide .testimonial-card .testimonial-card-img h6 {
        font-size: 15px;
        margin-top: 10px;
        margin-left: -8px;
    }

    .testimonial-section .splide .testimonial-card .testimonial-card-img i {
        font-size: 15px;
        margin-left: -3px;
    }

    .testimonial-section .splide .testimonial-card p {
        font-size: 10px;
    }

    .how-we-work .discover-service-div {
        margin-bottom: 30px;
    }

    .our-blog-section {
        padding: 50px 0;
    }

    .our-blog-section .card-articles {
        margin-bottom: 30px
    }

    .our-blog-section .card-articles:hover h6 {
        font-weight: 500;
        line-height: 21px;
        font-size: 18px;
    }

    .our-partner-section .our-partner-info h3 {
        font-size: 25px;
    }

    .our-partner-section .our-partner-info {
        margin-bottom: 0px;
    }

    .our-partner-section .row-cols-sm-1 {
        text-align: center;
    }

    .main-content-heading {
        font-size: 20px !important;
    }

    .about-card h3 {
        font-size: 35px;
    }

    .about-card h4 {
        font-size: 20px;
    }

    .banner-1 h1 {
        font-size: 30px;
    }

    .contact-us .contact-us-main-detail p {
        font-size: 12px;
    }

    .contact-us .contact-us-btns button {
        padding: 10px 15px;
        font-size: 14px;
    }

    .footer .container .main-content {
        margin-top: 30px;
    }

    .footer-bottom-text {
        text-align: center;
    }

    .about-us-second-section .left-column img {
        width: 100%;
        height: 250px;
    }

    .about-us-second-section .left-column .blue-card {
        width: 100%;
        position: static;
        margin: 20px 0;
        padding: 25px !important;
    }

    .faqs-section .left-info {
        margin: 0px !important;
    }

    .navbar-collapse .contact-btn {
        margin: 0;
    }

    .accordion .card-header {
        padding: 10px !important;
    }

    .accordion .card-header span {
        margin-right: 0.25rem !important;
    }

    .accordion .card-header.collapsed:after {
        padding: 3px 8px 0px !important;
    }

    .team-section .card .card-img-top {
        height: 270px !important;
    }

    .faqs-section .left-info .card-title {
        font-size: 10px !important;
        padding-top: 7px;
    }

    .faqs-section .left-info i {
        font-size: 12px;
    }

    .faqs-section .left-info {
        margin: 20px 0;
    }

    .faqs-section .left-info .accordion .card-body p {
        font-size: 10px;
    }

    .our-service .main-title {
        padding-top: 30px;
        margin-bottom: 0px !important;
    }

    .how-we-work {
        padding: 50px 0;
    }

    .why-choose-us .line {
        display: none;
    }

    .why-choose-us .line-bottom {
        position: static;
    }

    .reach-us-section .services-line {
        display: none;
    }

    .reach-us-section .line-bottom {
        position: static !important;
    }

    .reach-us-section .row .mb-5 {
        margin-bottom: 0 !important;
    }

    .footer {
        padding: 35px 0 25px;
    }

    .section-padding {
        padding: 25px 0;
    }

    .contact-us-form-section .py-5 {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .contact-us-form-section .contact-col {
        padding: 0px !important;
    }

    .consultant-card-img {
        width: 100% !important;
        height: 257px !important;
    }

    .first-point-on-mobile {
        padding: 26px 32px !important;
    }

    .points {
        padding: 26px 28px !important;
    }

    .third-point {
        padding: 26px 28px !important;
    }

    .fourth-point {
        padding: 26px !important;
    }

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

}

@media only screen and (max-width: 360px) {
    .animated.topToBottom {
        animation: none !important;
    }

    .animated.bottomToTop {
        animation: none !important;
    }

    .about-us-2 .about-image img {
        width: 288px;
        height: 270px;
    }

    .contact-us .contact-us-btns button {
        padding: 8px 13px;
        font-size: 14px;
        margin-right: 1rem !important;
    }

    .about-contact-section .contact-us-btns button {
        padding: 8px 13px;
        font-size: 14px;
        margin-right: 1rem !important;
    }

    .doctor-appointment-card .card-body {
        padding: 15px 0px !important;
    }

    .appoinment-card .card-body {
        padding: 16px 0px !important;
    }

    .doctor-card img {
        height: 285px !important;
    }

    .faqs-section .left-info .card-title {
        font-size: 6px !important;
    }
}

/* End */
.about-us-2-about-page {
    background-color: #f0f0f0;
}

.choose-us-section {
    padding: 100px 0;
}

.choose-us-section .card-img {
    width: auto;
}

.about-us-second-section {
    padding: 100px 0;
}

.about-banner-image {
    background-image: url("../Images/About-us/about-us-banner-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0;
}

.consultant-page-banner {
    background-image: url("../Images/About-us/about-us-banner-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0;
    height: 330px;
}

.contact-banner {
    padding: 110px 0;
    background-image: url("../Images/contact-us-banner-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.hover-about-card {
    transition: 0.5s all ease;
    cursor: pointer;
}

.hover-about-card:hover {
    /* border: 1px solid rgb(226, 226, 226) !important; */
    border-radius: 15px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
    transform: scale(1.02);
}

.image-card img {
    width: 135px;
}

.left-column {
    position: relative;
}

.second-column h1 {
    color: #809a58;
}

.blue-card {
    position: absolute;
    top: 84%;
    left: 18%;
    background-color: #809a58;
    color: white;
    padding: 35px 40px !important;
    width: 85%;
}

.why-choose-us {
    padding: 100px 0;
    background-image: url("../Images/choose-us.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.choose-us-div {
    text-align: center;
}

.first-point {
    font-size: 35px;
    font-weight: 700;
    background-color: #809a58;
    border-radius: 100%;
    padding: 28px 32px;
    color: white;
}

.border-div {
    transition: .5s all ease;
    cursor: pointer;
}

.border-div:hover {
    transform: scale(1.1);
}

.points {
    font-size: 35px;
    font-weight: 700;
    background-color: #809a58;
    border-radius: 100%;
    padding: 28px 30px;
    color: white;
}

.stepper {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: auto 0;
}

.stepper__step {
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin: 0 30px;
}

.stepper__step:after {
    content: "";
    position: absolute;
    left: 0;
    top: calc(var(--circle-size) + var(--spacing));
    bottom: var(--spacing);
    z-index: -1;
    transform: translateX(calc(var(--circle-size) / 2));
    width: 2px;
    background-color: #809a58;
}

.stepper__step:first-child:after {
    display: none;
}

.stepper__step__index-one {
    padding: 32px 30px;
    font-size: 35px;
    font-weight: 700;
    background-color: #809a58;
    color: white;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
}

.stepper__step__index {
    font-size: 35px;
    font-weight: 700;
    background-color: #809a58;
    padding: 32px 28px;
    color: white;
    line-height: 30px;
    border-radius: 50%;
    text-align: center;
    margin-bottom: 5px;
}

/* Stepper Style */
/* Start */

/* End */


/* Service Page Style */

.service-banner-image {
    background-image: url("../Images/Rectangle-508-copy-3-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 0;
}

.service-card-heading {
    color: #809a58;
    font-weight: 700;
}

.team-image-card {
    width: 50px;
    height: 50px !important;
}

.service-team-card hr {
    height: 3px !important;
}

.faqs-section {
    background-image: url("../Images/financial-managers-working-report-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
}


/* Accordian Style */
.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #809a58;
    background: white;
    border-radius: 50%;
    padding: 4px 10px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */

    font-family: 'FontAwesome';
    content: "\f067";
    color: #809a58;
    background: white;
    border-radius: 50%;
    padding: 4px 10px;
}

.accordion .card-header {
    background: transparent;
    border: 2px solid white;
    border-radius: 40px;
    color: white;
    padding: 19px 30px;
}

.accordion .card-header .card-title:hover {
    color: white;
}

.accordion .collapsed {
    background: black;
    border: none;
}

.accordion .card {
    border: none;
    background: transparent;
}

.zigzag {
    position: relative;
    height: 150px;
    background: black;
}

.zigzag::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(45deg, #fff 12px,
            transparent 0%), linear-gradient(-45deg, #fff 12px,
            transparent 0%);
    background-size: 30px;
}

.faqs-section .left-info {
    margin: 70px 0;
}

/* End */

.accordion-item {
    border: none;
}


.section-info {
    margin-bottom: 16px;
}

.section-title {
    color: #809a58;
    margin-bottom: 16px;
}

.section-subtitle {
    font-size: 14px;
    margin-bottom: 16px;
}

.google-iframe {
    height: 400px;
    width: -moz-available;
    width: -webkit-fill-available;
}

.page-banner {
    background-image: url("../Images/contact-us-banner-new.webp");
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    width: -moz-available;
    width: -webkit-fill-available;
    display: flex;
}

.banner-container {
    margin: auto 0px;
    width: -moz-available;
    max-width: 1250px;
    width: -webkit-fill-available;
}

.banner-breadcrumb {
    background-color: #87a15f;
    font-size: 16px;
}

.banner-title {
    font-size: 2rem;
}

.contact-us-form-section {
    min-height: 670px;
}

.contact-us-form-section .bg-line {
    height: 50px;
    background-color: #809a58;
    position: relative;
    z-index: -1;
}

.contact-card {
    margin-bottom: 32px;
    box-shadow: 1px 0px 12px 0px #888;
}

.social-links .bi {
    font-size: 32px;
}

.social-links .btn {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.social-links .btn:hover {
    color: white;
    background-color: #809a58;
    border: 1px solid white;
}

.fields-group .btn {
    background-color: #809a58;
}

.contact-form {
    position: relative;
}

.contact-col {
    position: absolute;
    top: -12%;
    right: 0;
}

@media screen and (max-width: 700px) {
    .google-iframe {
        height: 250px;
    }

    .page-banner {
        height: 200px;
    }

    .banner-breadcrumb {
        font-size: 12px;
    }

    .banner-title {
        font-size: 1.5rem;
    }

    .contact-form {
        position: relative;
        bottom: 0% !important;
    }

    .contact-form .form-group {
        padding-top: 0px;
    }

    .contact-card {
        width: fit-content;
        margin: 0px 25px 16px 35px;
    }

    .social-links {
        width: fit-content;
        margin: 0px 12px 16px 22px;
    }

    .fields-group {
        margin-bottom: 24px;
    }

    .contact-col {
        position: relative;
        top: 0%;
        right: 0;
    }

}

.line {
    border-top: solid #809a58 3px;
    width: 80%;
    bottom: 81%;
    height: 200px;
    position: relative;
    right: 0%;
}

.services-line {
    border-top: solid #959595 3px;
    width: 100%;
    bottom: 81%;
    height: 200px;
    position: relative;
    right: 0%;
}

.line-bottom {
    top: -75px;
    position: absolute;
}

.reach-us-section .line-bottom {
    top: -134px;
    position: absolute;
}

.bs-stepper-line {
    -ms-flex: 1 0 32px;
    flex: 1 0 32px;
    min-width: 1px;
    min-height: 2px;
    margin: auto;
    background-color: #809a58;
}

.reach-us-section {
    padding: 100px 0;
}

.steps-to-get-service .number {
    color: #cecece;
    font-size: 30px;
    font-weight: 900;
}

.steps-to-get-service .steps {
    padding: 31px 21px 35px 12px;
    background-color: #809a58;
    border-radius: 50%;
}

.testimonial-desc {
    -webkit-line-clamp: 3;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 63px;
}

.blog-title-clamp {
    -webkit-line-clamp: 4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 100px;
}

.card-articles:hover .testimonial-desc {
    min-height: 65.15px;
}

.card-articles:hover .blog-title-clamp {
    min-height: 105px;
}

.doc-desc-clamp {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 42px;
}

.testimonial-col-height {
    height: 300px;
}

.doc-title-clamp {
    -webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 53px;
}

.counter-section {
    background-color: #7fb827;
}

.recommendations-section {
    padding: 80px 0;
}

.img-card {
    position: relative;
    max-width: 300px;
    height: 300px;
    transition: 0.5s all ease;
    cursor: pointer;
}

.card-1 {
    background-image: url("../Images/pexels-antoni-shkraba-5215024.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.card-2-consec {
    background-image: url("../Images/pexels-thirdman-5327656.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.card-3 {
    background-image: url("../Images/pexels-pavel-danilyuk-5998474.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.card-4 {
    background-image: url("../Images/pexels-tran-nhu-tuan-14438787.webp");
    background-repeat: no-repeat;
    background-size: cover;
}

.name-label {
    background-color: white;
    width: 130px;
    position: absolute;
    top: 70%;
    text-align: center;
    padding: 10px;
}

.border-line {
    background-color: #809a58;
    border-radius: 10px;
    height: 5px;
    width: 50px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.appointment-section {
        background-image: linear-gradient(to right, #f2ffde, #f4ffe3);
    padding: 100px 0;
}

.left-image {
    width: 500px;
}

.appointment-section .main-content-subheading {
    color: #7fb827;
}

.appointment-section .main-content-heading {
    color: #50692a;
}

.appointment-section label {
    color: #50692a;
}

.appointment-section .form-control,
.appointment-section .form-select {
    border: 1px solid #50692a;
}

.appointment-section .submit-btn {
    background-color: #7fb827;
}

.appointment-section .submit-btn:hover {
    background-color: #2663a0;
}

.form-div .title {
    font-size: 70px;
    font-weight: 600;
    color: lightslategray;
}

.social-links-div {
    position: absolute;
    right: 108px;
    bottom: -34px;
}

.link-div {
    background-color: #7fb827;
    padding: 20px 25px;
    border-radius: 10px;
}

.link-div button {
    background-color: white;
    color: #7fb827;
    border: none;
    border-radius: 100%;
    font-size: 16px;
    height: 30px;
    margin: 0 10px 0 0;
    width: 30px;
    transition: 0.5s ease;
}

.link-div button:hover {
    transform: scale(1.11);
}

.main-banner-div {
background-image: linear-gradient(to right, #f2ffde, #f4ffe3);
}

.doctor-detail .main-content-heading {
    color: #50692a;
}

.doctor-detail .main-content-subheading,
.doctor-detail .description {
    color: #50692a;
    max-width: 481px;
}

.degree-detail {
    margin-top: 25px;
}

.degree-detail .degree-points .card {
    margin-left: 35px;
}

.degree-detail .degree-points .card i {
    margin-right: 10px;
}

.degree-detail .heading span {
    color: #50692a;
}

.degree-detail .heading i {
    font-size: 25px;
    color: #7fb827;
}

.degree-detail ul li::marker {
    color: #809a58;
    font-size: 20px;
}

.degree-points {
    margin-top: 10px;
}

.degree-detail ul {
    margin-left: 30px;
}

.degree-detail ul li {
    margin-bottom: 10px;
}

.degree-detail .category {
    color: #50692a;
    font-weight: 600;
}

.degree-detail .sub-category {
    color: #b3c0c8;
}

.doctor-card img {
    height: 490px;
}

.doctor-card .card-body {
    background-color: #7fb827;
    color: white;
}

.appoinment-card {
    max-width: 400px;
    padding: 15px;
}

.appoinment-card .card-body .justify-content-between {
    color: #50692a;
    margin-bottom: 15px;
}

.appoinment-card .card-body i {
    color: #7fb827;
}

.faqs-section .card-header .card-title {
    font-size: 13px;
}

/* Animation */
/* Start */

.title-transition {
    animation: left_to_right 0.7s ease;
}

.subtitle-transition {
    animation: left_to_right 1.1s ease;
}

.para-subtitle-transition {
    width: 575px;
    animation: left_to_right 1.3s ease;
}

.button-subtitle-transition {
    width: 575px;
    animation: left_to_right 1.6s ease;
}

@keyframes left_to_right {
    from {
        margin-left: -100%;
    }

    to {
        margin-left: 0;
    }
}

.carousel-item {
    transition: 0.7s ease !important;
}

/* End */

.read-more:hover {
    color: #242424 !important;
}

.modal-dialog {
    max-width: 750px;
    margin: 1.75rem auto;
}

.modal-dialog .accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    color: #809a58;
    background: white;
    border-radius: 50%;
    padding: 4px 10px 0px 10px !important;
}

.modal-dialog .accordion .card-header {
    background: black !important;
    border: 2px solid white;
    border-radius: 40px;
    color: white;
    padding: 19px 30px;
}

.modal-dialog .accordion .card-title {
    font-size: 18px;
    margin: 0px;
}

.modal-dialog .accordion .card-body {
    color: black !important;
}

.bg-update {
    background-color: black;
}

.doctor-profile {
    display: none;
}

.p-color {
    color: #809a58;
}

.p-bg {
    background-color: #809a58;
}

.how-we-work .card-body p {
    font-size: 13px !important;
}

.connect-with-us {
    height: 415px;
}

.p-r-none {
    padding-right: 0px;
}

.blue-background {
    background-color: #809a58;
}

.blue-background img {
    width: 65px;
}

.professional-team-section {
    padding: 130px 0 80px;
}

.doctors-cards-section {
    background-color: #ecfadc;
    padding: 80px 0;
}

.rounded-card-btn {
    color: #8f8f8f;
    border: 1px solid #f5ba36;
}

.rounded-card-btn i {
    font-size: 20px;
}

.rounded-card-btn:hover {
    background-color: #f6f6f6;
    border: 1px solid #f5ba36;
}

.image-border {
    border: 1px solid #cdcdcd;
}

.pagination li {
    width: 33px;
    border: 1px solid #999a9b;
    border-radius: 5px;
    background-color: transparent;
    margin: 0px 10px;
}

.pagination .arrow-list {
    border: none;
}

.pagination .arrow-list a {
    font-weight: 900;
}

.page-item.active .page-link {
    z-index: 3;
    color: #999a9b;
    font-weight: 700;
    border-radius: 5px;
    background-color: transparent;
    border-color: #999a9b;
}

.pagination li a {
    background-color: transparent;
    color: #999a9b;
    padding: 6px 12px;
    border: none !important;
}

.pagination li a:hover {
    background-color: transparent;
    color: #868686;
}

.search-doctor {
    background-color: #ecfadc;
    margin: 0 auto;
    width: 750px;
    top: -150px;
    padding: 70px 50px 40px 50px;
    right: 587px;
}

.search-doctor img {
    width: 70px;
}

.search-doctor .input-group {

    border-bottom: 2px solid black;
}

.search-doctor .form-control {
    border: none;
    background-color: transparent;
    padding-left: 0;
}

.search-doctor .form-control::placeholder {
    color: black;
    font-weight: 700;
}

.search-doctor .input-group-text {
    border: none;
    background-color: transparent;
}

.search-doctor label {
    color: #727476;
}

.consultants-cards {
    box-shadow: rgb(0 0 0 / 19%) 12px 14px 4px !important;
    transition: 0.5s all ease;
    cursor: pointer;
}

.consultants-cards:hover {
    box-shadow: rgb(0 0 0 / 19%) 10px 20px 18px 3px !important;
    transform: scale(1.02);
}

.doctor-appointment-card {
    transition: 0.5s all ease;
    cursor: pointer;
}

.consultant-banner {
    margin-top: -60px;
}

.consultant-card-img {
    width: 235px;
    height: 210px;
    object-fit: cover;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-disable {
    cursor: not-allowed;
}

.consultant-list-height {
    min-height: 532px;
}

.err-height {
    height: 20px;
}

.err-position {
    position: relative;
    top: -10px;
    right: -16px;
}

.review-slider>.slick-list {
    min-height: 265px;
}

.review-slider>.slick-prev,
.review-slider>.slick-next {
    top: 33% !important;
}

.doctor-slider>.slick-list {
    min-height: 440px;
}

.doctor-slider>.slick-prev::before,
.doctor-slider>.slick-next::before {
    color: black !important;
}

.review-slider>.slide-arrow,
.doctor-slider>.slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
}

.review-slider>.slide-arrow {
    top: 33% !important;
}

.review-slider>.prev-arrow,
.doctor-slider>.prev-arrow {
    left: -30px;
    border: none;
    background-color: transparent;
}

.review-slider>.next-arrow,
.doctor-slider>.next-arrow {
    right: -30px;
    border: none;
    background-color: transparent;
}

.review-slider>.prev-arrow,
.review-slider>.next-arrow {
    color: white;
}

.select-field {
    padding: .375rem 2.25rem .375rem 0rem;
    background: transparent;
    border: none;
}

.select-field-option {
    padding: .375rem 2.25rem .375rem .75rem;
    background-color: white;
    /* background: transparent;
    border: none; */
}

.select-field-option:hover {
    padding: .375rem 2.25rem .375rem .75rem;
    background-color: #ecfadc !important;
    /* background: transparent;
    border: none; */
}

.select-field::placeholder {
    color: black;
    font-weight: 700;

}

.doctor-detail-div {
    padding: 50px 0;
}

.doctor-detail {
    min-height: 560px;
}

#affiliationsDesktop {
    display: flex;
}

#affiliationsMobile {
    display: none;
}

#servicesList {
    min-height: 471px;
}

.p-btn {
    background-color: #809a58;
    color: white;
    padding: 12px 30px;
    border: none;
    font-weight: 600;
    border-radius: 5px;
}