/*========================================================= 
    Design Name       : Dr. Navneetlab

    Version           : V1.0

    Design Date       : 03/02/2026

    Design UI/UX By   : Rohit Jangid (KadamTech Employer)

    Developed Comapny : Kadamtech Pvt. Ltd.

	Developed Comapny : https://www.kadamtech.com/

 ============================================================*/


*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.1s linear;
}

:root {
    --primary-color: #0053AF;
    --secoundary-color: #FE0050;
    --text-color: #333333;
    --text-matte-color: #28282B;
    --text-matte-light-color: #555;
}

.bg-green {
    background: var(--primary-color) !important;
}

.bg-orange {
    background: var(--secoundary-color);
}

.btn-white-gradient {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%) !important;
}


body {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", system-ui !important;
    line-height: normal;
    color: var(--text-matte-color) !important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}

hr {
    margin: 0;
    border-color: #ddd;
}

hr:not([size]) {
    height: 1px;
}

h1 {
    font-size: 46px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--text-matte-color);
    margin-bottom: 10px;
}

img {
    width: 100%;
}

ol,
ul {
    padding-left: 34px;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

blockquote {
    margin: 0 0 14px;
}

b {
    font-weight: 800;
}

strong {
    font-weight: 700;
}

small {
    font-size: 12px;
}

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

a:hover {
    color: #152A3D;
    text-decoration: none;
}

button {
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    border: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

input,
button,
select,
optgroup,
textarea,
.form-control {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    padding: 15px 20px;
}

::-moz-selection {
    background-color: #200468;
    color: #FFF;
    text-shadow: none
}

::selection {
    background-color: var(--text-color);
    color: #fff;
    text-shadow: none
}

/* End By Default Reset */





/* header css start */
.admin-bar header {
    position: absolute;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 999;
}

header .top-header {
    background: var(--primary-color);
    color: #fff;
}

header .top-header .contact-info ul,
header .top-header .contact-info ul li a {
    display: flex;
    font-size: 16px;
    gap: 10px;
    align-items: center;
}

header .top-header .contact-info ul li a:hover {
    font-weight: 600;
    transform: translateY(-2px);
    color: #fff !important;
}
header .top-header .contact-info ul li a:hover p
{
    color: #fff !important;
}
header .top-header .contact-info ul li a {
    gap: 6px;
    color: #fff;
}

header .top-header .contact-info ul li a p {
    color: #fff;
}

header .top-header .contact-info ul li a:hover,
header .top-header .contact-info ul li a:hover p {
    color: var(--secoundary-color);
    transition: 0.1s linear;
}



header .top-header .contact-info ul li a i {
    font-size: 20px;
}

header .top-header .contact-info ul li a p {
    margin: 0;
}

header .bottom-header .logo {
    width: 100%;
}

header .bottom-header .nav-contact-action {
    padding: 10px 10px 10px 14px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
}

header .bottom-header .nav-contact-action .nav-box ul,
header .bottom-header .nav-contact-action .social-contact ul {

    gap: 20px;
    justify-content: center;
}

header .bottom-header .nav-contact-action .social-contact ul {
    gap: 8px;
}

header .bottom-header .nav-contact-action .social-contact {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

header .bottom-header .nav-contact-action .social-contact ul li a {
    color: var(--text-matte-light-color);
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #f9f9f9;
    transition: all 0.3s ease-in;
    font-size: 14px;
}

header .bottom-header .nav-contact-action .social-contact ul li a:hover {
    color: #fff;
    background-color: var(--primary-color);
}

header .bottom-header .nav-contact-action .nav-box ul li a {
    font-size: 16px;
    font-weight: 600;
}

.header-wrapper .mobile-header {
    display: none;
}

.page-btn .btn {
    background: linear-gradient(-90deg, #D80848 0%, #FF0051 100%);
    border-radius: 100px;
    border: none;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 18px !important;
    padding-top: 12px;
    color: #fff;

}



.page-btn .btn:hover {
    background: var(--primary-color) !important;
}

.page-btn .btn:hover,
.page-btn:hover {
    border-color: #333;
}

.page-secoundry-btn.page-btn .btn {
    background: linear-gradient(-90deg, rgba(4, 198, 109, 1) 0%, rgba(3, 153, 84, 1) 100%);
    border-radius: 4px;
    border: none;
    color: #fff;
}

header .bottom-header {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    border-radius: 0 0 40px 40px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) -50%);

}

/* header css end */





/* banner-area Start */
.banner-area .banner-section .slide {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 150px 0 100px 0;
    height: 560px;
}

.banner-area .banner-section h1 {
    font-size: 44px;
    line-height: 56px;
}

.banner-area .banner-section h1 span {
    color: var(--primary-color);
}

.banner-area .banner-section {
    position: relative;
}

.banner-area .callAction-quality .quality-card {
    padding: 10px;
}

.banner-area .callAction-quality .quality-card .icon {
    width: 50px;
}

.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: max-content;
    margin: auto;
    border: 1px dashed var(--primary-color);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
}

.owl-theme .owl-dots .owl-dot span {
    background-color: var(--secoundary-color);
    margin: 6px 4px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-color);
    width: 20px;
    transition: 0.5s ease-in-out;
}

.heading-box h1 span,
.heading-box h2 span {
    color: var(--primary-color);
}

.content-box h1 {
    font-weight: 700;

}

.heading-box h2,
.heading-box h3 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 36px;
}


.heading-box h6 {
    color: var(--secoundary-color);
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    display: flex;
    align-items: center;
    font-style: italic;
    font-size: 18px;
}

.heading-box h6 span {
    width: 40px;
    height: 3px;
    background: var(--secoundary-color);
    display: inline-block;
    margin-right: 10px;
}


.heading-box h5,
.heading-box h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.heading-box p {
    width: 60%;
    margin: auto;
}

.heading-box h3 span {
    color: var(--primary-color);
}

.heading-box.text-center h6 {
    justify-content: center;
}

section {
    padding: 60px 0;
}

/* banner-area End */


/* tests section start */


.tests,
.callAction-quality,
.healthPackages,
.about-us,
.getIntouch,
.whyChoose,
.testimonial,
.contactUs,
.faqSection,
.blogs,
.missionVision,
.doctorIntro {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}



/* services section start */

.services {
    background-color: #E3EDFF;
}

.services .services-heading {}

.services .services-heading h5 {
    color: #fff;
    padding: 4px 20px;
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    display: flex;
    align-items: center;
    font-size: 18px;
    background-color: var(--primary-color);
    width: max-content;
    position: relative;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 30px;
    border-radius: 0px 0px 15px 15px;
}

.services .services-heading h5::after {
    content: "";
    background-color: #72A0D7;
    height: 2px;
    width: 100%;
    border-radius: 20px;
    position: absolute;
    bottom: 20px;
    left: 104%;
}

.services .services-heading h5::before {
    content: "";
    background-color: #72A0D7;
    height: 2px;
    width: 100%;
    border-radius: 20px;
    position: absolute;
    bottom: 20px;
    right: 104%;
}

.services .test-card {
    background: #fff;
    border-radius: 16px;
    padding: 0px;
    padding-bottom: 25px;
    text-align: center;
    box-shadow: 0 6px 15px rgb(0 0 0 / 22%);
    transition: 0.3s;
    height: 100%;
    border-bottom: 4px solid var(--primary-color);
}

.services .test-card:hover {
    transform: translateY(-5px);
}

.services .img-box {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 12px;
}

.services .img-box img {
    width: 100%;
    height: 170px;
    object-fit: cover;
    display: block;
}

.services .test-card h3 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 6px;
    color: var(--text-color);
    margin: auto;
}

.services .test-card p {
    color: var(--text-color);
    width: 90%;
    margin: auto;
    margin-bottom: 12px;
}

.services.second {
    background-color: #fff;
}

.services.second .test-card {
    position: relative;
}

.services.second .test-card h3 {
    margin-top: 40px;
}

.services.second .hexagon {
    width: 60px;
    height: 34px;
    background: var(--primary-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 168px;
    margin: auto;
    left: 0;
    right: 0;
    align-items: center;
}

.services.second .hexagon:before,
.services.second .hexagon:after {
    content: "";
    position: absolute;
    width: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
}

.services.second .hexagon:before {
    bottom: 100%;
    border-bottom: 17px solid var(--primary-color);
}

.services.second .hexagon:after {
    top: 100%;
    border-top: 17px solid var(--primary-color);
}

.services.second .hexagon img {
    width: 42px;
    height: 42px;
    z-index: 2;
}


/* services section end */

/* Pitch Section start */

.pitch-section .row.align-items-center {
    position: relative;
    background-color: #fff;
    border: solid 2px rgb(226, 226, 226);
    padding: 40px 0;
    box-shadow: 0px 7px 29px 0px #64646F33;
    border-radius: 20px;
}

.pitch-section .image img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 467px;
}

/* Pitch Section end */


/* callAction-quality start */

.callAction-quality {
    padding: 50px 0;
}

.callAction-quality .row.gy-3 {

    width: 80%;
    margin: auto;

}

.callAction-quality p {
    color: var(--text-color);
}

.callAction-quality p {
    color: #ffff;
}

.page-template-about-us .callAction-quality p {
    color: var(--text-color);
}

.callAction-quality .quality-card {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.callAction-quality .quality-card .icon {
    width: 80px;
    margin: auto;
}

.callAction-quality .quality-card h6 {
    font-size: 20px;
    font-weight: 700;
}

.callAction-quality .page-btn .btn {
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
}


/* callAction-quality end */


/* healthPackages start */
.healthPackages .content-box h6 {
    /* padding-left: 40px; */
    line-height: 30px;
}


.healthPackages .healthPackges-items .owl-stage-outer {
    padding: 0 12px 30px 12px;
}

.healthPackages .healthPackges-items.owl-carousel .owl-dots {
    bottom: -30px;
}

.healthPackages .healthPackges-items .owl-stage {
    display: flex;
    align-items: stretch;
}

.healthPackages .healthPackges-items .owl-stage .item {
    height: 100%;
}

.healthPackages .healthPack-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 16px;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid #f2f2f2;

}

.healthPackages .healthPack-card p {
    margin-bottom: 0;
}

.healthPackages .healthPack-card .page-btn {
    margin-top: auto;
}

.healthPackages .healthPack-card .content-box {
    display: flex;
    flex-direction: column;
}

.healthPackages .healthPack-card .content-box ul {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
}

.healthPackages .healthPack-card .content-box ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 13px;
    padding-left: 20px;
    width: 50%;
    flex-grow: 1;
}

.healthPackages .healthPack-card .content-box ul li::before {
    content: "\ebe6";
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
    color: var(--primary-color);
    font-family: 'boxicons' !important;
}

.healthPackages .healthPack-card h5 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
}

.healthPackages .healthPack-card h5:first-child {
    color: #039954;
}

.healthPackages .healthPack-card .image img {
    border-radius: 10px;
    margin-bottom: 0;
}

.healthPackages .healthPackges-items .owl-nav button:first-child {
    margin: 0;
    position: absolute;
    right: 48.5vw;
    bottom: -38px;
    width: 40px;
    height: 40px;
}

.healthPackages .healthPackges-items .owl-nav button:last-child {
    margin: 0;
    position: absolute;
    left: 48.5vw;
    bottom: -38px;
    width: 40px;
    height: 40px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    border-radius: 50%;
    background: transparent;
    transform: scale(0.9);
    transition: 0.3s ease-in-out;
}

/* healthPackages end */


/* about-us start */

.about-us .about-content .content-card h5 {
    font-weight: 700;
}

.about-us .about-content .content-card p {
    margin-bottom: 0;
}

.about-us .about-content .content-card {
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 28%);
    padding: 20px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    height: 100%;
}

.about-us .about-content .content-card::after {
    content: "";
    position: absolute;
    right: -30px;
    top: -54px;
    background: url(../img/icons/polygonshape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
    width: 100px;
    filter: brightness(0) saturate(100%) invert(19%) sepia(67%) saturate(2971%) hue-rotate(199deg) brightness(98%) contrast(102%);
}


.about-us .about-content .row .col-md-6:nth-child(2) .content-card::after {
    filter: brightness(0) saturate(100%) invert(15%) sepia(88%) saturate(5764%) hue-rotate(334deg) brightness(95%) contrast(111%);
}

/* about-us end */


/* Packages section start */
.package-section {
    background-color: #EDEDED;
}

.package-section .package-card {
    height: 100%;
    background: linear-gradient(130deg, #0b5ed7, var(--primary-color));
    border-radius: 18px;
    padding: 25px;
    color: #fff;
    position: relative;
    border: 2px dotted rgba(255, 255, 255, 0.5);
    text-align: left;
}

.package-section .package-card h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
}

.package-section .package-card p {
    color: #ffffff;
    border-bottom: 1px solid #ffffff91;
    padding-bottom: 20px;
}

.package-section .package-card ul {
    list-style: none;
    padding: 0;
    margin: 12px 0 20px 0;
}

.package-section .row.g-4 {
    width: 95%;
    margin: auto;
}

.package-section .package-card ul li {
    font-size: 16px;
    margin-bottom: 6px;
    color: #fff;
}

.package-section .book-btn {
    width: 100%;
    background: #fff;
    color: #000000;
    border: none;
    padding: 12px 0;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    transition: 0.3s;
    margin-top: 20px;
}

.package-section .book-btn:hover {
    background: #e6efff;
}

/* Packages section end */

/* why choose section start */
.why-choose-section {
    background: #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 217, 229, 1) 100%);

}

.why-choose-section .why-choose-image img {
    width: 100%;
    border-radius: 10px;
}

.why-choose-section .why-choose-card .icon img {
    width: 50px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(255 230 238) 100%);
}

.why-choose-section .why-choose-card h3 {
    font-size: 18px;
    font-weight: 700;

}

/* why choose section end */




/* testimonials css start */



.testimonials {

    background-color: #F2F6FB;

}



.testimonials .testimonials-box .image {

    width: 50px;

    height: 50px;

    border-radius: 5px;

    overflow: hidden;

    margin-right: 10px;

}



.testimonials .testimonials-box {

    background-color: #ffff;

    border-radius: 10px;

    border: 20px solid #E0E6F8;

    padding: 20px;

}



.testimonials .testimonials-box h5 {

    margin-bottom: 0;

    font-weight: 700;

}



.testimonials .testimonials-box .review-image {

    width: 100px;

}



.testimonials .testimonial-btn {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 15px;

}



.testimonials .testimonial-btn .googleViewbtn {

    display: inline-flex;

    column-gap: 10px;

    padding: 10px 20px;

    font-size: 16px;

    font-weight: 500;

    color: var(--text-matte-light-color);

    background: #fff;

    border: 1px solid #ddd;

    border-radius: 6px;

    margin: 0;

    align-self: center;

    align-items: center;

    justify-content: center;

    align-content: center;

    line-height: 1.2;

}



.testimonials .googleViewbtn.Reviews img {

    width: 24px;

    border: 0;

    padding: 0;

}



.testimonials .googleViewbtn img {

    width: 35px;

    border-right: 1px solid #ddd;

    padding-right: 10px;

}



/* testimonials css end */









/* gallery section css start */



.gallery-sec .gallery-img {

    border-radius: 10px;

    overflow: hidden;

    height: 300px;

    position: relative
}



.gallery-sec .gallery-img .galleryName {

    display: block;

    color: #fff;

    bottom: 0;

    right: 0;

    left: 0;

    position: absolute;

    top: 0;

    z-index: 9
}



.gallery-sec .gallery-img img {

    max-width: 100%;

    object-position: top;

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-radius: 10px
}



.gallery-sec .gallery-img .overlayer {

    width: 100%;

    height: 100%;

    background-color: #181818bc;

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    opacity: 0;

    padding: 0;

    transform: scale(.5);

    transition: .4s ease-in-out
}



.gallery-sec .gallery-img .overlayer i {

    font-size: 50px;

    color: #fff;

    rotate: 45deg;

    margin-bottom: 10px
}



.gallery-sec .gallery-img .overlayer .content {

    background: #222;

    padding: 12px;

    border-radius: 5px;

    display: none
}



.gallery-sec .gallery-img .overlayer .content h6 {

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 8px
}



.gallery-sec .gallery-img .overlayer .content p {

    color: #fff;

    font-size: 12px;

    line-height: 1.5
}



.gallery-sec .gallery-img :hover .overlayer,

.gallery-sec .our-videos-box:hover .overlayer {

    opacity: 1;

    transform: scale(1.1)
}



/* gallery section css end */



/* contact us section start */



.contact-form {



    background: #fff;



    padding: 30px;



    border-radius: 10px;



    box-shadow: 0 0 20px rgb(0 0 0 / 13%);

    position: relative;



}



.contact-form .wpcf7-spinner {

    position: absolute;

    right: 40px;

    margin-top: 12px;

}





.contact-form label {
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
    font-size: 14px;
    color: var(--bs-gray-dark);
}





.contact-form .form-control {
    border: 1px solid #e0e0e0;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 15px;
}







.contact-form textarea.form-control {



    resize: vertical;



    min-height: 120px;



}







.contact-form .btn-primary {



    width: 100%;



    padding: 12px 20px;



    font-weight: 600;



    display: flex;



    align-items: center;



    justify-content: center;



    gap: 10px;



}







.contact-info {

    height: 100%;

    display: flex;

    flex-direction: column;

}







.quick-contact h3,



.office-info h3 {



    font-size: 24px;



    font-weight: 600;



    margin-bottom: 20px;



    color: var(--font-color);



}







.contact-buttons {



    display: flex;



    flex-direction: row;



    gap: 15px;



    justify-content: center;



}







.contact-button {



    display: flex;



    align-items: center;



    padding: 15px 22px;



    border-radius: 8px;



    text-decoration: none;



    transition: transform 0.3s ease;



}







.contact-button:hover {



    transform: translateY(-2px);



}







.contact-button .icon {



    width: 40px;



    height: 40px;



    margin-right: 15px;



    display: flex;



    align-items: center;



    justify-content: center;



}







.contact-button .icon img {



    width: 50px;



    height: 50px;



    min-width: 50px;



    min-height: 50px;



}







.contact-button .button-content {



    flex: 1;



}







.contact-button span {



    display: block;



    font-weight: 600;



    color: #fff;



    font-size: 16px;



    margin-bottom: 2px;



}







.contact-button small {

    display: block;

    color: rgba(255, 255, 255, 0.8);

    font-size: 13px;



}



.call-button {

    background: var(--secoundary-color);

}



.whatsapp-button {

    background: var(--primary-color);

}



.office-info {

    background: #fff;

    border-radius: 8px;

}

.contact-section {
    background: linear-gradient(180deg, #fff0f4 0%, #FFFFFF 100%);
}

.contact-section .contact-info .col-lg-6 .box {
    box-shadow: 0 0 12px rgb(0 0 0 / 28%);
    padding: 20px;
    border-radius: 10px;

}


.office-details h4 {

    font-size: 18px;

    margin-bottom: 10px;

    color: var(--primary-color);

}



.office-details p {

    line-height: 1.6;

    margin-bottom: 0;

}



.map-container {

    flex: 1;

    border-radius: 8px;

    overflow: hidden;

}



.map-container iframe {

    width: 100%;

    height: 100%;

    border: none;

}



/* contact us section end */


/* footer section css start */

footer {
    background-color: var(--heading-color);

    padding: 70px 0 100px 0px;

}



footer .logo {

    background-color: #fff;

    border-radius: 10px;
    padding: 5px 20px;

    width: max-content;

    margin-bottom: 20px;

}



footer .logo img {

    width: 200px;

}



footer p {

    color: #ffff;
    margin-bottom: 0;


}

footer .navbar-nav li {
    padding-left: 0 !important;
}

footer .footer-social-media {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



footer .footer-social-media {

    position: relative;

}



footer .footer-social-media::after {

    content: "";

    position: absolute;

    top: 69px;

    left: 0px;

    width: 100%;

    height: 2px;

    background: radial-gradient(circle, #fff 60%, transparent 40%);

    background-size: 10px 2px;

    animation: dash 1.5s linear infinite;

}



footer .footer-social-media h5 {

    color: #fff;

    font-size: 28px;

}



footer .footer-contact {

    margin-top: 52px;

}



footer .footer-contact h5 {

    color: #fff;

    font-weight: 600;

    margin-bottom: 20px;

}



footer .footer-contact h6 {

    color: #fff;

}



footer .footer-contact ul li a {

    color: #fff;

    font-size: 16px;

    display: flex;

    align-items: center;

}

footer .footer-contact ul li {
    position: relative;
    padding-left: 20px;
}

footer .address ul li::after {
    display: none;
}

footer .address ul li {
    padding-left: 0 !important;
}

footer .footer-contact ul li::after {
    background-image: url(/wp-content/uploads/2025/04/uwb43b0uk7m99pp9xk.svg);
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 12px;
    height: 12px;
    background-size: cover;
    background-position: center;
    opacity: 1;
}


footer .footer-contact ul li a i {

    margin-right: 6px;

}



footer .footer-contact ul {

    display: block;

    column-count: 2;

}



footer .footer-contact ul li {

    margin-bottom: 10px;

}



footer .copy-right h5 {

    font-size: 14px;

    color: #000000;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    justify-content: center;

    display: flex;

    background: #fff;

    width: max-content;

    padding: 10px 40px;

    border-radius: 30px 30px 0px 0px;

}

/* footer section end */

.social-contact ul li a {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #f9f9f9;
    transition: all .3s ease-in;
    font-size: 16px;
}
































































/* getIntouch start */

.getIntouch {
    padding: 20px 0;
}

.getIntouch .getintouch-items ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
}

.getIntouch .getintouch-items ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.getIntouch .getintouch-items ul li a i {
    font-size: 30px;
    color: var(--secoundary-color);
    background: #fff;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.getIntouch .getintouch-items ul li a h6 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.5px;
}

.getIntouch .getintouch-items ul li a h6 span {
    display: block;
    font-size: 16px;
    font-weight: 400;

}

.getIntouch .getintouch-items ul li a img {
    width: 50px;
}

.getIntouch .getintouch-items ul li:last-child h6 {
    color: var(--text-matte-color);
}

.getIntouch .getintouch-items ul li:last-child {
    width: 290px;
    background: #fff;
    padding: 20px 10px;
    border-radius: 100px;
}

/* getIntouch end */


/* whyChoose start */
.whyChoose .whychoose-image .row .col-6:nth-child(1) img {
    height: 180px;
    border-radius: 100px 100px 0 100px;
    margin-top: auto;
}

.whyChoose .whychoose-image .row .col-6:nth-child(2) img {
    height: 200px;
    border-radius: 100px 100px 100px 0px;
}

.whyChoose .whychoose-image .row .col-6:nth-child(3) img {
    height: 200px;
    border-radius: 100px 0px 100px 100px;
}

.whyChoose .whychoose-image .row .col-6:nth-child(4) img {
    height: 180px;
    border-radius: 0px 100px 100px 100px;
}

.whyChoose .whychoose-image {
    position: sticky;
    top: 140px;

    animation-name: updown;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes updown {
    0% {
        transform: translateY(7px);
    }

    50% {
        transform: translateY(-7px);
    }

    100% {
        transform: translateY(7px);
    }

}

.whyChoose .whychoose-image .whychoose-icon {
    position: absolute;
    width: 170px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 170px;
    margin: auto;
}

.whyChoose .whychoose-items .whychoose-card {
    border: 1px solid #ededed;
    box-shadow: 9px 12px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.whyChoose .whychoose-items .whychoose-card h5 {
    padding-top: 40px;
    position: relative;
}

.whyChoose .whychoose-items .whychoose-card h5:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icons/polygonshape.svg);
    filter: brightness(0) saturate(100%) invert(46%) sepia(65%) saturate(368%) hue-rotate(39deg) brightness(97%) contrast(91%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.whyChoose .whychoose-items .whychoose-card {
    position: relative;
}

.whyChoose .whychoose-items .whychoose-card::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #333;
    position: absolute;
    right: 20px;
    bottom: 20px;
}


.whyChoose .whychoose-items .row .col-md-6:nth-child(2) .whychoose-card h5:before {
    filter: brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(360%) hue-rotate(116deg) brightness(93%) contrast(97%);
}

.whyChoose .whychoose-items .row .col-md-6:nth-child(3) .whychoose-card h5:before {
    filter: brightness(0) saturate(100%) invert(68%) sepia(33%) saturate(4766%) hue-rotate(1deg) brightness(103%) contrast(108%);
}

.whyChoose .whychoose-items .row .col-md-6:nth-child(4) .whychoose-card h5:before {
    filter: brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(360%) hue-rotate(116deg) brightness(93%) contrast(97%);
}

/* whyChoose end */

/* testimonial start */

.testimonial .testimonial-card {
    padding: 14px;
    border: 1px solid #ededed;
    border-radius: 10px;
    background: #fff;
    box-shadow: 9px 12px 4px 0 rgba(0, 0, 0, 0.1);
}

.testimonial .testimonial-card .content-box .icon {
    width: 80px;
    margin-bottom: 14px;
}

.testimonial .testimonial-items.owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}


.testimonial .testimonial-items.owl-carousel .owl-dots {
    bottom: 14px;
}

.testimonial .testimonial-items.owl-carousel .owl-nav button:first-child {
    padding-right: 100px !important;
}

.morecontent span {
    display: none;
}

.morecontent .morelink {
    color: var(--secoundary-color);
    padding-left: 4px;
}

/* testimonial end */


/* contactUs start */
.contactUs {
    background: #F2F5FA;
}

.contactUs .content-box.qr-code {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}

.contactUs .map iframe {
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.contactUs .contact-info-card .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
}

.contactUs .contact-info-card .info-card {
    background: #fff;
    border: 1px solid #ededed;
    padding: 20px 10px;
    border-radius: 10px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

.contactUs .contactForm {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.04);
    background: #fff;
    height: 100%;
}


.contactForm .field-items label[for="form-control"] {
    margin-bottom: 10px;
    color: var(--text-matte-color);
    padding-left: 4px;
    font-size: 14px;
}

.contactForm .field-items input.form-control {
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    color: #787b7d;
}

.contactForm .field-items select.form-select,
.contactForm .field-items textarea.form-control {
    padding: 10px;
    font-size: 14px;
    color: #787b7d;
}

.contactForm .field-items textarea.form-control {
    height: 100px;
}

.contactForm .field-items input.form-control:focus {
    box-shadow: none;
}

.contactForm .field-items .input-box {
    position: relative;
}

.contactForm .field-items .input-box::before {
    content: "\ec63";
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 10px;
    right: auto;
    margin: auto;
    font-family: boxicons !important;
    font-weight: 400;
    font-size: 20px;
    color: var(--text-matte-color);
    height: 30px;

}

.contactForm .field-items .input-box.phone::before {
    content: "\ebb2";
}

.contactForm .field-items .input-box.phone::before {
    content: "\eac1";
}

.before-disable::before {
    display: none;
}

input[type="radio"] {
    padding: initial;
}

.contactForm .field-items .input-box.before-disable.collection {
    height: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    margin-top: 10px;
}

.contactForm .field-items .input-box.before-disable p {
    margin: 0;
    position: relative;
    width: 100%;
}

.contactForm .field-items .input-box.before-disable p .form-check-input {
    display: flex;
    width: 100%;
    border: 0;
    margin: 0;
    gap: 15px;
}

.contactForm .field-items .input-box.before-disable p .form-check-input span {
    margin: 0;
    display: flex;
    font-size: 16px;
}

.contactForm .field-items .input-box.before-disable p .form-check-input span label {
    margin-bottom: 0;
    font-size: 14px;
    color: #787b7d;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.contactForm .field-items p {
    margin: 0;
    position: relative;
}

.contactForm .field-items .btn {
    border-radius: 100px;
    border: none;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 18px;
    padding-top: 12px;
    margin-top: 15px;
}

.contactForm .field-items .btn:hover {
    border-color: #333;
}

.contactForm .field-items .wpcf7-spinner {
    position: absolute;
    right: 5px;
    top: 25px;
}

/* contactUs end */



/* faqSection start */
.faqSection {
    background: #E9F3FF;
    background: linear-gradient(180deg, rgba(233, 243, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.faq-tabs .nav-tabs {
    border: 0;
    padding-right: 20px
}

.faq-tabs .nav-tabs .nav-item {
    margin-bottom: 15px;
    width: 100%
}

.faq-tabs .nav-tabs .nav-item .nav-link {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 15px 30px 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: unset;
    border-radius: 5px;
    transition: all .15s ease-in;
    position: relative;
    margin: 0;
    cursor: pointer
}

.faq-tabs .nav-tabs .nav-item .nav-link:after {
    content: "\f105";
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    position: absolute;
    right: 25px;
    font-size: 22px;
    color: #fff;
    opacity: 0;
    transform: translateX(20px);
    transition: all .4s ease
}

.faq-tabs .nav-tabs .nav-item .nav-link img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    margin-right: 15px;
    filter: contrast(10) brightness(0)
}

.faq-tabs .nav-tabs .nav-item .nav-link span {
    text-align: start
}

.faq-tabs .nav-tabs .nav-item .nav-link h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: var(--matte-black);
    text-transform: capitalize;
    margin-bottom: 0
}

.faq-tabs .nav-tabs .nav-item .nav-link p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    color: #a3a2a2
}

.faq-tabs .nav-tabs .nav-item .nav-link.active,
.faq-tabs .nav-tabs .nav-item .nav-link:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    box-shadow: 0px 8px 24px rgba(149, 157, 165, .2)
}

.faq-tabs .nav-tabs .nav-item .nav-link.active:after,
.faq-tabs .nav-tabs .nav-item .nav-link:hover:after {
    opacity: 1;
    transform: translateX(0)
}

.faq-tabs .nav-tabs .nav-item .nav-link.active img,
.faq-tabs .nav-tabs .nav-item .nav-link:hover img {
    filter: contrast(0) brightness(10)
}

.faq-tabs .nav-tabs .nav-item .nav-link.active h5,
.faq-tabs .nav-tabs .nav-item .nav-link.active p,
.faq-tabs .nav-tabs .nav-item .nav-link:hover h5,
.faq-tabs .nav-tabs .nav-item .nav-link:hover p {
    color: #fff
}

.faqSection .accordion {
    box-shadow: 0px 8px 24px 0px #959DA533;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    background-color: #fff
}

.faqSection .accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #0000000D
}

.faqSection .accordion .accordion-item .accordion-button {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-matte-color);
}

.faqSection .accordion .accordion-item .accordion-button:hover {
    color: var(--primary-color)
}

.faqSection .accordion .accordion-item .accordion-button:hover::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(62%) saturate(1662%) hue-rotate(127deg) brightness(94%) contrast(102%);

}

.faqSection .accordion .accordion-item:last-child {
    border: 0
}

.faqSection .accordion-button:not(.collapsed) {
    color: var(--primary-color) !important;
    background: 0 0
}

.faqSection .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(62%) saturate(1662%) hue-rotate(127deg) brightness(94%) contrast(102%);
}

.faqSection .accordion-body {
    padding-right: 40px
}

/* faqSection end */


/* blogs start */
.blogs .blogs-items .blogs-card .image {
    position: relative;
}

.blogs .blogs-items .blogs-card .image img {
    border-radius: 10px;
}

.blogs .blogs-items .blogs-card .image::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.blogs .blogs-items .blogs-card .content {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 10px;
    color: #fff;
}

.blogs .blogs-items .blogs-card a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.blogs .blogs-items .blogs-card .content .blogs-about {
    display: flex;
    justify-content: space-between;
}

.blogs .blogs-items .blogs-card .content .blogs-about span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.blogs .blogs-items .blogs-card .content .blogs-about i {
    padding-right: 6px;
}

/* blogs end */


/* footer start */
.f-social ul {
    display: flex;
    gap: 10px;
}

.f-social ul li a {
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: var(--secoundary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.f-head {
    border-bottom: 2px dashed var(--primary-color);
}

.f-content-nav h5 {
    margin-bottom: 14px;
}

.f-content-nav .content-info ul li a p {
    display: inline;
    margin-bottom: 0;
}

.f-content-nav .content-info ul,
.f-content-nav .explore-links ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.f-content-nav .content-info ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 24px;
    color: var(--primary-color);
}

/* footer end */







/* --------- About us ---------- */

/* missionVision start */

.missionVision .missionVision-items .misvis-card .icon {
    width: 50px;
    margin-bottom: 20px;
}

.missionVision .missionVision-items .missvis-center-image {
    position: relative;
}

.missionVision .missionVision-items .missvis-center-image .image img {
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    width: 300px;
    height: 300px;
    object-fit: cover;
    margin: auto;
    display: flex;
    margin: auto;
}

.missionVision .missionVision-items .missvis-center-image .image:nth-child(2) img {
    position: absolute;
    margin: 0;
    top: 96px;
    width: 200px;
    height: 200px;
    left: 50px;
}


.missionVision .missionVision-items .missvis-center-image a {
    background: var(--primary-color);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    font-size: 50px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-top: 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pulse-animation 1.4s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(43, 155, 81, 0.9);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(43, 155, 81, 0);
    }
}


/* missionVision end */


/* doctor-intero start */

.doctorIntro .content-box h6 {
    color: var(--primary-color);
}

.doctorIntro .intro-items .fullcard .social-profile ul {
    display: flex;
    align-items: center;
    gap: 14px;
}

.doctorIntro .intro-items .fullcard .social-profile ul li a {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.doctorIntro .image {
    width: 100%;
    height: 100%;
}

.doctorIntro .image .img-fluid {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.doctorIntro .intro-items .fullcard .social-profile ul li a:hover {
    transform: scale(0.9);
    transition: 0.2s ease-in;
}

.doctorIntro .intro-items .fullcard .image img {
    border-radius: 10px;
}

.doctorIntro .intro-items .fullcard .social-profile ul li a img {
    width: 16px;
    height: 16px;
}

.fullcard-2.fullcard .content-box h6 {
    justify-content: end;
}

.fullcard-2.fullcard {
    padding-top: 40px;
    border-top: 1px solid #ddd;
}

/* doctor-intero end */
/* Page Title */
.page-banner {
    padding: 200px 0 50px;
    position: relative;
    background: url(https://drnavneetlab.kadamstag.xyz/wp-content/uploads/2026/04/bg-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-banner .section-heading h1 {
    font-weight: 700;
    margin-bottom: 14px;
    font-size: 36px;
}

.page-banner p {
    color: #fff;
}

.blog-page {
    padding: 200px 0 50px;
}

.blog-single-post {
    position: relative;
    margin-bottom: 40px
}

.blog-single-post.blog-salah .image img {
    width: auto;
    height: 500px
}

.blog-single-post .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.blog-single-post .image img {
    width: 100%
}

.blog-single-post .lower-content {
    position: relative;
    padding: 30px;
    border: 1px solid #ebf2f3;
    border-top: 0;
    border-radius: 5px
}

.blog-single-post ul.post-meta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    margin-bottom: 13px
}

.blog-single-post .post-meta li {
    margin-right: 15px;
    padding-right: 15px;
    font-weight: 600;
    border-right: 1px solid #ddd
}

.blog-single-post .post-meta li i {
    margin-right: 8px;
    color: var(--primary-color)
}

.blog-single-post .post-meta li:last-child {
    border-right: 0
}

.blog-single-post h1 {
    position: relative;
    font-size: 30px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3f3f3f
}

.blog-single-post h3 {
    position: relative;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3f3f3f
}

.blog-single-post .text {
    margin-bottom: 40px
}

.blog-single-post .text ul {
    padding-left: 0
}

.blog-single-post .text ul li {
    list-style: none;
    margin-bottom: 10px;
    color: #3f3f3f;
    position: relative;
    padding-left: 30px
}

.blog-single-post .text ul li:before {
    color: var(--primary-color);
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.blog-single-post .text ol li {
    list-style: inherit;
    margin-bottom: 10px;
    color: #3f3f3f
}

.blog-single-post .text h2 {
    position: relative;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h3 {
    position: relative;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h4 {
    position: relative;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h5 {
    position: relative;
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h6 {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text table tr th,
.blog-single-post .text table tr td {
    border: 2px solid #ddd;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500
}

.blog-single-post .text table tr th {
    font-weight: 700
}

.blog-single-post blockquote {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    color: #565872;
    margin-bottom: 30px
}

.blog-single-post blockquote:before {
    position: absolute;
    content: '';
    top: 0;
    width: 8px;
    bottom: 0;
    background: var(--primary-color);
    left: 0;
    border-radius: 5px
}

.widget {
    position: relative;
    margin-bottom: 50px
}

.widget_popular_post {
    position: relative;
    max-width: 350px;
    margin-left: auto
}

.widget .widget-title {
    position: relative;
    font-size: 20px;
    color: #3f3f3f;
    margin-bottom: 20px;
    font-weight: 600
}

.widget_popular_post .post-thumb {
    position: relative;
    margin-right: 15px;
    margin-bottom: 0;
    overflow: hidden
}

.widget_popular_post .post-thumb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgb(16 34 53/59%);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    transition: all .3s ease-in
}

.widget_popular_post .post-thumb:hover:before {
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-animation: circle .75s;
    animation: circle .75s
}

.widget_popular_post .post-thumb img {
    border-radius: 5px;
    float: left;
    height: 60px;
    width: 60px;
    object-fit: cover
}

.widget_popular_post .post {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    padding-bottom: 17px;
    padding: 14px;
    border-radius: 5px
}

.widget_popular_post .post:last-child {
    margin-bottom: 0
}

.widget_popular_post .content {
    position: relative;
    width: calc(100% - 75px)
}

.widget_popular_post .content h5 {
    position: relative;
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: 600;
    font-family: inherit
}

.widget_popular_post .content h5 a {
    color: #3f3f3f;
    transition: .5s
}

.widget_popular_post .content h5 a:hover {
    color: var(--primary-color)
}

.widget_popular_post .content .post-info {
    font-size: 14px;
    color: #3f3f3f
}

.widget_popular_post .content .post-info i {
    margin-right: 4px;
    color: var(--primary-color)
}

.searchbox {
    background: #fff;
    border-radius: 100px;
    max-width: 400px;
    margin: auto;
    border: 1px solid #ddd;
    padding: 5px;
    overflow: hidden;
}

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

.searchbox input {
    border: 0;
    outline: none;
    padding: 10px 20px;
    width: 100%;
}

.searchbox .searchbtn {
    border: 0;
    background: #039954;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 600;
}

.healthPackages .healthPack-card .content-box p {
    font-size: 14px;
    font-weight: 600;
    color: #434343;
}

.modalhealth .modal-dialog {
    max-width: 1000px;
}

.modal.modalhealth .modal-header {
    border: 0;
    padding: 0;
}

.modal .modal-header .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    opacity: 1;
    color: #000;
    font-size: 24px;
    padding: 6px;
    z-index: 99;
}

.modal.modalappointment .modal-dialog {
    max-width: 600px;
}

.modal.modalappointment .modal-title {
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 600;
}

.modal.modalappointment .btn-close {
    position: relative;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 1;
    color: #000;
    font-size: 24px;
    padding: 6px;
    z-index: 99;
    border: 1px solid #000;
}

.modal .modal-header .btn-close i {
    font-size: 24px;
    line-height: 1;
}

.modal.modalhealth .modal-card-health {
    background: rgb(3 153 84 / 8%);
    height: 100%;
    padding: 20px;
    border-radius: 10px;
}

.modal.modalhealth .modal-card-health h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1.5;
}

.modal.modalhealth .modal-card-health p {
    margin-bottom: 10px;
}

.modal.modalhealth .modal-card-health .test-text {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px;
}

.modal.modalhealth .modal-card-health ul {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 10px;
}

.modal.modalhealth .modal-card-health ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 13px;
    padding-left: 20px;
    width: 30%;
    flex-grow: 1;
}

.modal.modalhealth .modal-card-health ul li::before {
    content: "\ebe6";
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
    color: var(--primary-color);
    font-family: 'boxicons' !important;
}

.tests.tests-page .tests-nav-cards .tests-card {
    height: auto;
    min-height: auto;
    max-height: max-content;
    overflow-y: auto;
}

.contact-content {
    padding: 50px 0;
}

.contact-content .about-image {
    width: 100%;
    height: 100%;
}

.contact-content .about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.contactInfo-section {
    padding: 50px 0;
    background-color: rgb(0 0 0 / 3%);
}

.contactInfo-section .contact-details .info-list li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 15px;
}

.contactInfo-section .contact-details .info-list li i {
    width: 35px;
    height: 35px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 11px 3px #44444447;
}

.contactInfo-section .contact-details .info-list li .title {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.contactInfo-section .contact-details .info-list li a,
.contactInfo-section .contact-details .info-list li .text {
    font-size: 14px;
    color: #545454;
    font-weight: 600;
}

.contactInfo-section .contact-details {
    padding: 20px 0;
}

.contactInfo-section .contact-details h3 {
    font-size: 26px;
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 15px;
}

.contactInfo-section .contact-details h4 {
    font-size: 20px;
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 15px;
}

.contactInfo-section .contact-details .socialLink {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.contactInfo-section .contact-details .socialLink li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background-color: var(--secoundary-color);
    color: var(--text-matte-color);
    font-size: 20px;
}

.google-map {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 100%;
}

/* start Home collection services */
.what-is {
    padding: 70px 0;
}

.what-is h3 {
    font-weight: 700;
    font-size: 36px;
    color: var(--bs-heading-color);
}

.what-is .col-lg-7 p {
    padding-left: 50px;
    border-left: 3px solid var(--primary-color);
}

.page-template-home-collection-services .callAction-quality .quality-card .icon {
    width: 110px;
}

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

.page-template-home-collection-services .about-us {
    background: #eeeeee;
}

.page-template-home-collection-services .about-us .about-content .content-card {
    background-color: #fff;
}

.input-box.before-disable.collection .form-check-inline {
    padding: 0;
    margin: 0;
}

/* end Home collection services */
.m-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    width: 100%;
    z-index: 999;
    padding: 0;
    height: 50px;
    display: none;
    align-items: center;
    padding: 5px 0;
    border-top: 2px solid #fff;
}

.m-footer a {
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.m-footer a i {
    font-size: 20px;
}

.m-footer .hgf5d3 {
    border-right: 1px solid #ddd;
}

.m-footer .hgf5d3:last-child {
    border-right: 0;
}

.gallery-page {
    padding: 50px 0;
}

.gallery-page .image-gallery {
    width: 100%;
    height: 230px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.gallery-page .image-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.gallery-page .image-gallery a {
    display: block;
}

.gallery-page .image-gallery a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    height: 90%;
    margin: auto;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.438);
    opacity: 0.5;
    visibility: hidden;
    transition: all 0.3s ease-in;
}

.gallery-page .image-gallery:hover a::before {
    opacity: 1;
    visibility: visible;
}

.whyChoose.whowe-are .content-box ul li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    line-height: 1.5;
}

.whyChoose.whowe-are .content-box ul li::before {
    content: "\ebe6";
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 2px;
    color: var(--primary-color);
    font-family: 'boxicons' !important;
}

.whyChoose.whowe-are .whowe-image {
    width: 100%;
    max-height: 500px;
    height: 100%;
}

.whyChoose.whowe-are .whowe-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.about-action {
    padding: 60px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about-action .image-doc {
    width: 250px;
    height: 250px;
    border-radius: 100%;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 11px 1px #9494944a;
    overflow: hidden;
    margin-left: auto;
}

.about-action .image-doc img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 100%;
}

.about-action .content-box h3,
.about-action .content-box p {
    color: #fff;
}

.test,
.health-packages {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.test .select2-container,
.health-packages .select2-container {
    width: 100% !important;
    min-width: auto !important;
}

.test .select2-container--default .select2-selection--single,
.health-packages .select2-container--default .select2-selection--single {
    border: 0;
}

.select2-dropdown {
    z-index: 99999 !important;
}

.cptlfcf7_title {
    font-size: 14px !important;
}

.cptlfcf7_left_box img {
    display: none !important;
}

.service-banner h3 {
    color: var(--primary-color);
    font-weight: 700;
    margin: 10px 0;
}

.mri-section {
    background-color: #ffffff;
}

/* Image Container & Hexagon */
.mri-section .mri-image-container {
    display: flex;
    justify-content: center;
    padding-right: 15px;
}

/* Heading Box Styles */
.mri-section .heading-box {
    margin-bottom: 30px;
}

.mri-section .heading-box h6 {
    color: var(--secoundary-color) !important;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.mri-section .heading-box h6 span {
    width: 35px;
    height: 2px;
    background-color: var(--secoundary-color);
    display: inline-block;
}

.mri-section .heading-box h2 {
    color: var(--text-matte-color);
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    margin-bottom: 15px;
}

.mri-section .sub-features {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}



/* Features List */
.mri-section .mri-features-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mri-section .mri-features-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 16px;
}

.mri-section .mri-features-list li img {
    width: 22px;
    height: 22px;
    margin-top: 1px;
}

.mri-section .mri-features-list li p {
    margin: 0;
    color: var(--text-matte-light-color);
    font-size: 16px;
    line-height: 24px;
}

.benefits-section {
    background-color: #f9f9f9;
    /* Light grey background for contrast */
}


/* Benefit Cards Style */
.benefits-section .benefit-card {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 15px;
    height: 100%;
    transition: transform 0.3s ease;
    border-bottom: 4px solid var(--primary-color);
    /* Bottom blue border */
    box-shadow: 0px 10px 30px rgba(0, 83, 175, 0.08);
    /* Subtle shadow */
}

.benefits-section .benefit-card:hover {
    transform: translateY(-10px);
}

.benefits-section .benefit-card h5 {
    color: var(--text-matte-color);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 24px;
}

.benefits-section .benefit-card p {
    line-height: 22px;
    margin-bottom: 0;
}

.mri-recommendation {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #F0F6FF;
    /* Light bluish background as per image */
    overflow: hidden;
}

/* List Style */
.mri-recommendation .rec-list {
    margin-top: 30px;
}

.mri-recommendation .rec-list li {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.mri-recommendation .rec-list li img {
    width: 24px;
    height: 24px;
}

.mri-recommendation {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 60px 0 60px 0;
}

.mri-types-section {
    background-color: #F5F7FA;
    /* Light background to make white cards pop */
    font-family: 'Poppins', sans-serif;
}

/* Heading Box Style */
.mri-types-section .heading-box {
    margin-bottom: 30px;
}


/* Card Design with Gradient Border Look */
.mri-types-section .type-card {
    background: #ffffff;
    border-radius: 15px;
    padding: 15px;
    height: 100%;
    text-align: left;
    box-shadow: 0px 10px 25px rgba(0, 83, 175, 0.08);
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.mri-types-section .type-card:hover {
    transform: translateY(-8px);
    box-shadow: 0px 15px 35px rgba(0, 83, 175, 0.15);
}

.mri-types-section .type-img {
    width: 100%;
    height: 170px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.mri-types-section .type-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mri-types-section .type-content h5 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 600;
}


.mri-types-section .type-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 15px;
    /* Same as parent */
    padding: 1.5px;
    /* Border ki thickness (adjust as needed) */

    /* Gradient: Top (White/Transparent) to Bottom (Blue) */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #0053AF 100%);

    /* Masking logic: Isse sirf border wala area visible rahega */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;

    pointer-events: none;
    z-index: -1;
}

.mri-preparation-section {
    background: linear-gradient(180deg, #FFFFFF 0%, #fe005017 100%);
}

.mri-preparation-section .prep-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 30px;
    height: 100%;
    position: relative;
    box-shadow: -4px 2px 13px rgb(0 0 0 / 18%);
    z-index: 1;
}

.mri-preparation-section .prep-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 20px;
    padding: 1.5px;
    /* Stroke thickness */
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
    z-index: -1;
}

.mri-preparation-section .card-tag {
    display: inline-block;
    padding: 8px 25px;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background-color: var(--secoundary-color);
    margin: auto;
    justify-content: center;
    display: flex;
    width: max-content;
    margin-bottom: 20px;
}


.mri-preparation-section .prep-list li {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 18px;
    font-size: 15px;
    color: var(--text-matte-light-color);
    line-height: 24px;
}

.mri-preparation-section .prep-list li img {
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

.mri-preparation-section .prep-card.during-scan .card-tag {
    background-color: var(--primary-color);
}

.mri-preparation-section .prep-card.during-scan ul li img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(64%) saturate(2301%) hue-rotate(318deg) brightness(103%) contrast(103%);
}

:root {
    --primary-color: #0053AF;
    --secoundary-color: #FE0050;
    --text-matte-color: #28282B;
    --text-matte-light-color: #555;
    /* Proper Gradient for Hover as per SS */
    --card-grad-start: #3B66B5;
    --card-grad-end: #5A53A1;
}

.why-choose-mri {
    background: linear-gradient(180deg, #EDF4FF 0%, #FFFFFF 100%);
}

.why-choose-mri .choose-card {
    background: #ffffff;
    padding: 40px 25px;
    border-radius: 12px;
    height: 100%;
    transition: all 0.4s ease-in-out;
    border: 1px solid #E3EBF4;
    box-shadow: 0px 8px 20px rgba(0, 83, 175, 0.03);
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Icon Container */
.why-choose-mri .icon-box {
    width: 65px;
    height: 65px;
    background: #F0F6FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}

.why-choose-mri .icon-box img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(100%) sepia(94%) saturate(0%) hue-rotate(248deg) brightness(106%) contrast(106%);
}

.why-choose-mri h5 {
    font-size: 18px;
    font-weight: 700;
    color: var(--text-matte-color);
    margin: 0px;
    transition: 0.3s;
}

.why-choose-mri p {
    line-height: 22px;
    margin: 0px;
    transition: 0.3s;
}

.why-choose-mri .choose-card .icon-box {
    background: linear-gradient(145deg, var(--card-grad-start) 0%, var(--card-grad-end) 100%);
}

.why-choose-mri .choose-card:hover {
    background: linear-gradient(145deg, var(--card-grad-start) 0%, var(--card-grad-end) 100%);
    transform: translateY(-10px);
    border-color: transparent;
    box-shadow: 0px 15px 35px rgba(59, 102, 181, 0.3);
}

.why-choose-mri .choose-card:hover h5,
.why-choose-mri .choose-card:hover p {
    color: #ffffff;
    /* White text on blue bg */
}

.why-choose-mri .choose-card:hover .icon-box {
    background: #fff;
}

.why-choose-mri .choose-card:hover .icon-box img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(3%) saturate(4%) hue-rotate(224deg) brightness(113%) contrast(100%);
}

.page-template-about-us .banner-area .banner-section .slide {
    padding: 100px 0 100px 0;
    height: 460px;
}

.main-stats-section .card {

    position: relative;

    border-radius: 10px;

    overflow: hidden;

    color: white;

    transition: 0.3s;
    height: 200px;
    border: 0;

}



.main-stats-section .card:hover {

    transform: translateY(-5px);

}



.main-stats-section .card img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.main-stats-section .card-content {

    position: absolute;

    top: 0;

    left: 20px;

    right: 20px;

    bottom: 0;

    display: flex;

    align-items: center;

}



.main-stats-section .card h3 {

    font-size: 18px;

    font-weight: 600;
    color: var(--text-color);

    margin-bottom: 10px;

}



.main-stats-section .theme_btn {

    padding: 8px 15px;

    font-size: 12px;
    background-color: var(--secoundary-color);
}



.main-stats-section .theme_btn:hover {

    background-color: #fff;

}



.main-stats-section .card.refined h3 {

    color: var(--mate-black);

}



.main-stats-section .experience-card {

    background: var(--text-color);

    text-align: center;

    color: white;

    padding: 20px 10px;

    border-radius: 10px;

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    height: 100%;

}



.main-stats-section .experience-card p {

    color: #fff;

}



.main-stats-section .experience-card h2 {

    color: #fff;

    font-size: 70px;

    font-weight: 700;

}

.page-template-about-us .about-us {
    background: #ececec;
}

.page-template-about-us .about-us .about-content .content-card {
    background-color: #fff;
}

.modal-dialog .contact-form {
    padding: 0 20px;
    box-shadow: none;
}

/* Parent Class Wrapper */
.career-openings-section {
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

.career-openings-section .tagline {
    color: #007bff;
    /* Medical Blue */
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.career-openings-section .main-title {
    font-weight: 700;
    color: #212529;
    font-size: 2.5rem;
}

.career-openings-section .description {
    color: #6c757d;
    max-width: 550px;
}

/* Sticky Image Logic */
.career-openings-section .sticky-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
    height: fit-content;
}

.career-openings-section .sticky-img {
    width: 100%;
    height: 550px;
    border-radius: 24px;
    object-fit: cover;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

.career-openings-section .info-overlay {
    padding: 25px;
    background-color: #f9fbff;
    border-left: 5px solid #007bff;
    border-radius: 0 15px 15px 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Job Cards Styling */
.career-openings-section .job-card {
    background: #f9fbff;
    border: 1px solid #eeeeee;
    border-left: 5px solid var(--primary-color);
    border-radius: 15px;
    padding: 35px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.171);
}

.career-openings-section .job-card:hover {
    background: #ffffff;
    transform: translateX(12px);
    box-shadow: 0 15px 35px rgba(0, 123, 255, 0.15);
}

.career-openings-section .job-badge {
    font-size: 0.75rem;
    background: #44444421;
    color: #007bff;
    padding: 6px 14px;
    border-radius: 50px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 15px;
}

.career-openings-section .job-card h4 {
    font-weight: 600;
    color: #212529;
    margin-bottom: 12px;
}

.career-openings-section .job-card p {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
}

.career-openings-section .apply-link {
    color: var(--primary-color);
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    margin-top: 10px;
    transition: 0.3s;
}

.career-openings-section .apply-link:hover {
    gap: 10px;
    /* Arrow moves a bit */
    color: #0056b3;
}

/* Mobile Responsive */
@media (max-width: 991px) {
    .career-openings-section .sticky-img {
        height: 350px;
        margin-bottom: 30px;
    }

    .career-openings-section .main-title {
        font-size: 2rem;
    }
}

/* Parent Wrapper */
.why-join-navneet {
    background-color: #ffffff;
    background-color: #eeeeee;
    font-family: 'Poppins', sans-serif;
}

/* Header Styling */
.why-join-navneet .sub-badge {
    color: #FE0050;
    /* Secondary Pink/Red */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.85rem;
    display: block;
    margin-bottom: 10px;
}

.why-join-navneet .main-heading {
    color: #28282B;
    /* Matte Black */
    font-weight: 800;
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.why-join-navneet .highlight {
    color: #0053AF;
    /* Primary Blue */
}

.why-join-navneet .intro-text {
    color: #555;
    /* Matte Light Color */
    font-size: 1.1rem;
    line-height: 1.6;
}

/* Card Styling */
.why-join-navneet .feature-card {
    padding: 40px 30px;
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    height: 100%;
    transition: all 0.4s ease;
    text-align: left;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.171);
}

/* Hover Effect: Blue Background Slide */
.why-join-navneet .feature-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #0053AF;
    /* Primary Blue */
    z-index: -1;
    transition: all 0.4s ease;
    border-radius: 20px;
}

.why-join-navneet .feature-card:hover::before {
    width: 100%;
}

.why-join-navneet .feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 83, 175, 0.2);
}

/* Icon Wrap */
.why-join-navneet .icon-wrap {
    width: 60px;
    height: 60px;
    background: #0053af;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 1.8rem;
    margin-bottom: 25px;
    transition: 0.4s;
}

.why-join-navneet .feature-card:hover .icon-wrap {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

/* Text inside Card */
.why-join-navneet .feature-card h4 {
    color: #333333;
    /* Text Color */
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 1.25rem;
    transition: 0.4s;
}

.why-join-navneet .feature-card p {}

.why-join-navneet .feature-card:hover h4,
.why-join-navneet .feature-card:hover p {
    color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    .why-join-navneet .main-heading {
        font-size: 2rem;
    }
}

.page-template-career .pitch-section {
    margin-top: 70px;
}

/* Parent Section */
.apply-position-section {
    padding: 60px 0;
    background-color: #0053af26;
}

/* Form Wrapper with Two Sides */
.apply-position-section .form-wrapper-main {
    background: #ffffff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 30px 60px rgba(0, 83, 175, 0.15);
}

/* Left Info Column */
.apply-position-section .info-column {
    background-color: #0053AF;
    /* Primary Color */
    color: #ffffff;
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.apply-position-section .badge-top {
    background: rgba(218, 218, 218, 0.2);
    color: #ffffff;
    /* Secondary Color */
    padding: 6px 15px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 0.85rem;
    display: inline-block;
    margin-bottom: 20px;
    border: 1px solid #ffffff;
}

.apply-position-section .info-column h2 {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
    line-height: 1.2;
}

.apply-position-section .info-column p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    line-height: 1.6;
}

/* Right Form Side */
.apply-position-section .actual-form-body {
    padding: 60px 45px;
}

.apply-position-section .form-label {
    color: #28282B;
    /* Matte Matte Color */
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

/* Custom Input Groups with Boxicons */
.apply-position-section .input-group-custom {
    position: relative;
    display: flex;
    align-items: center;
}

.apply-position-section .input-group-custom i {
    position: absolute;
    left: 15px;
    color: #0053AF;
    /* Primary Color */
    font-size: 1.2rem;
}

.apply-position-section .form-control,
.apply-position-section .form-select {
    padding: 12px 15px 12px 45px;
    background-color: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    font-size: 0.95rem;
    color: #333333;
    transition: 0.3s;
}

.apply-position-section .form-control:focus,
.apply-position-section .form-select:focus {
    background-color: #fff;
    border-color: #0053AF;
    box-shadow: 0 0 0 4px rgba(0, 83, 175, 0.1);
    outline: none;
}

.apply-position-section .custom-file-input {
    padding: 10px;
}

/* CTA Button */
.apply-position-section .btn-submit-app {
    background-color: #FE0050;
    /* Secondary Color */
    color: #ffffff;
    border: none;
    padding: 15px 35px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    width: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(254, 0, 80, 0.2);
}

.apply-position-section .btn-submit-app:hover {
    background-color: #0053AF;
    /* Shifts to Blue on hover */
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 83, 175, 0.2);
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .apply-position-section .actual-form-body {
        padding: 40px 25px;
    }

    .apply-position-section .info-column {
        padding: 15px;
        text-align: center;
    }

    .apply-position-section .info-content .d-flex.align-items-center {
        justify-content: center;
        display: flex;
    }

    .apply-position-section .info-column h2 {
        margin-bottom: 4px;
        font-size: 26px;
    }

    .apply-position-section .info-column h2 br {
        display: none;
    }
}

/* MAIN MENU BASE */
.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-menu .navigation>li {
    position: relative;
    margin: 0 6px;
}

/* MENU LINKS */
.main-menu .navigation>li>a {
    text-decoration: none;
    padding: 10px 0;
    display: inline-block;
    position: relative;
    transition: all 0.3s ease;
}

/* HOVER EFFECT (underline animation) */
.main-menu .navigation>li>a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #0d6efd;
    transition: width 0.3s ease;
}

.main-menu .navigation>li:hover>a::after {
    width: 100%;
}

/* SUBMENU DEFAULT HIDE */
.main-menu .sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    background: #fff;
    min-width: 220px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    padding: 10px 0;
    z-index: 999;
}

/* SUBMENU SHOW ON HOVER */
.main-menu .navigation>li:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    top: 100%;
}

/* SUBMENU ITEMS */
.main-menu .sub-menu li {
    padding: 0;
}

.main-menu .sub-menu li a {
    display: block;
    padding: 10px 18px;
    color: #333;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* SUBMENU HOVER EFFECT */
.main-menu .sub-menu li a:hover {
    background: var(--primary-color);
    padding-left: 25px;
    color: #fff;
}

/* ARROW FOR MENU HAVING SUBMENU */
.main-menu .menu-item-has-children>a::before {
    content: "▾";
    font-size: 20px;
    transition: transform 0.3s ease;
    position: absolute;
    right: -18px;
    top: 7px;
}

/* ARROW ROTATE ON HOVER */
.main-menu .menu-item-has-children:hover>a::before {
    transform: rotate(180deg);
}

/* OPTIONAL: SMOOTH DROPDOWN */
.main-menu .sub-menu li {
    opacity: 0;
    transform: translateY(5px);
    transition: all 0.3s ease;
}

.main-menu .navigation>li:hover .sub-menu li {
    opacity: 1;
    transform: translateY(0);
}

.page-template-pathology-services .benefits-section {
    background: linear-gradient(359deg, rgb(0 83 175 / 13%) 0%, rgba(255, 255, 255, 1) 100%);
}

.page-template-pathology-services .benefits-section .benefit-card {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 15px;
    height: 100%;
    transition: transform 0.3s ease;
    border: 2px solid var(--primary-color);
    box-shadow: 0px 10px 30px rgba(0, 83, 175, 0.08);
    text-align: center;
}

.page-template-pathology-services .benefits-section .benefit-card h5 {
    color: var(--primary-color);
}

.lab-services-section {
    background-color: #dbf1ff
}

.lab-services-section .section-header .underline {
    width: 60px;
    height: 3px;
    background: #007bff;
    margin-top: 10px;
}

.lab-services-section .mini-test-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #eee;
    transition: all 0.3s ease-in-out;
    height: 100%;
    overflow: hidden;
}

.lab-services-section .mini-test-card:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
    border-color: #007bff;
}

.lab-services-section .img-wrapper {
    height: 110px;
    overflow: hidden;
    background: #e9ecef;
}

.lab-services-section .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lab-services-section .test-title {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #333;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lab-services-section .btn-link {
    font-size: 14px;
    text-decoration: none;
    color: var(--primary-color);
    font-weight: 600;
}

.lab-services-section .btn-link:hover {
    text-decoration: underline;
}

/* Specific styling for packages */
.lab-services-section .highlight {
    background: #eef7ff;
    border: 1px dashed #007bff;
}

/* Responsive tweaks */
@media (max-width: 576px) {
    .lab-services-section .img-wrapper {
        height: 90px;
    }

    .lab-services-section .test-title {
        font-size: 0.8rem;
    }
}

.page-template-pathology-services .mri-section .heading-box p {
    width: 100%;
}

.page-template-pathology-services .mri-recommendation ul {
    column-count: 2;
}

.page-template-pathology-services .mri-recommendation img {
    border-radius: 20px;
}

.page-template-pathology-services .banner-area .banner-section .slide {
    padding: 140px 0 100px 0;
}

/* Parent Class */
.founder-section {
    padding: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 217, 229, 1) 100%);
    /* Light blue tint from your SS */
}

/* Image Styling */
.founder-section .founder-img-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.founder-section .founder-img-wrapper img {
    transition: transform 0.5s ease;
    width: 90%;
    display: block;
}

.founder-section .founder-name-badge {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    border-left: 5px solid #e91e63;
    /* Pink color from your theme */
    width: 40%;
    margin: auto;
}

.founder-section .founder-name-badge h4 {
    margin: 0;
    font-size: 20px;
    color: #003366;
    /* Navy blue */
    font-weight: 700;
}

.founder-section .founder-name-badge span {
    font-size: 14px;
    color: #666;
}

/* Content Styling */
.founder-section .founder-content .sub-title {
    color: #e91e63;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.founder-section .founder-content .main-title {
    color: #003366;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 25px;
    line-height: 1.3;
}

.founder-section .founder-content .main-title span {
    color: #e91e63;
}

.founder-section .quote-box {
    background: #ffffff;
    padding: 25px;
    border-radius: 15px;
    border-left: 4px solid #003366;
    margin-bottom: 20px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05);
}

.founder-section .quote-box p {
    font-style: italic;
    font-size: 17px;
    color: #444;
    line-height: 1.6;
    margin: 0;
}

.founder-section .description {
    line-height: 1.8;
    font-size: 16px;
}

.founder-section .signature {
    margin-top: 10px;
}

.founder-section .signature h6 {
    color: #003366;
    font-weight: 700;
    font-size: 18px;
    margin: 0;
}

/* Section Parent Wrapper */
.branch-info-section {
    padding: 60px 0;
    background-color: #ffffff;
}

.branch-info-section .row.justify-content-center {
    width: 100%;
    margin: auto;
}

.branch-info-section .sub-heading {
    color: #e91e63;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
}

.branch-info-section .main-heading {
    color: #003366;
    font-weight: 800;
    margin-top: 10px;
}

.branch-info-section .main-heading span {
    color: #e91e63;
}

/* Branch Card Layout */
.branch-info-section .branch-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgb(0 0 0 / 33%);
    overflow: hidden;
    height: 100%;
    display: flex;
}

.branch-info-section .branch-img {
    position: relative;
    height: 100%;
    width: 100%;
}

.branch-info-section .branch-img img {
    width: 100%;
    height: 390px;
    object-fit: cover;
}


.branch-info-section .branch-tag {
    position: absolute;
    top: 10px;
    left: 20px;
    background: #fe0050;
    color: #fff;
    padding: 4px 15px;
    font-size: 14px;
    border-radius: 20px;
    font-weight: 600;
}

.branch-info-section .branch-body {
    padding: 15px 15px 15px 20px;
}

.branch-info-section .branch-title {
    color: #003366;
    font-weight: 700;
    border-bottom: 2px solid #f0f0f0;
}

/* Info Item Styling (Icons + Text) */
.branch-info-section .info-item {
    display: flex;
    align-items: flex-start;
    text-decoration: none;
    margin-bottom: 15px;
    transition: 0.3s;
}

.branch-info-section .info-item:hover {
    color: var(--secoundary-color);
}

.branch-info-section .info-item i {
    font-size: 22px;
    margin-right: 12px;
}

.branch-info-section .info-item span {
    color: #444;
    font-size: 15px;
    line-height: 1.4;
}

/* Hover States */
.branch-info-section .address-link:hover span {
    color: #e91e63;
    text-decoration: underline;
}

.branch-info-section .info-item:hover i {
    transform: scale(1.1);
}

/* Contact Details Group */
.branch-info-section .contact-details {
    padding-bottom: 10px;
    border-top: 1px solid #eee;
}

/* Appointment Button */
.branch-info-section .btn-appointment {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background: #003366;
    color: #fff;
    padding: 14px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

.branch-info-section .btn-appointment i {
    margin-left: 8px;
    font-size: 20px;
}

.branch-info-section .btn-appointment:hover {
    background: #e91e63;
    box-shadow: 0 5px 15px rgba(233, 30, 99, 0.3);
}

/* Parent Scope */
.top-header .contact-info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.top-header .contact-info ul li {
    position: relative;
    margin-right: 20px;
}

/* Call Button */
.top-header .call-dropdown .call-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    cursor: pointer;
}

.top-header .call-dropdown .call-btn p {
    margin: 0;
}

/* Dropdown Menu */
.top-header .call-dropdown .call-menu {
    position: absolute;
    top: 120%;
    left: 0;
    background: #fff;
    border-radius: 8px;
    min-width: 240px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    padding: 10px 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 999;
}

/* Dropdown Links */
.top-header .call-dropdown .call-menu a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    color: #333;
    font-size: 14px;
    transition: 0.3s;
}

.top-header .call-dropdown .call-menu a:hover {
    background: var(--primary-color);
    color: #ffffff;
}

/* Hover Effect */
.top-header .call-dropdown:hover .call-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* Parent Scope */
.top-header .branch-nav {
    display: inline-block;
}

/* Title */
.top-header .branch-nav .branch-title {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    margin-bottom: 4px;
}

/* Links Wrapper */
.top-header .branch-nav .branch-links {
    display: flex;
    gap: 10px;
    justify-content: center;
}

/* Each Branch */
.top-header .branch-nav .branch-links a {
    font-size: 13px;
    text-decoration: none;
    color: #555;
    padding: 4px 10px;
    border-radius: 20px;
    border: 1px solid #eee;
    transition: 0.3s;
}

/* Hover */
.top-header .branch-nav .branch-links a:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

/* Tabs Style */
.gallery-tabs .nav-link {
    border-radius: 30px;
    padding: 10px 20px;
    margin: 0 5px;
    background: #f5f5f5;
    color: #333;
    font-weight: 500;
    transition: 0.3s;
}

.gallery-tabs .nav-link.active {
    background: #000;
    color: #fff;
}

/* Gallery */
.image-gallery {
    overflow: hidden;
    border-radius: 10px;
}

.image-gallery img {
    width: 100%;
    transition: 0.4s;
}

.image-gallery:hover img {
    transform: scale(1.08);
}

.gallery-sec .owl-theme .owl-nav {
    display: none;
}

.gallery-sec {
    padding-bottom: 100px;
}

.owl-carousel .owl-dots {
    bottom: -50px;
    border: none;
}

.owl-theme .owl-dots .owl-dot span {
    background-color: #c8c8c8;
}

/* Default normal position */
.bottom-header {
    width: 100%;
    background: #fff;
    z-index: 9999;
    transition: all 0.35s ease;
}

/* Jab sticky ho */
.bottom-header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
    animation: slideDown 0.4s ease;
}

/* Smooth slide animation */
@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.lab-timing-block {
    padding: 60px 0;
    font-family: 'Poppins', sans-serif;
    background-color: #fcfcfc;
}

/* Scoped Selectors to prevent conflict */
.lab-timing-block .timing-wrapper {
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.lab-timing-block .info-sidebar {
    background-color: #0053AF;
    /* Primary Blue */
    color: #ffffff;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.lab-timing-block .info-sidebar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lab-timing-block .info-sidebar i {
    font-size: 60px;
    margin-bottom: 15px;
}

.lab-timing-block .content-area {
    padding: 20px 40px;
}

.lab-timing-block .description {
    color: #666;
    font-size: 15px;
    margin-bottom: 25px;
}

.lab-timing-block .schedule-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}

.lab-timing-block .schedule-item .day {
    font-weight: 500;
    color: #333;
}

.lab-timing-block .schedule-item .time {
    background: #f8f9fa;
    padding: 5px 15px;
    border-radius: 4px;
    font-size: 14px;
    border: 1px solid #e9ecef;
}

.lab-timing-block .notice-box {
    margin-top: 25px;
    padding: 15px;
    background: rgba(254, 0, 80, 0.05);
    /* Light Pink tint */
    border-left: 4px solid #FE0050;
    /* Secondary Pink */
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
}

.lab-timing-block .notice-box i {
    color: #FE0050;
    margin-top: 3px;
}

.lab-timing-block .text-blue {
    color: #0053AF;
    margin-right: 8px;
}

/* Professional Pill Button */
.lab-timing-block .btn-pill {
    display: inline-block;
    margin-top: 30px;
    background-color: #0053AF;
    color: #fff;
    padding: 12px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s ease;
}

.lab-timing-block .btn-pill:hover {
    background-color: #003d82;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 83, 175, 0.2);
}

/* Mobile responsive adjustments */

.home-collection-block {
    padding: 60px 0;
    background-color: #ffffff;
    font-family: 'Poppins', sans-serif;
}

/* Scoped Content Styling */
.home-collection-block .sub-title {
    color: #ffffff;
    /* Secondary Pink */
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 10px;
}

.home-collection-block .main-title {
    color: #ffffff;
    /* Primary Blue */
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
}

.home-collection-block .description {
    color: #ffffff;
    line-height: 1.8;
    font-size: 16px;
    margin-bottom: 30px;
}

/* Feature Tags */
.home-collection-block .feature-tags {
    margin-bottom: 35px;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.home-collection-block .feature-tags span {
    background: #f0f5fa;
    color: #0053AF;
    padding: 6px 15px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 500;
}

.home-collection-block .feature-tags i {
    margin-right: 5px;
}

/* Action Buttons */
.home-collection-block .booking-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.home-collection-block .btn-pill {
    padding: 12px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s ease;
}

.home-collection-block .btn-blue {
    background: #0053AF;
    color: #fff;
}

.home-collection-block .btn-whatsapp {
    background: #25D366;
    color: #fff;
}

.home-collection-block .btn-pill:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    color: #fff;
}

/* Visual Box Area */
.home-collection-block .visual-box {
    position: relative;
    text-align: center;
    padding: 40px;
}

.home-collection-block .icon-circle {
    width: 200px;
    height: 200px;
    background: #f8f9fa;
    border: 2px dashed #0053AF;
    border-radius: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80px;
    color: #0053AF;
}

.home-collection-block .floating-card {
    position: absolute;
    bottom: 20px;
    right: 20px;
    background: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: 4px solid #FE0050;
}

.home-collection-block .floating-card i {
    color: #FE0050;
    font-size: 20px;
}


.services.second .test-card {
    height: 100%;
}

/* MOBILE SLIDER */
@media (max-width: 767px) {

    .services.second .radiology-slider .col-lg-3 {
        width: 100%;
        padding: 0;
    }

    .services.second .owl-stage {
        display: flex;
    }

    .services.second .test-card {
        margin: 0;
    }
}

.services.second .owl-nav {
    display: none;
}

.about-us .owl-theme .owl-nav {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.about-us .owl-nav .owl-prev,
.about-us .owl-nav .owl-next {
    background: #ffffff !important;
    border-radius: 40px;
}

.about-us .about-slider {
    overflow: hidden;
    position: relative;
}

.about-us .slider-track {
    display: flex;
    transition: transform 0.6s ease;
}

.about-us .slide {
    min-width: 100%;
    position: relative;
    height: 520px;
    width: 100%;
    object-fit: cover;
}

.about-us .slide img {
    width: 100%;
    border-radius: 10px;
    display: block;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}

/* overlay */
.about-us .overlayer {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    border-radius: 10px;
    transition: 0.3s;
}

.about-us .slide:hover .overlayer {
    opacity: 1;
}

.about-us .overlayer i {
    color: #fff;
    font-size: 30px;
}